February 2025 Updates

Accessibility improvements and implementations

Back to Accessibility Overview

Footer and Social Media Accessibility Enhancement

WCAG 2.1 Success Criterion improvements:
  • Success Criterion 1.3.1: Improved structure of social media links:
    • Removed nested interactive elements to prevent double tab stops
    • Added proper semantic structure with list elements
  • Success Criterion 4.1.2: Enhanced naming and descriptions:
    • Added descriptive aria-label attributes to social links
    • Implemented .sr-only text for screen reader context
  • Success Criterion 2.4.7: Enhanced keyboard focus visibility:
    • Improved focus indicators to match hover states
    • Added high-contrast focus outlines
  • Success Criterion 1.4.3: Improved visual presentation:
    • Enhanced social media icon contrast
    • Optimized button sizing for better touch targets

Skip Link Implementation

WCAG 2.1 Success Criterion improvements:
  • Success Criterion 2.4.1: Bypass Blocks implementation:
    • Added keyboard-accessible skip link to bypass navigation
    • Implemented proper focus management on target content
  • Success Criterion 2.4.7: Focus Visible improvements:
    • High contrast yellow styling on focus
    • Clear visual indication when skip link receives focus
  • Success Criterion 2.4.3: Focus Order optimization:
    • Logical tab order implementation
    • Smooth scrolling behavior for better orientation

Hero Section Contrast Enhancement

WCAG 2.1 Success Criterion improvements:
  • Success Criterion 1.4.3: Contrast improvements:
    • Updated hero section background to solid black
    • Ensured contrast ratio exceeds 4.5:1 for normal text
    • Maintained 3:1 ratio for large-scale text
  • Success Criterion 1.4.8: Visual Presentation enhancement:
    • Improved text readability in hero sections
    • Enhanced visual hierarchy of content

Decorative Images Update

WCAG 2.1 Success Criterion improvements:
  • Success Criterion 1.1.1: Non-text Content handling:
    • Added empty alt attributes to decorative elements
    • Applied aria-hidden="true" to visual-only content
    • Properly marked decorative SVGs and icons
  • Success Criterion 1.4.5: Images of Text:
    • Ensured decorative text is implemented as actual text
    • Maintained proper contrast for essential image text

Video Player Accessibility Enhancement

WCAG 2.1 Success Criterion improvements: