Grokking CSS Design Patterns to Ace Interviews/

...

/

Problem: Accessible Checkbox Focus Ring

Problem: Accessible Checkbox Focus Ring

Try to 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: ...