Accessibility issues with BLM landing page

[MylesBorins]

Hey All,

We received an email report that the links on the BLM landing page were hard to read for those who can't distinguish color contrast well.

Did a quick report and saw that there are indeed some accessibility improvements we can make on the page

https://try.powermapper.com/demo/Report/577ee505-f5f6-425e-b1ca-450447bd7cce

I've not run this across the entire site, but as the BLM landing page borrows a bunch of the broader styles it might be a site wide issue. i'll try and find some time to fix this, but if anyone wants to take a pass at it first please don't wait for me.

[davidfekke]

A lot of organizations have a banner and link for supporting the BLM movement. It might be a better UX experience to move the BLM support to another page, and have a link to it on the homepage.

I know I came to the nodejs.org site the other day to try to download the installer, and I had to search for awhile until I found it at the bottom of the page.

[nschonni]

@davidfekke that already happened in #3246

@MylesBorins Looking at Wave, I'm not seeing any contrast issues flagged https://wave.webaim.org/report#/https://nodejs.org/en/black-lives-matter/ but that can sometimes be subjective, even if the ratio is correct

[MylesBorins]

@davidfekke the change to make a banner landed yesterday. The original plan was to replace the landing page for a week.

[Trott]

@MylesBorins Looking at Wave, I'm not seeing any contrast issues flagged https://wave.webaim.org/report#/https://nodejs.org/en/black-lives-matter/ but that can sometimes be subjective, even if the ratio is correct

https://wave.webaim.org/report#/https://nodejs.org/en/black-lives-matter/ flags 32 color contrast issues for me, all in links.

[nschonni]

Weird, maybe a browser related thing? I'm running in Firefox on Windows 10

[Trott]

Weird, maybe a browser related thing? I'm running in Firefox

I was running in Chrome but I get the same 32 errors in Firefox too. I'm on macOS.

[nschonni]

OK, think I figured out why I wasn't seeing it. I use Stylish for custom CSS, and even though I toggled it off, it seems like it was still picked up in the iframe

[XhmikosR]

The main page passes WCAG2AA AFAICT. I remember I checked it in the past also.

EDIT: NVM, this issue is for https://nodejs.org/en/black-lives-matter/ which indeed has issues.