Почніть натискати клавішу Tab і спостерігайте за кнопками.
Ви маєте побачити, що на кнопках з'являється кастомний маркер фокуса синього кольору. Він втілений за допомогою CSS-стилю:
Приклад, як маркер фокуса виглядав би за замовчанням, див. за посиланням.
Рекомендується кастомізувати маркер фокуса для всіх інтерактивних елементів, які можуть отримувати фокус (включаючи ваші власні, якщо ви такі розробили). Отже, відповідний CSS може виглядати так:
Також не забувайте, що коефіцієнт контрастності маркера щодо фону сторінки (або того контейнера, де розташований елемент, якому належить маркер) має складати не менше, ніж 3:1.