Проблема доступности выпадающего меню Office UI Fabric ReactJS - PullRequest
Новая
       7

Проблема доступности выпадающего меню Office UI Fabric ReactJS

0 голосов
/ 13 ноября 2018

Я использую Office UI Fabric Dropdown в React.js.Я тестирую приложение на наличие проблем с использованием Keros для Web.

Это показывает эту проблему для выпадающих списков: 

aria-valid-attr-value: ARIA attributes must conform to valid values
Fix the following: Invalid ARIA attribute value: aria-labelledby="usercountryRegion-label" 
Snippet: <div data-is-focusable="true" id="usercountryRegion" tabindex="0" aria-expanded="false" role="listbox" aria-labelledby="usercountryRegion-label" aria-describedby="usercountryRegion-option" aria-activedescendant="usercountryRegion-option" name="country" class="ms-Dropdown root_aecb6435">

Я искал какой-то ответ, и все, что я получил, это «Убедитесь, что значение внутри каждого атрибута написано правильно и соответствует действительному значению.", но я не мог найти решение этой проблемы.

1 Ответ

0 голосов
/ 15 ноября 2018

Найдите в вашем коде «usercountryRegion-label». Значение aria-labelledby должно быть ID другого объекта. Убедитесь, что атрибут ID ( не атрибут NAME) является «usercountryRegion-label» элемента, на который вы указываете.

Хорошо: 

<div id="usercountryRegion-label">Africa</div>

Bad: 

<div name="usercountryRegion-label">Africa</div>
...