Skip to content

[Advanced] Accessibility Improvements (WCAG 2.1 AA) #36

@yasmramos

Description

@yasmramos

Description

Audit and improve accessibility support across the entire framework.

Task

  • Conduct WCAG 2.1 AA audit of all components
  • Add ARIA label support for all interactive components
  • Implement focus indicators for keyboard navigation
  • Add reduced motion support (@media prefers-reduced-motion)
  • Ensure sufficient color contrast ratios
  • Test with screen readers (NVDA, VoiceOver)
  • Create accessibility documentation
  • Add automated accessibility tests

Areas to Address

  • Focus Management: Visible focus rings, logical tab order
  • Screen Reader Support: Proper role assignments, live regions
  • Keyboard Navigation: All features accessible via keyboard
  • Color Contrast: Minimum 4.5:1 for normal text, 3:1 for large text
  • Motion: Respect system preferences for reduced animation

Files to modify

  • Multiple files across the framework
  • src/main/resources/tailwindfx.css (focus states, reduced motion)
  • src/main/java/io/github/tailwindfx/util/FxAnimation.java (motion detection)

Resources

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions