Как сделать всплывающую подсказку / всплывающую подсказку доступной для программы чтения с экрана?
Я работаю над тем, чтобы сделать информационную всплывающую подсказку на веб-сайте моей компании доступной (эта подсказка в настоящее время появляется, когда ссылка наведена или получает фокус клавиатуры), и я не могу найти какие-либо онлайн-ресурсы о том, как сделать ее доступной для программа для чтения с экрана. Это не выпадающее меню, поэтому использование aria-haspopup и aria-extended не сработает. Кто-нибудь, кто когда-либо решал эту проблему, может поделиться своим решением?
1 ответ
Шаблон виджета всплывающей подсказки все еще находится на стадии разработки на сайте 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>