Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: Accessible Checkbox Focus Ring

Solution: Accessible Checkbox Focus Ring

Let’s add a visible custom focus ring to a checkbox for better keyboard accessibility.

We'll cover the following...

Problem description

Given an HTML page with an <input class="accessible-checkbox" type="checkbox">, write CSS to meet the following requirements:

    ...