Создание упорядоченных списков с HTML5 и/или CSS, которые безопасны для чтения с экрана?

Question

Я работаю над проектом, где доступность имеет первостепенное значение. Часто упоминается список заказанного списка, и я не уверен, как его пометить.

У меня есть jsfiddle demo of referencing an ordered list with CSS Counters, который я хотел бы реализовать, но я не совсем уверен, насколько он доступен. Я получаю смешанные результаты от своих собственных исследований.

Я хотел бы использовать функцию HTML5, но важен десятичный аспект.

Если я помечал его тегами только для чтения с экрана (то есть <li><span class="sr-only">3.5<span> ... </li>), то, скорее всего, цифры будут считаться двойными. Конечно, меня тоже беспокоит, что они вообще не читаются ...

Есть ли наилучшая практика, связанная с этим вызовом?

Answer 1

Я проверил ваш jsfiddle с NVDA в Firefox и прочитал каждый элемент списка так, как я ожидал. Я согласен с FelipeAIs в том, что вы должны тестировать другое программное обеспечение для чтения с экрана, так как они сильно различаются в их интерпретации.

MDN показывает поддержку браузера для счетчика CSS вернуться, насколько IE8: https://developer.mozilla.org/en-US/docs/Web/CSS/counter-reset

Если вы обнаружили, что только некоторые собирания экранного его, попытайтесь использовать атрибут начала в качестве запасного варианта.