search

govdirectory / website

Website repository for Govdirectory - a crowdsourced and fact-checked directory of official governmental online accounts and services.
https://govdirectory.org
Creative Commons Zero v1.0 Universal
46 stars 31 forks source link

Improve the web accessibility #348

Open RVA2869 opened 7 months ago

RVA2869 commented 7 months ago

The feature

There are different levels of compliance with the WCAG standard. From A to AAA https://www.w3.org/WAI/standards-guidelines/wcag/conformance-logos/#wcag-22

Some things we could do:

Why?

This should be the standard procedure.

Examples and inspiration

Abbe98 commented 7 months ago

Do you have an example of a non presentation image? I don't think we should have any?

Compilearner commented 3 weeks ago

We can improve the web accessibility on a web page by setting-up the text-contrast ratio , using alt attribute specially for blind people , using semantic elements, etc. Give some info where to add this feature.....

Ainali commented 3 weeks ago

We can improve the web accessibility on a web page by setting-up the text-contrast ratio , using alt attribute specially for blind people , using semantic elements, etc.

We can only improve it if it is missing somewhere. If you find some place where it does, please point that out specifically so that it can be addressed.

RVA2869 commented 3 weeks ago

One thing that comes to mind is the contrast (or lack thereof) of the white text on the orange background.

https://colourcontrast.cc/ afbeelding

Ainali commented 3 weeks ago

One thing that comes to mind is the contrast (or lack thereof) of the white text on the orange background.

That's a good point. I think it might be worth exploring a design with darker orange, #d4431d

image

Ainali commented 3 weeks ago

There are different levels of compliance with the WCAG standard. From A to AAA

As a meta question to the original post, I think we should decide which level we strive for, and document that in the CONTRIBUTING file.

EDIT: I think this is what this issue should be all about, and the specific color contrast should be referenced in a new issue. (We want to avoid ever lasting issues that cannot easily be closed as done.)