Доступність · Senior · Запитання 8 з 75
Чому зайва обгортка може зламати цей віджет?
<div role="tablist">
<div class="scroller">
<button role="tab">One</button>
</div>
</div>- 1
tabмає належатиtablist, а generic між ними це ламає - 2
divзаборонений усередині будь-якого елемента з ARIA-роллю - 3React прибирає атрибути
roleіз вкладених елементів при гідратації
Показати відповідь
Правильна відповідь: tab має належати tablist, а generic між ними це ламає
Пояснення
Ролі мають обов'язковий контекст. Допоміжна технологія може неправильно побачити вкладки. Виправте DOM або в крайньому разі скористайтеся aria-owns.