Fatal编程技术网
  • html/
  • Html 如何创建可访问的2状态交换机？

Html 如何创建可访问的2状态交换机？

html

Html 如何创建可访问的2状态交换机？,html,wai-aria,Html,Wai Aria,有许多方法可以创建可访问的2状态开关。（看起来像buton，单击以更改状态） “开关”：由复选框创建 复选框创建的“切换按钮” “开关”：由按钮创建 收音机产生的“开关” 有以下优点和缺点： 开关组件看起来更像按钮而不是复选框 复选框中的值始终会传输到数组数据 按钮始终用于控制操作，而不是数据容器 ChromeVox无法读取开关角色 复选框的：选中状态可以用css控制 如果选中了复选框的属性，则无需编写aria脚本 收音机的钥匙是↑↓←→，复选框的键为space | return

有许多方法可以创建可访问的2状态开关。（看起来像buton，单击以更改状态）

“开关”：由复选框创建
复选框创建的“切换按钮”
“开关”：由按钮创建
收音机产生的“开关”

有以下优点和缺点：

  • 开关组件看起来更像按钮而不是复选框
  • 复选框中的值始终会传输到数组数据
  • 按钮始终用于控制操作，而不是数据容器
  • ChromeVox无法读取
    开关
    角色
  • 复选框的
    ：选中状态可以用css控制
  • 如果选中了复选框的属性
    ，则无需编写aria脚本
  • 收音机的钥匙是
    ↑↓←→
    ，复选框的键为
    space | return | enter
那么哪一个是最好的呢

此外，如何创建可访问的3状态（或更多）交换机