Contrast and a visible focus in HTML & CSS

HTML & CSS interview exercise on Accessibility, difficulty 2 of 3. Solve it in the editor beside a worked example; the tests run the moment you do.

The card's text is too faint and its link is indistinguishable. Pick text colours that reach a 4.5:1 contrast ratio against the white card for both paragraphs (the muted one may stay greyer than the lead, but must pass), make the link recognisable with an underline, and give it a visible focus style.

Each exercise pairs a worked example with a twin problem to solve in a real editor; the tests run the moment you do. Progress is saved in your browser, and in your account if you sign in.

More Accessibility in HTML & CSS

All HTML & CSS exercises · Other languages and frameworks