Как исправить пустую кнопку для доступности? - PullRequest
0 голосов
/ 28 октября 2019

Я создаю пользовательский интерфейс чата, используя REACT, он должен быть доступен. Я использую Wolox / реагировать на чат-виджет https://github.com/Wolox/react-chat-widget. Я не хочу использовать функцию значка. После тестирования с помощью инструмента WAVE. Это вызывает пустую ошибку кнопки для кнопки запуска веб-чата. Как обходится решение этой проблемы без изменения базовой библиотеки?

1 Ответ

1 голос
/ 28 октября 2019

Исправить это невозможно без расширения или редактирования исходного кода.

Ошибка вызвана тем, что кнопка запуска чата не имеет читаемого содержимого, только файл SVG.

Вы можете легко исправить это (хотя и не идеальное исправление, а способ сделать это с минимальными усилиями), изменив components / Widget / components / Launcher / index.js , чтобы просто добавить информацию в тег alt, который в данный моментпусто в открытом и закрытом изображении. (alt="close chat", alt="open chat").

А еще лучше отправьте запрос на извлечение с просьбой об обновлении его автором, чтобы все могли воспользоваться дополнительной доступностью.

Имейте в виду, что существует множество других проблем с доступностью длярассмотрите этот чат, например, управление фокусом внутри модального режима, клавишу Escape для закрытия и т. д. (он может быть, но вы должны подумать о них).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...