使用NVDA工具將鼠標懸停時的可訪問性問題

Question

我一直在使用NVDA工具來識別HTML頁面中的可訪問性問題。 我收到的工具提示不可讀的問題。

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

我已添加標題屬性來解決此問題。 但這是行不通的。 請提出建議。

Answer 1

如果這是您唯一的工具提示代碼，則鍵盤焦點將不會移到它。 您需要tabindex="0"才能允許鍵盤用戶對其進行制表。

但這也將是一個糟糕的設計，因為非交互式元素不應成為制表符。

看看“ WAI-ARIA創作實踐1.1”上的工具提示設計模式（尚未完成）。

工具提示應與輸入字段相關聯，並在輸入字段獲得焦點時顯示。 工具提示本身不應受到關注。