Ensure WCAG 2.1 Level A and AA Checklist is fulfilled for view Project detail page

Ensure that Accessibility WCAG 2.1 AA criteria is met on this page.

Tasks

• Audit the current accessibility state of the page
• Identify gaps with WCAG 2.1 Level AA compliance
• Implement necessary HTML/CSS/ARIA adjustments
• Test changes using accessibility tools and real assistive technologies
• Document improvements in the pull request

Tools

• WAVE
• axe DevTools
• More tools

Reference

• Harvard Accessibility techniques
• Evaluating Web Accessibility overview
• WCAG 2.1 Guidelines

Checklist (Some of them may not apply)

This checklist includes all Level A and Level AA success criteria from the WCAG 2.1 guidelines. Use this to audit and ensure the accessibility of the page in the Loop web application.

Level A Criteria

Perceivable

• 1.1.1 Non-text Content
• 1.3.1 Info and Relationships
• 1.3.2 Meaningful Sequence
• 1.3.3 Sensory Characteristics
• 1.4.1 Use of Color

Operable

• 2.1.1 Keyboard
• 2.1.2 No Keyboard Trap
• 2.1.4 Character Key Shortcuts
• 2.2.1 Timing Adjustable
• 2.2.2 Pause, Stop, Hide
• 2.4.1 Bypass Blocks
• 2.4.2 Page Titled
• 2.4.3 Focus Order
• 2.4.4 Link Purpose (In Context)
• 2.5.1 Pointer Gestures
• 2.5.2 Pointer Cancellation
• 2.5.3 Label in Name

Understandable

• 3.1.1 Language of Page
• 3.2.1 On Focus
• 3.2.2 On Input
• 3.3.1 Error Identification
• 3.3.2 Labels or Instructions

Robust

• 4.1.1 Parsing
• 4.1.2 Name, Role, Value

Level AA Criteria

Perceivable

• 1.3.4 Orientation
• 1.3.5 Identify Input Purpose
• 1.4.3 Contrast (Minimum)
• 1.4.4 Resize Text
• 1.4.5 Images of Text
• 1.4.10 Reflow
• 1.4.11 Non-text Contrast
• 1.4.12 Text Spacing
• 1.4.13 Content on Hover or Focus

Operable

• 2.4.5 Multiple Ways
• 2.4.6 Headings and Labels
• 2.4.7 Focus Visible

Understandable

• 3.1.2 Language of Parts
• 3.2.3 Consistent Navigation
• 3.2.4 Consistent Identification
• 3.3.3 Error Suggestion
• 3.3.4 Error Prevention (Legal, Financial, Data)

Robust

• 4.1.3 Status Messages