Back
Accessibility Features Demo
Interactive Accessibility Features DemonstrationExplore ExpiWell's accessibility features including keyboard navigation, screen reader support, and motion preferences designed to meet WCAG 2.2 AA guidelines.
WCAG 2.2 AA Targeted
EU Accessibility Act Prepared
Motion: Full
Quick help:
View Full Accessibility Statement →hFocus search:/Advanced Keyboard Navigation
Full keyboard support with arrow keys, Vim-style navigation (hjkl), and custom shortcuts. Navigate complex interfaces without a mouse.Arrow Keys
Vim (hjkl)
Custom Shortcuts
Screen Reader Optimized
Comprehensive ARIA labels, live regions for announcements, semantic HTML structure, and focus management for screen readers.ARIA Labels
Live Regions
Focus Trap
Screen Reader AnnouncementsThese buttons demonstrate different types of announcements for screen readers.
Disclosure Pattern (Collapsible Section)
Tab Interface Pattern
Overview content panel. Use arrow keys to navigate between tabs or click to switch.
Details content panel with more specific information about the current selection.
Settings panel where users can configure options and preferences.
Combobox Pattern (Searchable Select)
Motion PreferencesThese elements respect the user's motion preferences. Try changing your operating system motion settings to see the difference.
Motion-Safe Element
Complete Keyboard Shortcuts Guide
Standard Navigation
TabNavigate between elementsShift+TabNavigate backwardsArrow KeysNavigate within componentsEnter/SpaceActivate buttonsEscapeClose modals/dropdownsAdvanced Features
h/j/k/lVim-style navigationhShow help message
/Focus search input
Home/EndJump to first/lastKeyboard shortcuts are designed to work with screen readers and respect motion preferences.
Contrast Ratio Testing Results
Automated contrast ratio testing results for text elements:19.8:1Primary TextExceeds AA
7.46:1Secondary TextExceeds AA
4.61:1Muted TextMeets AA