Проблема доступности в ng-select

Question

Для тестирования доступности я использую инструмент ax, где я получаю ошибку ниже.

Требуемая дочерняя роль ARIA отсутствует: опция

Это мой код, где я использую angular ng -выбрать:

<ng-select [items]="rolesList" bindLabel="roleName" placeholder="Select Role" [(ngModel)]="role" aria-label="role" id="rolesList" tabindex="0">
</ng-select>

Answer 1

ng-select использует их пользовательский bindLabel Ввод для автоматического заполнения доступности арии. aria-label не используется, вместо этого aria-role используется для описания того, что это опция или группа, как и ожидалось. Вы можете добавить родительский div с aria-label , если считаете, что необходимо, чтобы программа чтения с экрана описывала выборку более подробно, но aria-own и aria -activedescendent теги добавлены. Пожалуйста, посмотрите этот объединенный PR для получения дополнительной информации об источнике использования этих тегов: https://github.com/ng-select/ng-select/pull/433/files

Примечание: также существуют известные проблемы с определенными c программами чтения с экрана (такими как топор), как описано здесь: https://github.com/ng-select/ng-select/pull/1026. Была сделана специальная работа по улучшению использования, но она так и не была объединена.