Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: Accessible Button Focus Indicator

Solution: Accessible Button Focus Indicator

Let’s add a custom visible focus outline to a button for better accessibility.

We'll cover the following...

Problem description

Given an HTML page with a <button class="accessible-btn">Click Me</button>, write CSS to meet the following requirements:

  • When the button is focused (for example, using the ...