Improve homepage example accessibility

clementbiron commented 6 months ago

That changeset increases the lighthouse accessiblity score to 100.

netlify[bot] commented 6 months ago

Deploy Preview for open-terms-archive-website ready!

Name	Link
Latest commit	1aea2dfab58231b67e3feaa22bca39b5052bf060
Latest deploy log	https://app.netlify.com/sites/open-terms-archive-website/deploys/66324d440e79a9000858d925
Deploy Preview	https://deploy-preview-319--open-terms-archive-website.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

MattiSG commented 6 months ago

I'm sorry, but removing background color highlighting on additions and relying only on text color (green vs white) for hinting might lead to a 100 score for automated tools but is a massive regression in terms of actual accessibility. Please bring back some other visual hints than color only.

There are also several typos that should be fixed:

The second datetime stamp in section 2.
“tured on”, “constitue”… in section 3.
Several times are the same and dates are too close in section 4, making the user wonder if this is a feature or not. Please distribute dates and times wider.

Please be attentive when reviewing.

OpenTermsArchive / opentermsarchive.org