hisbvdis Nov 5 2019 at 12:45

Оформляйте стили наведения, фокуса и активного состояния по-разному

5 min

98K

Website development*CSS*HTML*Accessibility*

Translation

+13

Comments 5

Kuzmin_A Nov 6 2019 at 12:00

Было забыто/пропущено не менее важное состояние, :visited для ссылок. Очень сильно напрягает когда в статье больше 1й ссылки, и не понятно, посещал ты её сейчас/ранее…
P.S. Увидел что это перевод

KasperGreen Nov 6 2019 at 16:54

Написал статью по сабжу. Думаете стоит развивать или тема кнопок\ссылок исчерпана?

Kuzmin_A Nov 6 2019 at 17:10

Это похоже на вопрос о том, как делать таблицы=) Кто-то делает таблицы при помощи div(+a), а кто-то использует table(+(data-href)+js). Со статьей согласен. Сугубо моё имхо, в кнопки можно добавить, к примеру ссылку(в виде кнопки) на страницу регистрации/корзину/и т.д.
P.S. и да, очень бесит когда дизайнеры забывают/игнорируют некоторые состояния, и приходится их пинать.

dmlogv Nov 6 2019 at 17:23

Я понимаю, что не самый авторитетный источник, но в Ководстве уже всё есть, хоть у меня и есть претензии к категоричности цветового оформления.

Riim Nov 11 2019 at 12:29

Зачем вообще показывать состояние фокуса, если пользователь не прикасался к клавише Tab? Это лишняя информация для него. Нужно делать так:
На body висит класс _noFocusHighlight который прячет всё (почти всё, про исключения ниже) отображение фокуса, при нажатии на Tab он снимается и пользователь видит состояние фокуса, раз нажал на Tab — значит оно ему нужно. При любом клике, после которого document.activeElement указывает на body, возвращается класс _noFocusHighlight. Возможны некоторые исключения, например, текстовые поля, состояние фокуса на которых отображается даже если было получено мышкой.
Вот код: тыц.

Show the best of all time