MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-survey

Использование атрибута aria-label

Перейти к:

Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Атрибут  aria-label  создаёт текстовую метку текущего элемента в случае отсутствия видимого текста описания элемента. Или aria-labelledby, если есть видимый текст, обозначающий элемент.

Этот атрибут может быть использован для любого стандартного HTML элемента; не ограничивается элементами с ARIA role.

Value

string

Possible effects on user agents and assistive technology 

Edit section

Note: Opinions may differ on how assistive technology should handle this technique. The information provided above is one of those opinions and therefore not normative.

Examples

Example 1: Multiple Labels

В примере ниже, button выглядит как обычная кнопка "close" с X посередине. Поскольку нет ничего обозначающего значение  того, что кнопка закрывает диалог, то aria-label аттрибут используется что бы обеспечить метку для любой ассистивной технологии.

<button aria-label="Close" onclick="myDialog.close()">X</button>

Working Examples:

 

Notes 

The most common accessibility API mapping for a label is the accessible name property.

Used by ARIA roles

all elements of the base markup

Compatibility

TBD: Add support information for common UA and AT product combinations

Additional resources

Метки документа и участники

 Внесли вклад в эту страницу: kesha.ohrimenko
 Обновлялась последний раз: kesha.ohrimenko,