0

在我的表单中，我有一个提交按钮，它是一个图像（按钮+文本）。它有一个空的value=""，所以它不会侵入按钮图像。

如何使需要辅助功能的用户可以理解此按钮？

<input type="submit" name="submit" id="submit" value="" class="button" style="background: url(img/enter-now-button.png) no-repeat;" />

（隐藏的）标签是否合适？

<label class="hideForm" for="submit">Submit Form:</label> 
<input type="submit" name="submit" id="submit" value="" class="button" style="background: url(img/enter-now-button.png) no-repeat;" />
4

4 回答 4

3

使用 CSS 提供按钮的内容是个坏主意。CSS 用于展示，而不是内容。

相反，您可以使用

于 2015-01-21T03:26:12.383 回答
1

我对 WCAG 的理解是它针对所有人，而不仅仅是盲人。

根据 WCAG 的建议技术 ( http://www.w3.org/TR/WCAG20-TECHS/H36.html ) 中的定义，用图像替换文本并在文本中提供替代方案是一件好事，足以满足很多可访问性专家。

以前作者给出的答案应该满足他们中的大多数人。

但只要图像本身不能传达足够的信息来理解动作的目标，而无需使用屏幕阅读器或鼠标，这还不够。

例如，考虑一个必须使用实时眼动追踪浏览网站的截瘫患者。

所以我的建议是：如果图像传达了足够的信息来知道它将执行哪个操作，则使用先前公开的技术之一（按钮，输入 [type=image]）。在其他情况下，还可以使用可见标题（不隐藏也不在屏幕外）来描述操作（“单击十字删除元素”）。

于 2015-02-25T10:56:47.947 回答
0

我同意@unor，但我建议使用 css 来设置按钮的样式，而不是在按钮内使用 img 标签。

于 2015-02-25T09:06:45.780 回答
0

利用

    input type="image" alt="description of image" src="pathtoimage.ext"

这应该与提交按钮的行为相同，并且不需要恶作剧

否则放一个描述图像的标题属性

于 2015-01-22T01:04:38.270 回答