使用NVDA工具将鼠标悬停时的可访问性问题

Question

我一直在使用NVDA工具来识别HTML页面中的可访问性问题。我收到的工具提示不可读的问题。

<span class="icon-interface-question-mark" title="Click for Info" (click)="showAdditionalInfo()">

我添加了title属性来解决此问题。但这是行不通的。请提出建议。

Answer 1

如果这是工具提示的唯一代码，则键盘焦点将不会移至该提示。您需要tabindex="0"才能允许键盘用户对其进行切换。

但这也将是一个糟糕的设计，因为非交互式元素不应成为制表符。

看看“ WAI-ARIA创作实践1.1”中的tooltip design模式。

工具提示应与输入字段相关联，并在输入字段获得焦点时显示。工具提示本身不应引起关注。