Методы обработки открытия новой вкладки и обеспечения доступности веб-страниц с помощью WCAG 3.2

Question

WCAG 3.2 указывает, что контент должен предоставляться в предсказуемом формате (https://www.w3.org/TR/2016/NOTE-UNDERSTANDING-WCAG20-20161007/consistent-behavior.html)) и что впоследствии, когда при открытии новой вкладки открывается новая вкладка, пользователь узнает об этом.

У меня есть веб-страница со списком многих ссылок, которые открываются в новой вкладке. W3C рекомендует либо указывать это в тексте ссылки, либо указывать индикатор при наведении / фокусировке. Однако из-за большого количества ссылок на одну и ту же ссылкуна странице, требующей этого, предоставление этих параметров может существенно нарушить дизайн / интерфейс пользователя. Существуют ли другие менее визуально навязчивые способы достижения этого соответствия без предоставления всплывающего или текстового предупреждения для каждой ссылки?

Кроме того,есть другие проблемы с доступностью, связанные с открытием новых окон / вкладок?

Answer 1

Это может зависеть от уровня соответствия , которого вы пытаетесь достичь.Большинство компаний (и большинство законов страны) требуют соответствия AA.Фактически, в руководствах говорится, что соответствие AAA должно , а не .

Примечание 2: Не рекомендуется, чтобы соответствие уровня AAA требовалось какобщая политика для целых сайтов, поскольку невозможно удовлетворить все Критерии успеха уровня AAA для некоторого контента.

Однако это не означает, что вы не должны учитывать некоторые изААА требования.Например, если цветовой контраст превышает 4,5: 1 ( 1.4.6 Контраст (улучшенный) ) или убедитесь, что текст ссылки имеет смысл сам по себе, а не полагается на контекст вокруг него ( 2.4.9 Назначение ссылки (только ссылка) ) - оба отличных улучшения над соответствием AA.

Что касается ссылок, открывающихся в новых окнах, которые подпадают под 3.2.5 Изменение по запросу , что соответствует ААА.Таким образом, в зависимости от уровня соответствия, которого вы пытаетесь достичь, вам, возможно, не придется соответствовать ему.

Если бы у вас было всего несколько ссылок, разбросанных по всему сайту, которые открывались в новом окне, этобыло бы неплохо иметь визуальный индикатор, который показывает, что ссылка откроется в новом окне, и передать ту же информацию для программ чтения с экрана.(См. H83: Использование атрибута target для открытия нового окна по запросу пользователя и указание этого в качестве примера в тексте ссылки (HTML) . Вы также можете использовать значок вместо текста, но убедитесь, что значокимеет атрибут alt или что вы предоставляете контекст для программы чтения с экрана через aria-label, aria-labelledby или визуально скрытый текст ).

Но если вы сделаете это, и у вас появится страница, на которой большинство ссылок переходит в новое окно, страница может выглядеть загроможденной всей дополнительной информацией.Это где вы должны быть осторожны.Если вы решите получить общий комментарий на этой странице, который говорит, что все ссылки открываются в новом окне, и вам не нужен значок рядом с каждой ссылкой, то у вас не получится WCAG 3.2.4.Идентификация , которая является требованием AA.То есть, у вас есть несколько страниц со значками «нового окна» рядом со ссылками и другая страница без него.

Поэтому вам нужно решить , если , вы хотите указать, что ссылкаоткрывается в новом окне (требование AAA) или нет.Как упоминалось ранее, реализация некоторых требований AAA - это хорошо.Просто будьте последовательны.