Сбой аудита доступности, когда элемент ol играет роль

Question

Когда вы проводите аудит доступности в Google Chrome с такими сайтами, как https://stackoverflow.com, вы заметите ошибку, которая возникает у меня на моем собственном веб-сайте.

List items (<li>) are not contained within <ul> or <ol> parent elements.

В случае https://stackoverflow.com HTML-код с ошибкой выглядит следующим образом.

<ol class="list-reset grid gs4" role="presentation">
                <li class="grid--cell">
                ...

Когда у меня возникла эта ошибка на моем веб-сайте, я удалил атрибут роли, и ошибка исчезла.

У меня есть один простой вопрос. Почему?

Answer 1

Элементы списка (<li>) не содержатся в родительских элементах <ul> или <ol>.

Это сообщение об ошибке не является явным.

Неявноероль для элементов ol и ul составляет list.Неявная роль для li элементов: listitem.

Документы ARIA гласят:

Авторы ДОЛЖНЫ обеспечить, чтобы элементы с ролью listitem содержались вили принадлежит элементу с ролью list или group.

Если вы переопределяете нативную роль элементов ol, то вы больше не уважаете спецификации ARIA (хотявсе еще соблюдайте спецификации HTML).

Просто удалите роль presentation в элементе ol или не используйте элементы списка.