GSA / px-benefit-finder

1 stars 0 forks source link

Component library manual testing-Assistive Tech (screen reader) #373

Open amycole501 opened 1 year ago

amycole501 commented 1 year ago

https://bears-storybook.app.cloud.gov/

initial review doc

Audit spreadsheet

Review all interactive elements and components in the library Ernesto created in Figma. https://www.figma.com/file/jt1oS8sGYDJn0MjYaprQkM/BEARS-DESIGN?type=design&node-id=1220-25299&mode=design

https://www.figma.com/file/y8Op8kBqkvCEMZQ7i13Fcr/SHARED-DOC-BEARS?type=design&node-id=1423-11679&mode=design&t=e4RAJK79cG93M41g-0

Add comments, considerations, and success criteria to ensure WCAG conformance for users of assistive technology, specifically JAWS in Chrome on desktop.

WCAG 2.4

Understanding Success Criterion 2.4.1 [Bypass Blocks] Understanding Success Criterion 2.4.2 [Page Titled] Understanding Success Criterion 2.4.3 [Focus Order] Understanding Success Criterion 2.4.4 [Link Purpose (In Context)] Understanding Success Criterion 2.4.5 [Multiple Ways] Understanding Success Criterion 2.4.6 [Headings and Labels] Understanding Success Criterion 2.4.7 [Focus Visible] Understanding Success Criterion 2.4.8 [Location] Understanding Success Criterion 2.4.9 [Link Purpose (Link Only)] Understanding Success Criterion 2.4.10 [Section Headings]

Resources: https://www.w3.org/WAI/perspective-videos/keyboard/ https://accessibility.digital.gov/ux/forms/ Digital.gov https://webaim.org/techniques/keyboard/

Can users of assistive technology hear and understand all form labels? Does the keyboard interaction using JAWS work the same as without? Can a JAWS user submit the form without issues? Can error messages be clearly understood?

EnriqueOrt commented 1 year ago

@fongcindy please review and organize to present to dev team once audit is complete

EnriqueOrt commented 1 year ago

Scott built a full App mock to run auto testers and fixed a few items on the component library - to be reviewed and updated at end of Sprint.

EnriqueOrt commented 12 months ago

Everything critical in process and reviewed by tech team

EnriqueOrt commented 7 months ago

@amycole501 , could you please have a look at this ticket and update/remove as necessary?

amycole501 commented 7 months ago

I didn't finish the component audit but not sure if it's worth doing now that the product is live. If not, this ticket can be closed.