添加的内容 删除的内容
SolidBlock(留言 | 贡献) 小 (修正错别字) |
SolidBlock(留言 | 贡献) 小无编辑摘要 |
||
第839行: | 第839行: | ||
|1=不仅可以使用鼠标点击来激活,还可以通过键盘来激活。例如,在不使用鼠标的情况下,使用Tab键选择到这个组件,然后按空格(Space)或者回车(Enter)键,也能够触发该功能。 |
|1=不仅可以使用鼠标点击来激活,还可以通过键盘来激活。例如,在不使用鼠标的情况下,使用Tab键选择到这个组件,然后按空格(Space)或者回车(Enter)键,也能够触发该功能。 |
||
例如,下面这个代码中,此元素不 |
例如,下面这个代码中,此元素不具备键盘可操作性: |
||
<syntaxhighlight lang="html"> |
<syntaxhighlight lang="html"> |
||
<button id="myButton">这是一个按钮</button> |
<button id="myButton">这是一个按钮</button> |
||
第872行: | 第872行: | ||
</syntaxhighlight> |
</syntaxhighlight> |
||
|4=对于弹出式菜单,该菜单不应该只在鼠标悬浮在相应元素上时才显示,还应该提供一种机制,使其能够在通过键盘或者鼠标操作的情况下,即使没有将鼠标悬浮在有关的元素上,也能够显示弹出菜单。如有可能,还应当提供相应的语义。 |
|4=对于弹出式菜单,该菜单不应该只在鼠标悬浮在相应元素上时才显示,还应该提供一种机制,使其能够在通过键盘或者鼠标操作的情况下,即使没有将鼠标悬浮在有关的元素上,也能够显示弹出菜单。如有可能,还应当提供相应的语义。 |
||
|5=可交互组件必须要有一个无障碍名称({{lang-en|accessible name}})。请看下面这个例子,在例子中的错误写法中,一些人能够 |
|5=可交互组件必须要有一个无障碍名称({{lang-en|accessible name}})。请看下面这个例子,在例子中的错误写法中,一些人能够知道该按钮使用字母“X”代表关闭,但是辅助功能只会说“X按钮”,对于视觉受限的人而言,可能会产生困惑,因此需要让辅助技术将其描述为“关闭”。 |
||
<syntaxhighlight lang="html"> |
<syntaxhighlight lang="html"> |
||
错误写法: |
错误写法: |