-Элемент: Ария-метки или атрибут title

короче говоря: несмотря на одну из рекомендаций WCAG,abbr не является идеальным решением, чтобы объяснить значение аббревиатуры для всех,aria-label следует использовать, когда вы хотите объявить произношение аббревиатуры.

считыватели экрана не должны читать title атрибут, поскольку он не предназначен для замены aria-label. См. также W3 предупреждающий: http://www.w3.org/TR/html/dom.html#attr-title

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

я никогда не поощряем использование abbr тег по двум причинам:

• это не фокусируемый элемент так что вы не можете перемещаться по нему с помощью клавиатуры, чтобы увидеть смысл аббревиатуры. Если вы намерены предоставить произносимую альтернативу, то aria-label - это наверняка то, что вам нужно.

например, когда аббревиатура является частью языка, вам нужно объяснить это, но вы можете дать альтернативу речи:

Director: <span aria-label="Mister">Mr</span> Smith

• слепые люди понимают аббревиатуры как и большинство из нас,

например, следующее предложение-это то, что слепые люди могут прекрасно понять:

Джон Смит из НАТО был арестован ФБР.

и следующий гораздо менее понятен

Джон Смит из Североатлантического договора Организация была арестована Федеральным бюро расследований.

As abbr используется для аббревиатур и сокращений вы должны использовать свойство CSS speak:spell-out чтобы объявить, что элемент должен быть прописан. Вы можете использовать abbr тег семантически указывает, что это аббревиатура или аббревиатура, но это не повлияет на глобальную доступность.

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

плохой пример, когда аббревиатура не помогает читабельности:

<abbr title="Doctor">Dr.</abbr> Smith is located on Lincoln <abbr title="Drive">Dr.</abbr>

хороший пример (простой лучше):

доктор Смит находится на Линкольн-драйв

WCAG продвигают многие другие методы, чем использование abbr tag:

• предоставление расширения или объяснения аббревиатуры
• обеспечение первого использования аббревиатуры непосредственно перед или после расширенной формы
• ссылка на определения