Описание тега wai-aria

WAI-ARIA, Инициатива веб-доступности - пакет спецификаций доступных полнофункциональных интернет-приложений, определяет способ сделать веб-контент и веб-приложения более доступными для людей с ограниченными возможностями. Это особенно помогает с динамическим контентом и расширенными элементами управления пользовательского интерфейса, разработанными с помощью AJAX, HTML, JavaScript и связанных технологий.
3 ответа

Если HTML-элемент имеет role="button", он также должен иметь атрибут "name"

Если HTML5 <div> элемент требует role="button" атрибут для обеспечения успеха в аудите доступности (Критерий успеха 4.1.2 [Имя, Роль, Значение].. div действует как кнопка в пользовательском интерфейсе), требует ли он также действительного name…
20 июл '16 в 09:53
2 ответа

Должна ли в миниатюре поста WordPress присутствовать role="presentation"?

В настоящее время я пишу тему для нового сайта и хочу быть настолько дружелюбной, насколько это возможно, для вспомогательных технологий. Поэтому мне было интересно role="presentation" в отображении вызова сообщения миниатюра. HTML-код, сгенерирован…
08 ноя '16 в 13:49
2 ответа

Ария-живи и челюсти

Я пытаюсь заставить регион с живой арией корректно работать с JAWS 11 и IE8. Используя приведенный ниже код, я могу заставить JAWS объявить новое значение при нажатии кнопки, но поведение не соответствует ожидаемому. JSFiddle этого примера <!DOCT…
02 авг '11 в 07:39
4 ответа

Что означает свойство "описанный в арии"?

Следующий HTML-код вставляется плагином jQuery Grid: <td role="gridcell" style="" aria-describedby="list_createdBy">Sam</td> Что означает свойство "описанный в арии"?
03 янв '11 в 07:24
2 ответа

Программа чтения с экрана не читает радиокнопку с пометкой aria, наведенной на указатель мыши

Полимер 1.* и считыватель NVDA У меня есть группа радио кнопок, которые не имеют ярлыков. Я пытаюсь заставить программу чтения с экрана считывать, какая кнопка переключателя находится при наведении курсора. Я старался aria-labelledby который, из тог…
03 июл '18 в 18:10
1 ответ

Aria-live не говорит лейбл после обновлений

У меня есть этот кусок HTML, который динамически обновляется с помощью JS. Программа чтения с экрана считывает новые значения только после их обновления. Это не говорит лейбл ввода, который был обновлен. <ul class="points-transfer-detail-points-c…
12 май '16 в 20:10
0 ответов

Челюсти читают гиперссылку дважды в IE 11

Я пытаюсь разметить некоторый xhtml, чтобы Jaws мог читать выпадающие меню, но у меня возникают проблемы с тем, чтобы он работал в IE 11. Тексты ссылок читаются дважды, когда я их пролистываю. Он отлично работает в Firefox. Я максимально упростил xh…
31 май '16 в 10:58
0 ответов

Получить расширенное значение арии Angular 2/4/5 для ngb-гармошки

ОБНОВИТЬ Поменял файл на scss. Нашел исправление. /deep/ .my-accordion .card-header a[aria-expanded="true"] { img.icon{ filter:invert(0%); }} /deep/.my-accordion .card-header a[aria-expanded="false"] { img.icon{ filter:invert(40%); }} Предыдущий пос…
19 июл '18 в 05:51
1 ответ

ARIA - Вам нужно использовать ARIA-EXPANDED с ARIA-HIDDEN?

Я новичок в ролях ARIA. Если у меня есть функциональность типа подсказки, то есть, если кто-то нажимает кнопку с вопросительным знаком, отображается больше текста с подробными инструкциями по заполнению поля формы, должен ли я использовать расширенн…
17 фев '14 в 14:59
1 ответ

Каким будет подходящее лечение WAI-ARIA для скрытых элементов

