Как сделать всплывающую подсказку / всплывающую подсказку доступной для программы чтения с экрана? - PullRequest
0 голосов
/ 23 января 2019

Я работаю над тем, чтобы сделать информационную всплывающую подсказку на веб-сайте моей компании доступной (эта подсказка в настоящее время появляется, когда ссылка наведена или получает фокус клавиатуры), и я не могу найти какие-либо онлайн-ресурсы о том, как лучше всегоэто доступно для программы чтения с экрана.Это не выпадающее меню, поэтому использование aria-haspopup и aria-extended не сработает.Кто-нибудь, кто когда-либо решал эту проблему, может поделиться своим решением?

1 Ответ

0 голосов
/ 24 января 2019

Шаблон виджета подсказки все еще находится на стадии разработки на сайте 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>
...