Accessibility Features

We're committed to making our website accessible to everyone. Discover the comprehensive accessibility features we've implemented to ensure an inclusive digital experience.

Quick Keyboard Reference

Press any of these keys for instant navigation

H

Home

A

About

M

Mission

R

Roadmap

E

Events

I

Initiatives

O

Our Members

D

Data

?Show all shortcuts

Comprehensive Accessibility

Our website implements industry-leading accessibility standards to ensure everyone can access and use our platform effectively.

Navigation
Keyboard Navigation
Complete keyboard navigation support with custom hotkeys for quick access to all sections

How to use:

  • Press 'h' to go to Home section
  • Press 'a' to go to About section
  • Press 'm' to go to Mission section
  • Press 'r' to go to Roadmap section
  • Press 'e' to go to Events page
  • Press 'i' to go to Initiatives page
  • Press 'o' to go to Our Members page
  • Press 'd' to go to Data page
  • Press '?' to show all keyboard shortcuts

Keyboard shortcuts:

HAMREIOD?
Screen Reader
Screen Reader Support
Semantic HTML structure with proper ARIA labels, roles, and live regions for screen readers

How to use:

  • Use with any screen reader (NVDA, JAWS, VoiceOver)
  • Navigate by headings with H key
  • Jump between landmarks with D key
  • Access page announcements automatically
  • Use tab navigation for interactive elements
Visual
Focus Management
Enhanced focus visibility and keyboard trap management for modals and interactive elements

How to use:

  • Tab through interactive elements in logical order
  • See clear focus indicators on all elements
  • Focus automatically trapped in modals
  • Press Escape to close modals and return focus
Navigation
Skip Links
Skip navigation links for keyboard users to jump directly to main content

How to use:

  • Press Tab when page loads to reveal skip links
  • Press Enter on 'Skip to main content' link
  • Press Enter on 'Skip to navigation' link
  • Links are hidden until focused for clean design
Visual
Color Contrast
WCAG AA compliant color contrast ratios throughout the interface

How to use:

  • All text meets 4.5:1 contrast ratio minimum
  • Interactive elements have sufficient contrast
  • Focus indicators are clearly visible
  • No information conveyed by color alone
Layout
Responsive Design
Mobile-first responsive design that works across all devices and screen sizes

How to use:

  • Zoom up to 200% without horizontal scrolling
  • Touch targets are at least 44px for mobile
  • Content reflows properly on all screen sizes
  • Works in both portrait and landscape orientations
Forms
Form Accessibility
Properly labeled forms with error handling and validation feedback

How to use:

  • All form fields have descriptive labels
  • Required fields are clearly marked
  • Error messages are announced to screen readers
  • Form validation provides clear feedback
Content
Inclusive Content
Content written in clear, simple language with proper heading structure

How to use:

  • Headings follow logical hierarchy (H1-H6)
  • Plain language used throughout
  • Important information is not time-dependent
  • Images have descriptive alt text

Standards & Compliance

WCAG 2.1 AA

Meets Web Content Accessibility Guidelines Level AA standards for perceivable, operable, understandable, and robust content.

Section 508

Compliant with Section 508 of the Rehabilitation Act, ensuring federal accessibility requirements are met.

Screen Reader

Tested and optimized for NVDA, JAWS, VoiceOver, and other assistive technologies.

Help Us Improve

We're continuously working to improve our accessibility. If you encounter any barriers or have suggestions, please let us know.

Contact our accessibility team:

Email: accessibility@sgua.org

Phone: +65 8193 8194