[Child of #652] Audit: Mermaid Diagram Accessibility (WCAG AA, Light/Dark Mode)

[ashleyshaw]

Overview

Audit Mermaid diagrams for accessibility compliance (WCAG AA standards) and proper rendering in light/dark modes.

Scope

• For each Mermaid diagram, check for accessibility attributes:
  • accTitle (accessible title)
  • accDescr (accessible description)
• Test diagrams in light and dark mode
• Verify color contrast (WCAG AA standards)
• Document which diagrams need accessibility improvements

Audit Checklist

• Create list of all Mermaid diagrams
• Check each diagram for accTitle attribute
• Check each diagram for accDescr attribute
• Test each diagram in light mode
• Test each diagram in dark mode
• Verify color contrast ratios meet WCAG AA (4.5:1 minimum)
• Document accessibility gaps

Deliverables

• Accessibility audit report
• Spreadsheet: Diagram | Has accTitle | Has accDescr | Light Mode OK | Dark Mode OK | Contrast OK | Fixes Needed
• List of diagrams requiring accessibility improvements
• Specific recommendations for each diagram

Related Files

• All README.md files with Mermaid diagrams
• Mermaid documentation

Related Documentation

• Accessibility Instructions
• WCAG 2.2 Standards
• Mermaid Accessibility Docs
• Documentation Formats Guide

[linear-code]

LS-843