Short Answer
Используйте <p aria-label="Version 2 point 3 point 96">Version 2.3.96</p>
, это будет правильно проанализировано в большинстве популярных программ чтения с экрана. Убедитесь, что <spans>
не выделяет номер версии из текста, используйте aria-label
в качестве избыточного / резервного копирования.
Длинный ответ
Обычно я бы посоветовал никогда вмешивается в то, как программа чтения с экрана произносит вещи, как предложил @ Quentin C.
Однако в этом случае я бы сказал, что вы do хотите попытаться это исправить проблема в том, что слушание даты чтения, где должен быть номер версии, может быть очень запутанным (это была дата, когда было написано программное обеспечение, это дата, когда была образована компания? Кто знает!).
Это проблема синтаксического анализа в программе чтения с экрана, сильно отличающаяся от проблем, которые возникают у большинства людей, когда им не нравится способ чтения чего-либо. Пожалуйста, следуйте приведенным ниже советам только для этого одного примера.
Исправьте один, измените свой разметка.
Вы не добавили разметку, но приведенное ниже объяснение основано на моем тестировании.
Эта проблема на самом деле решится сама собой (по крайней мере, в J AWs, NVDA и VoiceOver из моего тестирования), просто добавив «Version» перед номером версии.
Мне кажется, у вас есть номер версии в формате, подобном следующему:
<p>Version <span>2.3.96</span></p>
или <p>2.3.96</p>
без слова «версия».
Удалив <span>
в первом примере J AWS, NVDA и VoiceOver правильно прочитали следующее в моем тестировании:
<p>Version 2.3.96</p>
После добавления <span>
вокруг номера версии контекст чисел теряется (текст внутри <span>
элементов оценивается сам по себе), поэтому программа чтения с экрана попытается проанализировать его самостоятельно, без какого-либо контекста, и решите, что это дата.
Конечно, использование aria-label
это исправит?
Также aria-label
, вероятно, не будет работать с элементами stati c (<div>
, <span>
et c.), У которых нет role
, указывающего на то, что они являются активным элементом, поэтому, скорее всего, он все равно не будет работать для вас.
По этой причине я бы не рекомендовал пытаться исправить эту проблему только с помощью aria-label
, однако добавление его для программ чтения с экрана, учитывающих это, является шагом, который не повредит.
Это единственный раз, когда я рекомендовал вмешиваться в процесс чтения с экрана, пожалуйста, не принимайте это как шаг для решения других проблем произношения, так как это проблема синтаксического анализа, а не проблема произношения.
Принимая это во внимание, я бы рекомендовал вам использовать следующее:
<span aria-label="Version 2 point 4 point 99">Version 2.4.99</span>
С <span>
, <p>
или другим окружающим его блоком контента.