我有一個按鈕，點擊后會展開一張包含更多資訊的卡片
我是否需要添加onKeyDown到button可訪問性合規性？
還是因為元素已經是多余的button？
我還缺少其他要遵守的東西WCAG 2.0？
這是我的可折疊按鈕代碼react
const ariaPressed = checked ? "true" : "false";
return (
<button
tabIndex={0}
role="button"
component="button"
aria-pressed={ariaPressed}
aria-expanded={ariaPressed}
onClick={toggleChecked}
>
{checked ? "Hide Versions" : "View Versions"}
</button>
);
uj5u.com熱心網友回復：
不，您不需要，onKeyDown因為您使用的是本機<button>. onClick()無論您是用滑鼠單擊、按下ENTER或SPACE使用鍵盤，還是在移動設備上點擊，按鈕都會驅動。
作為旁注，您也不需要tabindex=0，因為<button>s 本身就是鍵盤可聚焦的。
而且您不需要role=button，因為這是 native 的默認角色<button>。
我也會擺脫，aria-pressed因為你正在使用aria-expanded. 只要您aria-expanded在“true”和“false”之間切換值，這就是您所需要的。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/462523.html
下一篇：禁用注冊按鈕Redmine