search

bio-tools / biotoolsRegistry

biotoolsregistry : discovery portal for bioinformatics
GNU General Public License v3.0
70 stars 20 forks source link

Font weight/size for a11y #504

Open hexylena opened 4 years ago

hexylena commented 4 years ago

Hi biotools!

Visually I struggle with reading some things on bio.tools without increasing my zoom level many times. Fonts are lightened and made small in several places that renders them less readable for me.

Here is one extreme case with contrast + size issues: (popups from an a11y checker I use)

image

While these aren't reported, I struggle with them the most due to the light font weight + colour on white background.

image

If there's any chance to make the fonts a bit heavier (at least remove the use of lighten/weight:300) and a bit larger in places it'd be super cool.

hexylena commented 2 years ago

I stopped in and met someone in BioHackathon and complained but couldn't see it in their browser (Thanks Mads!), it seems it might be different between browsers as well:

image

In chrome I see no difference between font-weights 100 through 500, at 600 it becomes bold:

image

In firefox 100-200 is the same, 300, 400, 500 are all different

hexylena commented 2 years ago 
.pill-text
.default-controls-button

Found using my eyes but this also noted some issues that may or may not be important https://wave.webaim.org/extension/