WCAG 2.1 – Level AA (Web Content Accessibility Guidelines)
Both the admin panel and member portal strive to conform to WCAG 2.1 Level AA, which is the widely accepted standard for accessible web interfaces.
This includes:
Visual Accessibility
Color contrast ratios meet or exceed minimum contrast requirements (4.5:1 for normal text, 3:1 for large text).
Avoidance of color-only indicators (e.g. status colors are paired with icons or text).
Support for zooming without breaking layouts (up to 200%).
Keyboard Navigation
All interactive elements (menus, buttons, modals, dropdowns) are fully navigable by keyboard.
Focus states are visible.
Tab order follows a logical progression (no unexpected jumps).
Screen Reader Compatibility
Proper use of semantic HTML and ARIA attributes (e.g.
aria-label
,aria-hidden
,aria-expanded
).Forms include label associations and meaningful error messages (with
aria-live
for dynamic updates).Navigation landmarks and page regions are correctly defined (
<nav>
,<main>
,<header>
, etc.).
Admin Panel-Specific Features
The Raklet Admin Panel is built for power users and includes:
Accessible data tables with ARIA roles for sorting and pagination.
Modal dialogs and sidebars that trap focus until closed (important for keyboard and screen reader users).
Confirmation prompts with descriptive titles and buttons (“Cancel” / “Delete” instead of just “Yes” / “No”).
Additionally, dynamic elements like:
Member search,
Automation builders,
Workflow triggers,
...are tested for keyboard and assistive tech compatibility.
Member Portal-Specific Features
The Member Portal is more user-facing, and therefore designed to be clean, lightweight, and universally accessible:
Profile editing, event registration, and payments can be done with full keyboard or assistive tech support.
Membership cards and event tickets are generated in accessible formats.
Events and boards follow a responsive design, with readable layouts on screen readers and mobile devices.
Where applicable:
Uploaded images (e.g. profile photos, post images) use
alt
text if available.Membership plans and benefits are presented in a structured list format for clarity.
Continuous Testing and Compliance
Raklet does internal testing using:
axe DevTools, Lighthouse, and WAVE for automated accessibility checks.
Manual testing with screen readers (VoiceOver on macOS, NVDA on Windows).
Feedback from clients with accessibility-specific requirements (e.g., government and educational institutions).
Accessibility Support for Clients
Organizations with additional needs can:
Request custom accessibility audits,
Get guidance on building accessible content (e.g. newsletters, board posts),
Ask for priority accessibility updates via Enterprise support.