Испытание роли ARIA

Question

С этим кодом:

<ul class="tabs-nav" role="tablist" >
       <li role="tab"><a href="#newspane"  id="tab-newnews">Latest News</a></li>
       <li role="tab"><a href="#presspane" id="tab-press"  >Press Releases</a></li>
</ul>

<div>
     <div id="pane-newnews" role="tabpanel" aria-labelledby="tab-newnews" aria-hidden="false">
        <p>Lorem</p>          
     </div>

     <div id="pane-press" role="tabpanel" aria-labelledby="tab-press" aria-hidden="true">
         <p>Ipsem</p>                     
     </div>
 </div>

Я получаю эту ошибку на W3C Validator :

"Список неверных значений для роли атрибута в элементе div"

Я перевернул каждый камень в документации и не нашел причин, по которым это не подтвердится.Может кто-нибудь объяснить, что я делаю не так?

Спасибо!

Answer 1

W3C Validator является экспериментальным средством проверки HTML5, и проверка ARIA в настоящее время не позволяет использовать ориентиры ARIA.

См. Сообщение Стива Фолкнера в блоге группы Paciello

Answer 2

Вы можете использовать службу проверки новой разметки W3C для проверки ARIA http://validator.w3.org/nu/ Но учтите, что ARIA соответствует только для использования в HTML5, а не из-за того, что это имеет какое-либо значение для работы или нет. ARIA одинаково хорошо работает с любым видом (X) HTML, его удушают только валидаторы.