Accessibility Guide

Dray's Learning Hub is designed to be accessible to all users. Learn how to customise settings and use accessibility features for the best learning experience.

Quick Access Settings

Account Settings

Access all accessibility options from your profile

Path: Profile Menu → Account Settings → Accessibility

Keyboard Shortcuts

Quick access to common actions

Global Search: Cmd/Ctrl + K
Help Menu: Shift + ?

Visual Accessibility Features

High Contrast Mode

Increase contrast between text and background colours for better readability.

How to enable: Account Settings → Accessibility → Visual → Enable High Contrast

Text Size Adjustment

Adjust text size across the entire platform from 85% to 150% of default size.

Options: Small (85%), Normal (100%), Large (125%), Extra Large (150%)

Focus Indicators

Enhanced visual indicators show which element currently has keyboard focus.

Features: High-visibility borders, skip links, logical tab order

Keyboard Navigation

Navigation Keys

TabMove forward between elements
Shift + TabMove backward between elements
EnterActivate buttons and links
EscapeClose modals and menus
Arrow KeysNavigate within menus

Shortcut Keys

Cmd/Ctrl + KOpen global search
Alt + MOpen main menu
Alt + NOpen notifications
Shift + ?Show help menu
Alt + HJump to main content

Screen Reader Support

Supported Screen Readers

NVDA (Windows)

Latest version recommended

JAWS (Windows)

Version 2020 or later

VoiceOver (Mac/iOS)

Built-in support

TalkBack (Android)

Mobile optimised

Screen Reader Tips

  • • Headings are properly structured for easy navigation
  • • All images include descriptive alt text
  • • Form labels are clearly associated with inputs
  • • Loading states and dynamic content changes are announced
  • • Tables include proper headers for data comprehension

Mobile Accessibility

Touch Targets

  • • Minimum 44px touch target size
  • • Adequate spacing between interactive elements
  • • Swipe gestures with alternative access methods
  • • Voice control compatibility

Responsive Design

  • • Content scales properly across screen sizes
  • • Horizontal scrolling is minimised
  • • Text remains readable at all zoom levels
  • • Mobile-optimised navigation patterns

Need Accessibility Support?

Our support team is trained to help with accessibility questions and can provide personalised assistance for your specific needs.