search

jtcheng26 / canvas-task-extension

A better To Do sidebar for Instructure Canvas!
https://chrome.google.com/webstore/detail/tasks-for-canvas/kabafodfnabokkkddjbnkgbcbmipdlmb
MIT License
50 stars 17 forks source link

Accessible HTML #135

Open ericli18 opened 6 months ago

ericli18 commented 6 months ago

It seems like most things in this project are contained by divs, which makes it less accessible - for example, on the options page, I can't tab through the selections, when they should have the ability to be tabbed through

https://developer.chrome.com/docs/extensions/how-to/ui/a11y https://developer.chrome.com/docs/extensions/how-to/ui/a11y#htmlcontrols

I'd be down to take this on, but it would need some significant refactoring, so I wanted to know if it was something you wanted to work on

jtcheng26 commented 6 months ago

You're free to work on this! Maybe start by adding an accessibility linter and submit a PR when you're done with the Options page first, then work on refactoring the rest of the project incrementally.

ericli18 commented 6 months ago

I looked into it and it doesn't seem like there are any linting tools that can catch everything. There's a paid Axe linter and a jsx plugin for ESlint, but those don't look like they really catch the issues. I think I'm just going to use the WAVE extension and start fixing the errors from there. https://chromewebstore.google.com/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh