Атрибуты ARIA для чтения альтернативного текста (например, римских цифр) в HTML.

В моем HTML-документе я использую римские цифры (например: MMXV = 2015).

Есть ли способ сообщить программам чтения с экрана интерпретировать определенный текст по-другому (например, римские цифры как «две тысячи пятнадцать» вместо M-M-X-V)?

Я предполагал, что должен быть атрибут ARIA, но я не могу его найти. Например.:

<time datetime="2015" aria-?="Two thousand and fifteen">MMXV</time>

html accessibility wai-aria
person bashaus    schedule 28.02.2015    source источник

Ответы (2)


arrow_upward
10
arrow_downward

Используйте тег aria-label, чтобы дать элементу понятное описание.

Затем скройте римские цифры от средств чтения с экрана, поместив их в элемент span с атрибутом aria-hidden установлено значение true, чтобы скрыть элемент от средств чтения с экрана.

<time datetime="2015" aria-label="Two thousand and fifteen">
    <span aria-hidden="true">MMXV</span>
</time>
person unobf    schedule 28.02.2015
comment
Спасибо @unobf. Я попробовал этот HTML: ‹time datetime=2015 title=2015 aria-label=two тысяча пятнадцать›MMXV‹/time›. VoiceOver на Mac произносит как слово две тысячи пятнадцать, так и буквы MMXV. Есть ли способ заставить его произносить только текст на этикетке? - person bashaus; 01.03.2015

arrow_upward
0
arrow_downward

Хорошо с ответом unobf, но вы также должны учитывать, что если использование aria-label улучшит доступность для людей, использующих программы чтения с экрана, это не улучшит доступность для всех.

Вам следует прочитать пункт 3.1.4 об аббревиатурах WCAG.

Я думаю, что с римскими числами сложно иметь дело, если вы действительно хотите быть доступным, и не только для слепых людей. Например, использование тега ABBR может помочь людям без программ чтения с экрана, но тег ABBR не является фокусируемым элементом с помощью клавиатуры (см. пункт 2.1.1), поэтому не существует уникального беспроблемного решения.

person Adam    schedule 02.03.2015
comment
В настоящее время тег abbr не распознается программами чтения с экрана. Я бы хотел, чтобы это было так, и я также хочу, чтобы все браузеры а) сделали его фокусируемым, б) сделали так, чтобы при наведении курсора отображался полный термин, и в) чтобы полный термин отображался в фокусе... - person unobf; 03.03.2015
comment
правильно, мой собственный вывод состоит в том, что abbr следует использовать только для обозначения аббревиатуры, и его лучше использовать без использования атрибута title. Аббревиатура, требующая пояснения, должна быть видна. Что касается латинских чисел, я бы по возможности избегал их использования, за исключением случаев, когда этого требует тип публикации (например, научная публикация) и не предназначен для чтения населением, не знающим об этом ... хотя люди с дислексией все равно будут обеспокоены, например . - person Adam; 03.03.2015