relspeedwagon
commented
2 years ago Combined with task 129 -- originally planned to do the tasks in tandem, but now makes more sense to do as one branch
Closed relspeedwagon closed 2 years ago
relspeedwagon
commented
2 years ago Combined with task 129 -- originally planned to do the tasks in tandem, but now makes more sense to do as one branch
Summary
Test and improve UX to address accessibility concerns for visibility and screen readers: [ ] Set-up ESLint and react-axe to audit accessibility issues (see also browser tools) [ ] Test/adjust color contrast [ ] Test/define Aria-labels for buttons/any unclear elements [ ] Test/define heading levels [ ] Test/define form-control labels [ ] Aria described by for help-text/errors
Additional notes
Recommended browser ext's for testing (chrome, firefox also avail): axe DEVtools https://chrome.google.com/webstore/detail/axe-devtools-web-accessib/lhdoppojpmngadmnindnejefpokejbdd/related tota11y https://chrome.google.com/webstore/detail/tota11y-plugin-from-khan/oedofneiplgibimfkccchnimiadcmhpe/related high contrast https://chrome.google.com/webstore/detail/high-contrast/djcfdncoelnlbldjfhinnjlhdjlikmph/related accessible color picker https://chrome.google.com/webstore/detail/accessible-color-picker/bgfhbflmeekopanooidljpnmnljdihld