HTML 5 проблема доступности элемента заголовка ANDI, как удалить возможность ориентира

Question

Я использую элемент заголовка html5 для отображения lo go внутри тела. Совместимость возможностей ANDI признает это вехой. Я попытался просмотреть документацию, но в них указано только, как добавить ориентир, но не упоминается, как игнорировать или удалять нежелательный ориентир.

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

Если полезно, это приложение angular. Заранее спасибо.

Answer 1

Не используйте элемент <header>.

Дело не в том, что вы хотите , а в том, что людям нужно для доступа к вашему site правильно.

Семантика действительно важна для доступности, особенно для пользователей программ чтения с экрана, и попытки полагаться на aria, чтобы переопределить роль элементов semanti c, - плохая идея.

Экран Пользователи-читатели перемещаются по ориентирам и ожидают увидеть их в определенных местах, это одна из основных причин, почему это важно.

Нет ничего плохого в использовании <divs> для вещей, которые не являются частью документа структура.

Если вы хотите знать, что использовать вместо этого, добавьте скрипт / ссылку к вашему вопросу , на всякий случай, если есть более подходящий элемент с правильной семантикой.

Так что, если мне нужно сделать это по законным причинам.

Используйте role="presentation", поскольку это преобразует элемент, который будет обрабатываться как <div> (который не имеет роли semanti c.). Однако, как уже говорилось, это следует использовать с осторожностью, поддержка aria не так хороша, как вы могли подумать. .