design-system icon indicating copy to clipboard operation
design-system copied to clipboard

Internal Accessibility Guide in the Documentation

Open myrta2302 opened this issue 5 months ago • 0 comments

Location:

1st level section (private)

Title:

Accessibility Implementation Guide (Internal) Accessibility Internal Standards Accessibility Practices (Internal) ...

Indicative Structure

1. Accessibility Commitment

  • DS Team Commitment Statement
  • Core Standards Followed: Issues & Criteria (Table)
  • Quick Reference: Issues per Component (Table)

2. Foundational Structure & Semantics

  • Semantic HTML Use
  • Headings & Information Structure
  • ARIA Attributes & Usage
  • Accessible Names & Labels
  • Reference Relationships - Crossing the ShadowDom

3. Content Alternatives

  • Text Alternatives (Non-Text Content)
  • Captions
  • Data Tables
  • Error Identification & Handling (e.g. 'required' must be explicitly written instead of *)

4. Visual Accessibility

  • Color Contrast
  • Use of Color Alone
  • Typography & Readability
  • Motion & Animations
  1. Interactive Accessibility & Controls
  • Focus States
  • Keyboard Interaction Patterns
  • Forms

6. Testing & Verification

  • Quick Accessibility Check Guide
  • Recommended Testing Tools (per case)
  • Assistive Technology (e.g. NVDA)

7. Resources

  • Useful External Links
  • Internal Resources

myrta2302 avatar May 08 '25 15:05 myrta2302