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

We check against common screen readers, including NVDA and JAWS (Windows), VoiceOver (macOS/iOS), and TalkBack (Android).

Visual Customisation

Hoardly includes more than 20 built-in 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

Use the theme control in the header (right-hand side) to browse and switch themes. Your choice is remembered on this device, and synced to your account when you're logged in.

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.