Заголовок с ссылкой, не указанной в заголовке VoiceOver, ротор

Question

Чтобы сделать сайт, я работаю над совместимым с WCAG. Я добавляю к нему семантическое структурирование.

Я заметил, что если в заголовке есть ссылка, она не подхвачена читателем, который я использую (VoiceOver).

То есть:

<h1>This is a H1 heading</h1> 
<h3><a href="someurl.html">This is a H3 heading</a></h3> 
<h4>This is a H4 heading</h4> 

Показывает в роторе (ctrl-opt-u) как:

1: This is a H1 heading 
4: This is a H4 heading 

При перемещении h3 текста из <a> тегов так This is a H3 heading является текстовым узлом, или переключатель к использованию span, заголовок DOES отображается в роторе.

Мой вопрос заключается в следующем: есть ли способ получить h3 для отображения на заголовке заголовка, сохраняя его как гиперссылку?

Если кто-нибудь знает, является ли подобная проблема для NVDA или JAWS, эта информация тоже будет оценена.

Answer 1

Не могли бы вы попытаться положить весь заголовок внутри якоря?

Немного странная работа вокруг, я знаю.

Я подозреваю, что VO не должен работать так. Для чего это стоит, я просто попробовал этот код с NVDA, и он работает, как в режиме виртуального курсора (стрелка вверх и вниз), так и с помощью H, чтобы перейти к следующему заголовку. Поэтому мне кажется, что это хорошо.