Learn Accessibility by Building a Quiz - Step 46

Tell us what’s happening:

Your code so far


The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge Information:

Learn Accessibility by Building a Quiz - Step 46

1 Like


Accessibility is a hot topic in software engineering: it’s 2024 and we need to care about people who can’t see properly among many others.
In your task, you are asked to give change the colours so the contrast ratio between your background and your anchor elements (the blue links) is equal or higher to 7:1, currently it is very low: even for someone who can see well, it’s still hard to read.
The calculation for the ratio is not the easiest, but lucky for you, you can use some web tools like WebAIM: Contrast Checker to make the calculation for you.
In your situation though, I don’t think it is necessary. The background of your menu is very dark, what kind of colour do you think you could put to make it easier to read? :slight_smile:

Wishing you the best of luck!

looks like it should
open a new selector specified by the task itself and set a color that you have already specified above