Шаблон виджета подсказки все еще находится на стадии разработки на сайте W3.Я не уверен, насколько сильно поддерживается программа чтения с экрана на role="tooltip"
, поэтому она может работать не очень хорошо.Но самое меньшее, что вы можете сделать, это связать текст всплывающей подсказки со ссылкой через атрибут aria-describedby
.Это позволяет вашей ссылке иметь обычный текст и дополнительный текст, предоставленный адресатом aria-describedby
.Некоторые программы чтения с экрана будут читать дополнительный текст после текста ссылки, а некоторые программы чтения с экрана сообщат вам о наличии дополнительного текста и нажать клавишу быстрого доступа, чтобы прослушать дополнительный текст.Ваш код будет выглядеть примерно так:
<a href="example.com" aria-describedby="mytooltip">you really should read me</a>
...
<div id="mytooltip" role="tooltip">
more info here
</div>