代码之家 › 专栏 › 技术社区 › Moaaz Bhnas

如何使仅包含图像的按钮可访问?

web-accessibility htmlbutton accessibility image html

Moaaz Bhnas · 技术社区 · 6 年前

我有一个 <img> 那是我应该做的 ,所以我把它包在一个 <button> 这样地:

<button>
    <img src="" alt="Cat">
</button>

角色和与之相关。这个角色是用 <按钮> 标签,通常,一个按钮的标签是它在开始和结束标签中的内容,但是在我们的例子中只有一个图像。

那么,在这种情况下,如何让按钮可以访问呢?是 alt 属性是否足够?

1 回复 | 直到 6 年前

Quentin 6 年前

关于可访问性,按钮应该有角色和标签。

role 如果元素的默认语义没有给它一个。A. <button> 是一个提交按钮。它不需要一个 角色 如果你用它来做的话。

同样,一个 label <按钮> 给它贴上标签 <img> alt 属性

那么,在这种情况下,如何让按钮可以访问呢?“alt”属性是否足够?

对

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前