Доступный способ связать тизеры постов в блоге со всей страницей постов в блоге.

Question

Какой из способов поиска ссылок в блоге лучше всего подходит для улучшения доступности?

1. Только ссылка на кнопку «Подробнее»
2. Тег <a>окружая весь элемент списка, чтобы сделать каждую область кликабельной
3. Все со своим собственным <a> тегом

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

Я думаю, что второй вариант самый лучший, но этоПодход совпадает с кнопками обмена, потому что ссылки внутри ссылок не являются действительным HTML.

А третий выглядит раздутым и запутанным в программе чтения с экрана.

Answer 1

Для людей, использующих навигацию с помощью клавиатуры, лучше всего иметь только одну ссылку с хорошим и коротким альтернативным текстом, например

<a href="#" aria-label="Read more about Original post title">Read more</a>

Но это не мешает вам использовать событие onclick на внешнем элементесделать полный фрагмент кликабельным, чтобы улучшить навигацию мыши.