WCAG standards landing dashboard

[SLDonnelly]

As a SPAR User I want SPAR to follow WCAG standards So That I can use assistive technologies to help me complete my work

Acceptance Criteria

For the SPAR landing dashboard

• Semantic HTML structure
• Ensure all images have alternative text (for the photo on the log in screen use: "Picture of spruce tree branches with needles and cones".
• Accessible forms
• Keyboard navigation
• ARIA (Accessible Rich Internet Applications) roles and attributes
• Focus management
• Contrast above 4.5:1
• Tested - Use accessibility tools and screen readers during development.

Additional Context

• More information here: https://github.com/bcgov/nr-spar/wiki/Coding-for-accessibility:-Screen-readers

Definition of Done

• Ready to Demo in Sprint Review
• Does what I have made have appropriate test coverage?
• Documentation and/or scientific documentation exists and can be found
• Peer Reviewed by 2 people on the team
• Manual testing of all PRs in Dev and Prod
• QA from UX team member
• Merged

[ngunner15]

Read up on how to make Loading animation screen reader-friendly and sematic.

[kevinginley]

@ngunner15 Looks good to me! I also ran through it with a screen reader (NVDA) and it seemed to work well.