♿

Accessibility Features

Comprehensive accessibility support ensuring everyone can access critical disaster preparedness information

Accessibility Tools Screen Reader Guide

♿ Accessibility Features Overview

🔊

Screen Reader Support

ARIA Labels: Comprehensive labeling for all interactive elements
Semantic HTML: Proper heading structure and landmarks
Alt Text: Descriptive text for all images
Skip Links: Quick navigation to main content
Screen Reader Optimized: NVDA, JAWS, VoiceOver compatible
⌨️

Keyboard Navigation

Full Keyboard Access: All functions available without mouse
Tab Order: Logical navigation sequence
Shortcuts: Keyboard shortcuts for common actions
Focus Management: Clear visual focus indicators
Escape Support: Close modals and menus with ESC key
👁️

Visual Accessibility

High Contrast: WCAG AA compliant color ratios (17.5:1)
Text Scaling: Up to 200% zoom without horizontal scroll
Focus Indicators: Clear, high-contrast focus states
Color Independence: Information not conveyed by color alone
Large Text: Important information available in large format
👂

Hearing Accessibility

Captions: Video content includes accurate captions
Transcripts: Audio content available as text
Visual Alerts: Visual indicators for audio alerts
Vibration: Mobile devices support haptic feedback
Volume Control: Independent audio volume controls
🧠

Cognitive Accessibility

Simple Language: Clear, straightforward instructions
Consistent Layout: Predictable page structure
Error Prevention: Clear validation and error messages
Progress Indicators: Clear progress in multi-step processes
Timeout Prevention: Adequate time for form completion
🦾

Motor Accessibility

Large Click Targets: Minimum 44x44px touch targets
Click Spacing: Adequate spacing between interactive elements
Gesture Support: Touch-friendly interface design
Input Alternatives: Multiple input methods available
No Time Limits: Sufficient time for all interactions

🛠️ Accessibility Tools

🔊 Screen Reader Guide

Getting Started

  • Use Tab key to navigate through page content
  • Use Enter or Space to activate buttons and links
  • Use H key to jump to headings
  • Use L to jump to lists
  • Use F to jump to form fields

Page Structure

  • Level 1 headings: Main page sections
  • Level 2 headings: Subsections
  • Landmarks: Navigation, main content, footer
  • Links: Descriptive link text for context

Emergency Features

  • Skip to main content (Alt + M)
  • Emergency contact buttons (Alt + E)
  • Quick navigation to critical sections

⌨️ Keyboard Shortcuts

Navigation Shortcuts

Tab - Next element
Shift + Tab - Previous element
Enter/Space - Activate
Esc - Close/Cancel
Alt + S - Skip navigation
Alt + M - Main content
Alt + E - Emergency contacts
Alt + K - Emergency kit

Emergency Quick Access

In emergency mode, press:

Ctrl + 1 - Call 911
Ctrl + 2 - Show location
Ctrl + 3 - Emergency kit
Ctrl + 4 - SOS signal

🎤 Voice Control

Voice Commands

  • "Navigate to emergency" - Go to emergency page
  • "Show evacuation routes" - Display evacuation information
  • "Call 911" - Emergency contact
  • "Show contacts" - Display emergency contacts
  • "Increase text" - Make text larger
  • "High contrast" - Toggle high contrast mode

How to Use

  1. Click microphone button or use voice activation
  2. Wait for "Listening" indicator
  3. Speak clearly and naturally
  4. System will confirm actions

🔊 Screen Reader User Guide

🧭 Navigation Tips

Efficient Navigation

  • Headings Navigation: Use H key to move between headings
  • Landmarks: Use 1-6 keys for navigation regions
  • Lists: Use L key to jump to lists
  • Forms: Use F key to find form controls
  • Links: Use K to jump to links

Quick Jump Shortcuts

Alt + 1 - Main navigation
Alt + 2 - Main content
Alt + 3 - Emergency section
Alt + 4 - Resources
Alt + 5 - Contact information
Alt + 6 - Footer

🚨 Emergency Information Access

Emergency Contact Quick Access

In emergencies, use Alt + E to jump directly to emergency contact information. This includes:

  • 911 emergency call button
  • Local emergency services
  • Personal emergency contacts
  • Hospital and medical services

Audio Emergency Alerts

When the site is in emergency mode, audio alerts provide:

  • Spoken emergency notifications
  • Audio cues for page updates
  • Verbal navigation guidance
  • Tone alerts for critical updates

📝 Forms and Interactive Elements

Form Navigation

  • All form fields have proper labels and descriptions
  • Error messages are clearly announced
  • Required fields are indicated with "required" announcement
  • Form validation provides immediate feedback
  • Success states are clearly communicated

Interactive Elements

  • Buttons announce their function on focus
  • Links describe their destination clearly
  • Modals announce when opened and closed
  • Tabs indicate current active panel
  • Accordions announce expanded/collapsed state

⚖️ WCAG 2.1 AA Compliance

👁️

Perceivable

✅ Color contrast (4.5:1)
✅ Text alternatives
✅ Adaptable content
✅ Distinguishable elements
⌨️

Operable

✅ Keyboard accessible
✅ No seizure triggers
✅ Navigation help
✅ Timeouts manageable
🧠

Understandable

✅ Readable text
✅ Predictable structure
✅ Input assistance
✅ Error identification
🛡️

Robust

✅ Compatible markup
✅ Assistive technology
✅ Future-proof
✅ Validation compliant

Accessibility Statement

DisasterU.org is committed to maintaining WCAG 2.1 AA compliance and continuously improving accessibility. We regularly test with assistive technologies and welcome feedback on accessibility improvements.

Report Accessibility Issue Learn About WCAG

🧪 Testing & Feedback

Automated Testing

We use automated accessibility testing tools to maintain compliance:

  • • Axe DevTools
  • • Lighthouse Accessibility Audit
  • • WAVE Web Accessibility Evaluator
  • • color-contrast Accessibility Tools

Manual Testing

Regular manual testing with assistive technologies:

  • • Screen readers (NVDA, JAWS, VoiceOver)
  • • Keyboard-only navigation
  • • Voice control software
  • • Screen magnification tools

💬 Accessibility Feedback

Your feedback helps us improve accessibility for everyone. If you encounter accessibility barriers or have suggestions, please contact us.

Contact Us

🚨 Emergency Accessibility Features

Crisis Mode Accessibility

🔊 Audio Emergency Alerts

  • • Spoken emergency notifications
  • • Tone alerts for different emergency levels
  • • Audio guidance for evacuation routes
  • • Voice-controlled emergency actions
  • • Screen reader emergency announcements

⌨️ Simplified Emergency Controls

  • • Large emergency action buttons
  • • Single-key emergency shortcuts (Ctrl + number)
  • • High-contrast emergency interface
  • • Reduced motion for crisis situations
  • • Focus management for critical actions

📱 Mobile Emergency Features

Haptic Feedback:
  • Vibration alerts for emergency notifications
  • Haptic feedback for button activations
  • Vibration patterns for different alert types
Large Touch Targets:
  • Minimum 48x48px emergency buttons
  • Spaced-out touch targets
  • Slide gestures for emergency actions