Какова будет подходящая обработка WAI ARIA для скрытых элементов (скрытых с помощью CSS), таких как изображения загрузчика / текст "пожалуйста, подождите" и т. Д. Хотелось бы избежать их считывания программами чтения с экрана, когда они изначально с…
26 июн '12 в 02:04
1 ответ

Добавление role=document к div заставляет JAWS читать "кликабельно"

Я работаю над приложением, которое отображает список чатов, и мне нужно поместить чаты в виртуальный буфер. Содержимое чата может быть простым, как строка текста, или сложным, как текст, а также ссылка и изображение. Без role=documentэто не в буфере…
29 янв '14 в 18:14
2 ответа

Доступность в декоративных изображениях или повторяющихся информационных изображениях

Когда вы пишете alt, вы должны иметь в виду несколько вещей. Одна из этих вещей предлагает использовать пустой alt="" когда содержимое изображения является декоративным или содержит повторяющуюся информацию. Но какая разница между использованием: &l…
21 июн '17 в 13:27
2 ответа

Программа чтения с экрана, т.е. JAWS не читает текст кнопки, когда текст изменяется при нажатии этой кнопки?

Я столкнулся с одной незначительной трудностью при включении доступа к программному обеспечению ARIA. Любая помощь будет оценена! У меня есть div, который работает как кнопка "Редактировать" с событием click, используя jQuery. Я изменяю текст этой к…
1 ответ

Применяются ли атрибуты aria-extended и aria-haspopup к элементам <select />?

Из вики W3C Когда авторы используют свертываемое содержимое, например, для скрытия навигационных меню или списков содержимого, инициирующая ссылка или кнопка должны указывать пользователям средства чтения с экрана, находится ли приведенное ниже свер…
17 окт '16 в 11:18
1 ответ

Как сделать доступным апплет на странице с помощью кнопки?

На странице HTML у меня есть &lt;button&gt;, Нажав на нее, JavaScript вставляет апплет в &lt;div&gt; в другом месте на странице. Повторное нажатие скрывает div. Больше щелчков переключает его. (Если это имеет значение, то это апплет GeoGebra.) У мен…
24 фев '19 в 19:40
1 ответ

Проблема доступности с чистым аккордеоном CSS

У меня есть аккордеон, который я изо всех сил пытаюсь сделать доступной клавиатуру. Я использую элемент ввода, чтобы отслеживать, когда пользователь нажимает на аккордеоне, и отображать скрытый контент, что является причиной проблемы, так как ввод, …
30 янв '19 в 02:08
1 ответ

Eclipse BIRT и доступность

Я работаю в крупном финансовом учреждении, и все наши веб-сайты должны быть доступны для людей с ограниченными возможностями. Мы используем Eclipse BIRT для создания некоторых отчетов, и я хочу выяснить, есть ли у кого-нибудь опыт в создании отчетов…
09 сен '14 в 19:34
2 ответа

Несколько заголовков и роли ARIA

У меня есть структура HTML, которая на самом деле имеет 2 заголовка: в верхней части страницы есть несколько элементов и кнопок навигации, ниже - еще один раздел, в котором содержится логотип и то, что я бы назвал основной навигацией. Оба разделены …
27 авг '14 в 14:15
5 ответов

Рекомендуемая реализация WAI-ARIA для навигационной панели / меню

Мы находимся в процессе внедрения (т.е. добавления) поддержки WAI-ARIA в главное навигационное меню веб-портала. Меню показано здесь: Меню реализовано с помощью классики &lt;ul&gt; / &lt;li&gt; / &lt;a&gt; Дерево DOM, стилизованное под CSS, чтобы вы…
05 сен '12 в 10:11
2 ответа

angularJS нг-шоу блокировка нг-клик до двойного клика

У меня есть вход (код ниже), который имеет ng-шоу, которое появляется, когда вы покидаете поле, и оно недействительно. Тем не менее, я считаю, что это предотвращает мой ng-click на следующем элементе. Когда я сосредоточен на первом вводе и нажимаю к…
15 дек '17 в 14:12