試一試
<p>If you need to relax, press the <b>S</b>tress reliever!</p>
<button accesskey="s">Stress reliever</button>
b {
text-decoration: underline;
}
啟用 accesskey 的方式取決於瀏覽器及其平臺
| Windows | Linux | Mac | |
|---|---|---|---|
| Firefox | Alt + Shift + 鍵 | Control + Option + 鍵 或 Control + Alt + 鍵 | |
| MS Edge | Alt + 鍵 |
Control + Option + 鍵 或 Control + Option + Shift + 鍵 |
Control + Option + 鍵 |
| Google Chrome | |||
| Safari | 不適用 | Control + Option + 鍵 | |
| Opera | Alt + 鍵 | Control + Alt + 鍵 | |
可訪問性考慮
accesskey 屬性存在許多問題
accesskey值可能與系統或瀏覽器鍵盤快捷鍵或輔助技術功能發生衝突。在一種作業系統、輔助技術和瀏覽器組合中有效的方式,在其他組合中可能無效。- 某些
accesskey值可能在某些鍵盤上不存在,尤其是在涉及國際化時。因此,適應特定語言可能會導致進一步的問題。 - 依賴數字的
accesskey值可能會讓有認知障礙的人感到困惑,因為數字與它觸發的功能沒有邏輯關聯。 - 告知使用者
accesskey的存在,以便他們瞭解該功能。如果系統缺乏通知使用者此功能的方法,使用者可能會意外啟用accesskey。
鑑於這些問題,通常建議不要在大多數通用網站和 Web 應用程式中使用 accesskey。
規範
| 規範 |
|---|
| HTML # the-accesskey-attribute |
瀏覽器相容性
載入中…