One #accessibility issue I mention frequently is web designers, presumably for aesthetic reasons, making low-contrast colour choices.

[cazabon@mindly.social]

One #accessibility issue I mention frequently is web designers, presumably for aesthetic reasons, making low-contrast colour choices. It also frequently goes along with selecting a #font so small that only people with excellent vision (and no #presbyopia) can read them, even if the #contrast were higher.

Here's an example. I'm not pointing out the software in question, even though you could identify it easily, because this isn't a dunk on that project, specifically.

This is the reference #documentation for an API, a small excerpt from the navigation links that run down a column on the left side of the page. The #text is darkish #grey on a lighter grey background. The contrast is terrible, particularly ignoring the highlighted entry because that's bolded as the current selection.

If you have #cataracts or any other #vision problem, you're going to have trouble with this. But it gets worse.

That text is 7 pixels high. On my monitors, it's 3 mm high. Ridiculous. Note that if you have fine motor-control problems or use alternative input devices, these are also extremely difficult to click on.

Here's the kicker: for this site, I have Firefox set to #scale the text up to 133%. That 7 pixels / 3 mm is *after* enlarging it.

#Web folks, please try to remember that not everyone is a twenty-something able-bodied person with zero accessibility issues.

#WebDesign #WebDesigner #usability #readability #legibility #WebPage