Check site accessibility

[Cleop]

As a disabled site user
I want to be able to use the Tudo list site easily
So that I can navigate and contribute effectively to the help-wanted issues.

• Check the accessibility of the site

[ZooeyMiller]

I just ran pa11y on the site from my command line and got a lot of errors.

I think fixing the problems which are currently there are a blocker for #190 but I'll read through the errors to see how big the jobs will be.

EDIT: most of the errors seem to be about contrast ratios of text, though when looking by eye the contrast ratios don't seem bad at all...

[samhstn]

If I remember correctly when @Danwhy and I used this, we decided to hide the notices (as they are mainly informational), warnings we viewed, but didn't necessarily fix them, but we addressed all errors and made errors these fail our pre-commit hook.

See here for our config: https://github.com/LDMW/app/blob/708478e05393d6ec13928bb9fc7eca1f97d585cf/package.json#L10

[ZooeyMiller]

Using the config @Shouston3 linked to we're reduced to only the errors, of which the majority (at a scan 46 of 48) are from:

• Rummage creating 2 a tags when using a sort_link, one of which has no content, but a valid href. I can see no real solution for this apart from not using rummage.
• Insufficient contrast ratios on the labels. In my experience, automated accessibility audits tend to overestimate how poor the contrast is when it comes to coloured backgrounds. Either we make the backgrounds of the image a lot paler, or we ignore it for now.

Not sure how to ameliorate these without some pretty big changes.