Описание тега web-accessibility
Веб-доступность заключается в том, чтобы сделать веб-контент, включая веб-приложения, доступным для людей с ограниченными возможностями и пожилых людей. Это включает совместимость с программами чтения с экрана и лупами. Обеспечение доступности веб-сайта или веб-приложения может включать в себя, помимо прочего, приведение их в соответствие со стандартами доступности, такими как Руководство W3C по доступности веб-контента (WCAG).
2
ответа
Программа чтения с экрана не читает радиокнопку с пометкой aria, наведенной на указатель мыши
Полимер 1.* и считыватель NVDA У меня есть группа радио кнопок, которые не имеют ярлыков. Я пытаюсь заставить программу чтения с экрана считывать, какая кнопка переключателя находится при наведении курсора. Я старался aria-labelledby который, из тог…
03 июл '18 в 18:10
1
ответ
Ионные с VoiceOver: как читать по-китайски?
Я создал приложение, которое требует доступности для людей с нарушениями зрения. VoiceOver отлично работает для других китайских приложений в моем телефоне. Тем не менее, он только читает на английском языке, но не на китайском языке. Как я могу поз…
12 фев '18 в 06:05
1
ответ
Как сделать кнопку, содержащую только изображение, доступной?
У меня есть <img> то есть при нажатии должен выполнить действие, поэтому я обернул его внутри <button> как это: <button> <img src="" alt="Cat"> </button> Что касается доступности, кнопка в дереве доступности должна имет…
05 ноя '18 в 12:47
1
ответ
Установка события клика для следующей вкладки в контейнере с помощью клавиш со стрелками
У меня есть контейнер с фильтром с тремя вкладками. В текущей выбранной вкладке есть класс ag-tab-selected, Когда контейнер загружается, первая вкладка всегда выбрана и имеет ag-tab-selected учебный класс. Мне нужно иметь возможность перемещаться ме…
14 авг '18 в 18:07
1
ответ
Доступность и выбор диапазона дат
Я понятия не имею, какими должны быть звуковые подсказки, когда слепой человек взаимодействует с указателем диапазона. Может ли кто-нибудь помочь мне? upd: мне просто интересно узнать, что ожидается от доступного диапазона выбора даты
06 фев '18 в 02:59
1
ответ
Есть ли какие-либо заголовки доступности в браузерах, например язык жестов
Большинство браузеров делят пользовательский язык с отображаемыми веб-сайтами (например, в JavaScript: navigator.language || navigator.userLanguage). Но что, если ваш родной язык, например, язык жестов, или если вам нужен простой язык. Что если вам …
04 дек '18 в 15:14
1
ответ
Веб-доступ: html собственный выпадающий список - открывать пункты меню при нажатии
При нажатии Enter нажмите, по умолчанию форма будет отправлена. В соответствии с критериями доступности, если фокус находится на элементе select, при нажатии на него должны открываться элементы списка. Я хочу знать, возможно ли сделать доступным вып…
19 фев '19 в 11:15
1
ответ
Как использовать aria-label и aria-labelledby для получения видимых и невидимых (настраиваемых) значений от читателя?
Есть ли способ получить видимое имя метки и настроенное имя, используя aria-label или aria-labelledby, или любой другой атрибут Например, приведенный ниже код говорит: <div> <div id="shankar">Name</div> <input type="text" aria-l…
16 мар '18 в 07:14
1
ответ
Вкладки роли арии со стрелками
WCAG имеет отличный шаблон проектирования для реализации Tabs с Tabpanels здесь Он использует "индекс подвижной вкладки" и клавиши со стрелками на клавиатуре для переключения между вкладками. Это прекрасно работает, но недавно я получил запрос на со…
16 июн '18 в 02:55
1
ответ
Как разрешить неработающую ссылку в angularJs доступности?
В AngularJs Я улучшаю доступность с помощью ngAria. Я использую ui-sref так что конвертировать мой код из этого <ul style="font-size: 18px"> <li> <a ui-sref="scheduleallocation" >Department Admin DayTimeLocation</a> </li&g…
30 июл '18 в 09:13
3
ответа
Заполнитель текста лучшие практики для доступности
В качестве примера приведена следующая разметка: <label for="email">Email</label> <input type="email" placeholder="foo@bar.baz" id="email" /> <label for="cc">Credit card</label> <input type="input" placeholder="XXXX …
06 фев '18 в 15:26
2
ответа
Существуют ли проблемы доступности для удаления пробелов между двумя текстовыми элементами? (например, span, a)
Мне интересно, не мешает ли доступность каким-либо образом иметь этот HTML: <a href="privacy.html">Privacy</a><a href="terms">Terms</a> вместо этого: <a href="privacy.html">Privacy</a> <a href="terms">Terms&…
04 авг '18 в 11:06
3
ответа
Как сгруппировать входные данные, доступные без набора полей?
Проблема: группировка элементов формы У меня есть HTML-форма, где в нескольких местах один элемент управления состоит из нескольких входов. Одним из примеров является группа переключателей. Я хотел бы сгруппировать эти входные данные и их метку в я…
15 янв '18 в 15:14
1
ответ
Специальные возможности - опция Control+Space+ не открывает раскрывающийся список (элемент Select)
У меня есть элемент Select, как это: <select name="dropdown"> <option value="1" selected="">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select> Если я ис…
09 июл '18 в 05:49
1
ответ
WCAG 2.0 Критерии 1.4.1 / 2.1.1
У меня проблемы с проверкой WCAG, я пытаюсь использовать эту проверку в первый раз. В тегах сценария у меня есть потенциальная проблема скрипт может использовать только цвет а также Сделайте все функции доступными с клавиатуры но я действительно не …
06 мар '18 в 09:24
2
ответа
Как исправить ошибку веб-доступности "пустая кнопка" при использовании глициконов начальной загрузки
У меня есть страница, где кнопка помечена глификом (начальной загрузкой). У меня есть новое требование, чтобы при проверке страницы с помощью инструмента "Волна" не было "ошибок" ( https://wave.webaim.org/extension/). Проблема в том, что волна выдае…
03 июл '18 в 08:38
0
ответов
Как спроектировать доступное информационное окно карт Google с пользовательским наложением и, таким образом, соответственно управлять фокусом?
В настоящее время я пытаюсь сделать более доступную версию информационного окна путем расширения класса представления наложения карты Google ( основываясь на этом примере). В моем веб-приложении, когда пользователь нажимает на маркер или на элемент …
27 ноя '18 в 09:00
1
ответ
Активизировать весь веб-сайт можно кликабельно, используя Enter для доступности (как это делают NVDA/JAWS)
Убедитесь, что все элементы кликабельны с помощью клавиши Enter, я использую следующий метод: document.addEventListener('keydown', function(e){ if( e.keyCode === 13 ) { e.target.click(); } }); И для большинства кликов это работает очень хорошо. Проб…
23 ноя '18 в 21:27
1
ответ
Доступность: навигация в браузере с помощью JS
У меня есть страница со списком товаров. Каждый элемент представляет собой ссылку для перехода на страницу информации о конкретном элементе. на этой странице есть кнопка "Удалить". поэтому, когда пользователь нажимает на него, этот элемент удаляется…
19 фев '19 в 16:05
3
ответа
Tabindex на элементы, которые являются интерактивными только при определенных условиях
В нашем веб-приложении мы используем несколько "отзывчивых" HTML-таблиц - их можно прокручивать по горизонтали, если их содержимое становится слишком широким (правила CSS: width:100%; overflow-x: auto;). Это позволяет отображать всю необходимую инфо…
03 дек '18 в 15:48