Appearance
Accessibility
Hoardly is committed to making the platform accessible to everyone. We aim to conform to WCAG 2.1 Level AA standards.
Keyboard Navigation
All interactive elements are reachable and operable via keyboard:
| Key | Action |
|---|---|
Tab | Move forward through interactive elements |
Shift + Tab | Move backward through interactive elements |
Enter | Activate buttons and links |
Space | Toggle checkboxes and buttons |
Esc | Close dialogs and dropdowns |
Arrow keys | Navigate within menus and lists |
Screen Reader Support
Hoardly implements ARIA attributes throughout the application:
- Semantic HTML elements for proper document structure
- ARIA labels on all interactive elements
- ARIA roles for complex UI components (menus, dialogs, tabs)
- Live regions for dynamic content updates
- Skip links to jump to main content
- Descriptive alt text for images
- Form labels and error messages properly associated
Tested with: NVDA (Windows), JAWS (Windows), VoiceOver (macOS/iOS), TalkBack (Android).
Visual Customisation
Hoardly includes 22 colour themes, all designed with accessibility in mind:
- Dark Mode — reduces eye strain in low-light environments
- Light Mode — high contrast for bright environments
- Multiple colour themes — to suit different visual preferences and conditions
- OKLCH colour space — perceptually uniform colours for better readability
- WCAG AA contrast ratios — maintained across all themes
TIP
Click the palette icon in the top-right header to browse and switch themes. Your preference is saved locally.
Responsive Design
The interface adapts to different screen sizes and input methods:
- Mobile-friendly layouts for touch devices
- Responsive text sizing that respects browser zoom
- Touch targets at least 44×44 pixels (WCAG 2.1 Level AAA)
- Content reflows without horizontal scrolling
- Works with browser text scaling up to 200%
Reporting Accessibility Issues
If you encounter an accessibility barrier, please contact us at support@hoardly.app with a description of the issue and the page or feature where you encountered it.