[FEATURE] - Accessibility Audit and Improvements #53

Closed
opened 2026-02-19 16:42:02 -08:00 by naomi · 0 comments
Owner

Attestations

  • I have read and agree to the Code of Conduct
  • I have read and agree to the Community Guidelines.
  • I have confirmed that the issue I am opening is unique, and has not already been reported (whether closed or not).
  • I have reviewed the Security Policy and have determined that this is not a security vulnerability.
  • This is not a feature request or bug report that I am mis-filing to avoid the issue template.

Share your thoughts:

Conduct a comprehensive accessibility audit of the application and implement improvements to ensure the library is usable by everyone.

Audit Areas

Keyboard Navigation

  • Ensure all interactive elements are keyboard accessible
  • Verify logical tab order throughout the app
  • Add visible focus indicators
  • Test all features work without a mouse

Screen Reader Support

  • Add proper ARIA labels and roles
  • Ensure alt text on all images
  • Use semantic HTML elements
  • Test with popular screen readers (NVDA, JAWS, VoiceOver)

Visual Accessibility

  • Ensure sufficient colour contrast (WCAG AA minimum)
  • Support browser zoom up to 200%
  • Avoid relying solely on colour to convey information
  • Test with colour blindness simulators

Form Accessibility

  • Associate labels with form inputs
  • Provide clear error messages
  • Use fieldsets and legends for grouped inputs
  • Add helpful placeholder text and hints

Content Accessibility

  • Use clear, descriptive headings
  • Maintain proper heading hierarchy (h1 → h2 → h3)
  • Provide skip navigation links
  • Ensure text is readable and well-structured

Tools to Use

  • Lighthouse accessibility audit
  • axe DevTools
  • WAVE browser extension
  • Manual keyboard testing
  • Screen reader testing

Success Criteria

  • Pass WCAG 2.1 Level AA compliance
  • Lighthouse accessibility score of 95+
  • All critical issues resolved
  • Documentation of accessibility features

This issue was created with help from Hikari~ 🌸

### Attestations - [x] I have read and agree to the [Code of Conduct](https://docs.nhcarrigan.com/community/coc/) - [x] I have read and agree to the [Community Guidelines](https://docs.nhcarrigan.com/community/guide/). - [x] I have confirmed that the issue I am opening is unique, and has not already been reported (whether closed or not). - [x] I have reviewed the [Security Policy](https://docs.nhcarrigan.com/legal/security/) and have determined that this is not a security vulnerability. - [x] This is not a feature request or bug report that I am mis-filing to avoid the issue template. ### Share your thoughts: Conduct a comprehensive accessibility audit of the application and implement improvements to ensure the library is usable by everyone. ## Audit Areas ### Keyboard Navigation - Ensure all interactive elements are keyboard accessible - Verify logical tab order throughout the app - Add visible focus indicators - Test all features work without a mouse ### Screen Reader Support - Add proper ARIA labels and roles - Ensure alt text on all images - Use semantic HTML elements - Test with popular screen readers (NVDA, JAWS, VoiceOver) ### Visual Accessibility - Ensure sufficient colour contrast (WCAG AA minimum) - Support browser zoom up to 200% - Avoid relying solely on colour to convey information - Test with colour blindness simulators ### Form Accessibility - Associate labels with form inputs - Provide clear error messages - Use fieldsets and legends for grouped inputs - Add helpful placeholder text and hints ### Content Accessibility - Use clear, descriptive headings - Maintain proper heading hierarchy (h1 → h2 → h3) - Provide skip navigation links - Ensure text is readable and well-structured ## Tools to Use - Lighthouse accessibility audit - axe DevTools - WAVE browser extension - Manual keyboard testing - Screen reader testing ## Success Criteria - Pass WCAG 2.1 Level AA compliance - Lighthouse accessibility score of 95+ - All critical issues resolved - Documentation of accessibility features ✨ This issue was created with help from Hikari~ 🌸
naomi closed this issue 2026-02-20 01:51:25 -08:00
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: nhcarrigan/library#53