Files
mailspring-mirror/docs
Claude fd80a9413a Add 8 screen reader accessibility implementation plans
Research and detailed implementation plans for each WCAG/a11y best practice
area identified in the initial accessibility audit of the Mailspring codebase.
Each plan includes file-by-file change lists, code snippets, CSS impact
analysis, and implementation sequencing.

Plans cover:
01. Semantic HTML landmarks (<nav>, <main>, <aside>, <article>, etc.)
02. ARIA attributes for interactive widgets (toolbar buttons, toggles, dropdowns)
03. Icon button accessible names and image alt text (RetinaImg fix)
04. Keyboard tab order and tabIndex fixes (roving tabindex toolbar)
05. List and tree semantics (thread list listbox, sidebar tree widget)
06. Focus trap for modals and popovers (useFocusTrap hook)
07. aria-live regions for dynamic content (Announcer singleton service)
08. Form label associations and form accessibility (tokenizing fields, Switch)

https://claude.ai/code/session_01MFM4iawNs5uYSxfBbYp3Vk
2026-03-03 03:05:36 +00:00
..