HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 2

[Dolios]

А зачем так?

<input type="text" id="login_field" autofocus="autofocus" />

Это же булевый атрибут, должно быть достаточно вот так:

<input type="text" id="login_field" autofocus />

[melnik909]

Я хотел максимально сохранить оригинальный код и копировал из DevTools. Там autofocus="autofocus"

[SqShooter]

Про role="list" не знал, спасибо, буду применять.

[philosoph]

Самое убийственное, когда role=listbox добавляют к div. Данный див после этого напрочь теряет доступность. На главной author.today можно глянуть.

[Fetfurmoz]

Ещё давай 3 часть, познавательно спс

[melnik909]

https://habr.com/ru/companies/ruvds/articles/771082/

[tranklogic]

Кнопка «Наверх» в начале страницы это частный случай, скорее курьёз, чем реальная проблема. Лично я рефлекторно перемещаюсь наверх по Ctrl-Home.

Скринридер всегда читает элементы в том порядке, в котором они идут в DOM, и тех, кто это не учитывает, незрячие вспоминают тихим недобрым словом. Если у вас есть контрол, по нажатию которого вставляется какой-то контент, например меню, я ожидаю этот контент следующим за контролом. Но часто такой контент молча возникает в неожиданном месте, например внизу страницы. Конечно, его позиционировали, всем всё видно )))

Такое наблюдается, например, при выборе фильтров поиска на сайтах dns-shop.ru или n1.ru

С автофокусом тоже не всё гладко. Открываешь сайт, находишь нужное, и вдруг фокус переносится на поле ввода в чат со специалистом | консультантом | помощником | тупым ботом. И приходится снова искать место, откуда твоё внимание бесцеремонно привлекли к чату

[melnik909]

Да, это все так. Надо будет написать про всплывающие элементы. У меня они есть в черновике. По поводу автофокуса. Я специально подобрал пример, где он точно не навредит. Как вы сказали, он также может быть проблемой.

[Ekseft]

По поводу использования повторяющихся ссылок, есть интересная статья на эту тему. В таком случае и ссылка будет одна, и при фокусе на неё озвучиться только название, а не весь контент который там потенциально может быть.

[philosoph]

Лично я никогда не пользуюсь ссылками навроде перейти к контенту, скип и т.п. Просто привык, что навигация внутри страницы при работе со скринридером очень часто глючит. Поэтому, main или h1 в начале контента - в моём случае то, что доктор прописал.