Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: Accessible Radio Button Focus

Solution: Accessible Radio Button Focus

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

We'll cover the following...

Problem description

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

    ...