雖然有關于鍵盤可訪問性的 WebAIM 指南，但我找不到任何關于如何將自定義鍵盤快捷鍵的存在傳達給有視力的人的指南——甚至是建議。
對于像我這樣的螢屏閱讀器用戶來說，這很簡單：
<input type="submit" aria-keyshortcuts="Alt S" value="Send" />
然后螢屏閱讀器會宣布“發送按鈕 Alt 加 S”，并且鍵盤快捷鍵對于盲文顯示幕用戶也很明顯。
但是，不能或不想使用滑鼠的有視力的用戶需要一個簡單的指示符來指示給定控制元件上哪些鍵盤快捷鍵可用，以便他們擁有相似的用戶體驗并且不必在其中搜索鍵盤快捷鍵串列單獨的檔案。（這些串列當然很重要，但它們不應該是視力正常的用戶知道他們可以使用哪些鍵盤快捷鍵的唯一方法。）
您能否為我提供資源或建議如何直觀地指示可用的鍵盤快捷鍵？
uj5u.com熱心網友回復：
的指導aria-keyshortcuts說：
作者應該提供一種公開鍵盤快捷鍵的方法，以便所有用戶都可以發現它們，例如通過使用工具提示。
這基本上就是你要問的。您知道您應該將資訊傳達給所有用戶，但是應該如何傳達資訊？正如規范中所建議的，工具提示是一種可能性，但前提是該工具提示也向鍵盤用戶公開。目前，工具提示（title屬性）僅在 Firefox 和 Chrome 滑鼠懸停時顯示（不確定 Safari）。說出您對 Internet Explorer 的看法，但 IE 會在鍵盤焦點時顯示工具提示，所以這是一個很棒的功能。該功能也被帶到了 Edge 中。
因此，您可以使用工具提示，但仍需要另一種方式為所有用戶傳達該資訊。如果空間允許，我經常將鍵盤提示視為頁面上的文本。理想情況下，提示靠近它所應用的元素，但如果有多個快捷鍵，那么列出所有鍵的部分可能是更好的選擇。為該部分設定適當的<h#>元素，以便使用螢屏閱讀器更容易找到。
請注意，使用accesskey快捷鍵的屬性將由螢屏閱讀器自動宣布，因此您不需要aria-keyshortcuts. 但是該屬性只允許一個簡單的字母，并且仍然存在無法將其傳達給有視力的鍵盤用戶的問題。瀏覽器應該自動顯示一個元素的工具提示，accesskey但遺憾的是他們沒有。
這個答案中提出了另一種選擇，如何在 HTML 中顯示特定的快捷鍵？. 查看 CSS 解決方案（鏈接應直接指向該答案），但不要accesskey在 CSS 中參考，而是參考aria-keyshortcuts. （忽略該答案的 javascript 部分。）
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/428755.html