Комбинированные ссылки, оптимизированные для чтения экрана ⇐ Html

[Anonymous]

Мы работаем над улучшением доступности веб -сайта наших клиентов. Сайт использует много элементов с комбинированными ссылками. Например, у нас есть тизерные элементы, которые состоят из изображения, заголовка, абзаца и CTA, все обернуты в одну ссылку: < /p>


Title
Description
CTA

< /code>
Согласно WCAG, это предложенный способ, когда дело с несколькими ссылками с одной и той же целью, в отличие от связывания всех этих элементов в их собственной обертке. The screenreader starts by reading the whole link, including all elements:

Link - Image Alt Text - Title - Description - CTA

Then, when navigating further, the screenreader reads all of these elements again, one by one:

Link - Image Alt Текст < /p>
< /blockquote>

ссылка - заголовок < /p>
< /blockquote>

link - description < /p>
< /blockquote>

/> Это не кажется хорошим результатом для использования экрана. У кого -нибудь есть советы о том, как улучшить такое поведение? Цените ваш ответ.

Подробнее здесь: https://stackoverflow.com/questions/796 ... eenreaders