Вопросы по теме 'wai-aria'
(Пользовательский) роль WAI-ARIA
Я новичок в ARIA и предоставляемых ею ролях, состояниях и свойствах. Я понимаю, что существуют разные типы ролей (например, ориентиры, регионы и т. Д.), Но ни одна из них не представляет такие области, как «регион входа» или что-то подобное....
1281 просмотров
schedule
12.08.2022
Доступный, удобный для мобильных устройств лайтбокс?
Существует ли какое-либо решение для лайтбоксов (наподобие Fancybox и т. д.), которое было бы одновременно доступным (совместимым с VoiceOver и JAWS и т. д., возможно, с ролями WAI-ARIA) и удобным для мобильных устройств?
Бонусные баллы за плагин...
9545 просмотров
schedule
02.02.2023
Рекомендуемая реализация WAI-ARIA для панели навигации / меню
Мы находимся в процессе внедрения (то есть добавления) поддержки WAI-ARIA в главное меню навигации веб-портала. Меню показано здесь:
Меню реализовано с помощью классического <ul> / <li> / <a> дерева DOM, стилизованного...
21442 просмотров
schedule
02.12.2022
Предпочтительный метод использования элементов HTML5/ролей ARIA
Так что это небольшая проблема, о которой я продолжаю думать время от времени. Около года или двух мне было любопытно, как лучше всего использовать элементы HTML5.
Наиболее частая техника, которую я вижу — использование таких элементов, как...
420 просмотров
schedule
10.07.2022
Можно ли использовать элемент ‹aside› внутри элемента ‹section role=main›?
Я занимаюсь улучшением доступности своего HTML с помощью HTML5 и WAI-ARIA.
Можно ли установить следующие настройки?
<!-- main content -->
<section id="main" role="main">
<h1>The main content</h1>
<!-- This...
14596 просмотров
schedule
17.07.2022
Доступность HTML-формы: фокус клавиши Tab пропускает новое отображаемое поле
У меня есть форма, содержащая поле выбора, которое отображается только тогда, когда значение предыдущего поля выбора установлено на определенное значение. Вот упрощенная версия, в которой появляется скрытое поле выбора «штаты», если в качестве страны...
1886 просмотров
schedule
14.06.2022
Уведомить программу чтения с экрана об изменении страницы
У меня есть одностраничное приложение, которое управляет URL-адресами и перезагрузкой страницы.
Мне было интересно, как я могу уведомить программу чтения с экрана, что страница была полностью перезагружена?
Перезагрузка страницы запускается при...
85 просмотров
schedule
08.07.2022
Семантика маркировки форм
Я стараюсь избегать использования идентификаторов вне функциональных целей. Что подводит меня к моему вопросу, при маркировке элементов в формах существует несколько методов. Я всегда делал это особым образом, чтобы избежать идентификаторов;...
278 просмотров
schedule
05.07.2022
Каков доступный способ разметки кнопок, единственным содержимым которых является значок?
Дизайн, который я реализую, имеет общую кнопку «Учетная запись», единственным содержимым которой является значок пользователя (и крошечный значок раскрывающегося списка).
Достаточно ли добавить атрибут заголовка к кнопке ("Ваша учетная запись"),...
3254 просмотров
schedule
29.08.2023
Улучшения доступности многоуровневых раскрывающихся списков
Я пытаюсь создать многоуровневое раскрывающееся меню со следующим кодом:
<nav role="navigation" class="navigation">
<ul>
<li><a href="index.html">Home</a>
</li>
<li><a...
539 просмотров
schedule
20.02.2024
Ярлык ARIA для виджета меню не читается
UA: Mozilla Firefox 28.0; AT: JAWS 14.0.1534 и NVDA 2014.1; ОС: MS Windows 7 Professional SP1
Учитывая следующий простой виджет меню с расширенным ARIA, почему ассоциированный ярлык «Куда пойти» никогда не читается? Насколько я понимаю, метки,...
1053 просмотров
schedule
14.03.2023
Атрибут роли HTML5 для тегов
В моем шаблоне HTML5 есть h1 элементы на каждой странице (которые я использую для ключевого слова) в верхней левой части страницы.
Есть ли атрибут role , чтобы подписывать их как теги, такие как теги в WorPress?
545 просмотров
schedule
02.07.2022
Скрытые метки областей в таблице HTML (для доступности программы чтения с экрана)
На моей веб-странице мне нужно создать таблицу со строкой заголовка, которая видна или скрыта в зависимости от конфигурации пользователя. Эта таблица также должна быть полностью доступной (в частности, поскольку таблица может быть очень длинной, я бы...
5840 просмотров
schedule
01.05.2022
Можно ли использовать spacer.gif в контейнере с фоновым изображением, чтобы применить замещающий текст к этому фоновому изображению?
У меня есть фоновое изображение в области заголовка моего сайта. Это сделано в качестве фонового изображения для адаптивного дизайна. Однако я хотел бы, чтобы программы чтения с экрана могли прочитать некоторую информацию об этой области (информация...
174 просмотров
schedule
29.07.2022
Как указать программам чтения с экрана пропускать диаграмму SVG (метки осей) и вместо этого читать связанную таблицу?
У меня есть диаграмма SVG и таблица, отображающие одни и те же данные. При тестировании с JAWS я заметил, что читаю все текстовые метки по осям X и Y, прежде чем читать содержимое таблицы. Я пытался добавить aria-describedby="id-of-table" к...
1697 просмотров
schedule
06.06.2023
роль=презентация на H1
Используя следующий HTML
<!DOCTYPE html>
<html>
<head><title>Headings</title></head>
<body>
<main>
<h1>Heading 1</h1>
<section>
<h2>Heading 2</h2>...
542 просмотров
schedule
25.02.2023
Ария, спрятанная на поле медового горшка
У меня есть поле ввода медового горшка в форме, чтобы боты не могли его отправить, скрытое абсолютным позиционированием. Я хотел бы, чтобы вспомогательные технологии, такие как программы для чтения с экрана, игнорировали поле Honey Pot, поэтому я...
1234 просмотров
schedule
05.03.2022
Доступность HTML5/ARIA: Какую роль я должен использовать в статье для перевода?
Я хотел бы улучшить доступность в блоге, над которым я работаю. Блог двуязычный и по умолчанию отображается на венгерском языке. Щелчок по флагу вызывает смену языка (JavaScript удаляет класс nodisplay из блоков div с class=js-en и добавляет его...
92 просмотров
schedule
02.04.2023
Когда использовать обязательный атрибут по сравнению с атрибутом aria-required для элементов ввода?
Я пытаюсь сделать форму доступной. Должен ли я сделать так, чтобы входные данные имели атрибуты required и aria-required или только один?
<label for="textbox1">Input</label>
<input id="textbox1" type="text" name="Text Box"...
24306 просмотров
schedule
09.12.2022
WCAG 2.0 aria-labelledby для заголовка формы и заявления об отказе от ответственности
Я не уверен, как форма будет обозначена как aria-labelledby или aria-describeby, когда вы пытаетесь поместить заголовок и заявление об отказе от ответственности типа «Все поля обязательны, если не отмечены как необязательные» в верхней части формы. Я...
151 просмотров
schedule
07.10.2022
