Комментарии 4
Как вариант увеличения "области кликабельности" ссылки:
a {
position: relative;
}
a::before {
content: '';
position: absolute;
top: -10%;
left: -10%;
height: 120%;
width: 120%;
}
Красная волнообразная линия под словом
Ни чем сравнимым (вроде) не страдаю, но ненавижу визуальный мусор, создаваемый нагромаждением этого вордовского подчеркивания. Особенно при невысоких строках очень сложно становится отличать что к чему относится. Вами представленный вариант смотрится аккуратно и лаконично. Без подчеркивания или фона было бы не то. Подчеркивание задает акцент и якорь, а фон - очертание границы слова.
Символ «К» сверстал, используя графику
Ой блин... а не правильнее ли будет посадить это k в ::after? Хотя на SO говорят, что скринридеры по-разному этот тэг обрабатывают. (Почему? Потому что даже вчера на сайте MSI увидел, как они таким образом список(!) в кликабельной карточке верстают!!)
а не правильнее ли будет посадить это k в ::after?
Тогда скринридеры будут озвучивать «К». Все, что помещается в свойство content озвучивается
https://developer.mozilla.org/en-US/docs/Web/CSS/content#accessibility то, чего они как бы делать не должны. Ровно как и фронтэндеры "должны" заботиться a11y... :/
HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 12