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

时间:2018-11-05 12:47:00

标签: html image accessibility htmlbutton web-accessibility

我有一个<img>,点击后应该执行一个动作,因此我将其包裹在<button>内,如下所示:

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

关于可访问性,可访问性树中的按钮应该具有一个角色标签。该角色是使用<button>标签完成的,通常,按钮的标签是其在开始和结束标签内的内容,但在我们的示例中,只有一个图像。

那么在这种情况下如何使按钮可访问? alt属性够用吗?

1 个答案:

答案 0 :(得分:3)

  

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

仅应在元素的默认语义不为role时提供<button>role是一个提交按钮。如果您使用的是label,则不需要它。

同样,仅当没有内在的<button>时才应提供。 <img>的内容对其进行标记,并且您的alt元素具有import from rpy2.robjects import pandas2ri, r filename = 'small test data.sav' w = r('foreign::read.spss("%s", to.data.frame=TRUE)' % filename) df = pandas2ri.ri2py(w) df.head() 属性。

  

那么在这种情况下如何使按钮可访问? 'alt'属性足够吗?

是的