Комментарии 6
Пока читал воодушевленно думал как можно применить все это на рабочем проекте, а потом внезапно понял что занимаюсь поддержкой сайта автомобильного холдинга..
Почему так? Дело в том, что в паттерне используется position: absolute.
Нет, это потому, что тэги заголовков h1-h6 предусматривают внутри себя лишь фразовый контент, т.е. текст и его оформление уровня параграфа. Т.е. воткнуть внутрь заголовка какой-нибудь <b> (что само по себе не слишком феншуйно) стандарт позволяет, а <span> - нет. В итоге сперва браузер разбирает этот говнокод в соответствие с собственным представлением о прекрасном, а не о стандарте, затем кринридер переваривает это мнение и выдает свою версию.
Илья говорит, что такие элементы ставят в ступор
Ну еще бы: тут и зрячий без бутылки не разберется, зачем эти извращенцы набыдлокодили кнопку через a когда именно для таких целей есть button...
Так <span> же входит во phrasing content
Про отдельную озвучку .visually-hidden" не знала, спасибо.
aria-label="Кнопка выйти"
Это прям по больному, очень бесит.
И другие способы, когда в доступное имя добавляют роль элемента.
HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 8