В чем разница между атрибутами aria-label и title? [дубликат]

этот вопрос уже есть ответ здесь:

Я привык использовать title="" атрибут на моих ссылках / кнопках/... на них подробно. Но bootstrap использует много aria-label="" атрибуты, по причинам доступности, насколько я понял.

Итак, я подхожу к как создать кнопки:

<button
    id="show-raw-result"
    class="btn btn-default btn-sm btn-twigfiddle"
    title="Result was not easily readable so it has been automatically cleaned up, use this button to see the result raw"
    aria-label="Result was not easily readable so it has been automatically cleaned up, use this button to see the result raw">
    <span class="glyphicon glyphicon-asterisk"></span> Show raw result
</button>

но копирование / вставка заголовка для создания метки aria выглядит просто уродливо. Какой мне выбрать и почему?

28
html title twitter-bootstrap wai-aria

1 ответов

Aria-теги используются для инвалидов посетителей вашего сайта. Это очень хорошо Bootstrap, что они поддерживают его по умолчанию.

доступные богатые интернет-приложения (ARIA) определяет способы сделать веб содержание и веб-приложения (особенно те, которые разработаны с Ajax и JavaScript) более доступным для людей с ограниченными возможностями. Например, ARIA включает доступные навигационные ориентиры, виджеты JavaScript, форму подсказки и сообщения об ошибках, обновления live content и больше.

источник:https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA

чтобы ответить на ваш вопрос, который вы должны использовать, использовать только title-атрибут. Потому что этот атрибут используется, если ваша мышь идет по кнопке и показывает текст title в качестве подсказки. С aria-label не поддерживается таким образом.

12