隐藏表单标签会影响Web可访问性吗?

时间:2010-05-21 15:52:29

标签: html css xhtml usability accessibility

我有送货单。送货地址周围有三个输入字段。

以下是标签(在括号中为“for”值)

1)地址/ ​​P.O. Box(for =“shipAddress1”)
2)地址2(for =“shipAddress2”)
3)仅用于国际地址(for =“shipAddress3”)

我们的设计师建议将它们简单地标记为“街道地址或P / O盒”,但我仍然想要为Web辅助功能提供这3个标签(对吗?)。

我应该如何处理第1,2和2项?上面的3 - 我应该应用text-indent:-1000em;或类似的东西。我假设使用display:none平均屏幕阅读器也看不到它们,对吧?

思想?

2 个答案:

答案 0 :(得分:5)

您是否需要向用户显示标签?如果没有,请使用text-indent:-999px将它们放在页面外。屏幕阅读器不会选择Display:none

这是一个很好的概述,而不是隐藏可访问性:http://www.nickfitz.co.uk/2007/02/14/why-left-9999px-is-better-for-accessibility-than-display-none/

尽管如此,我还不完全确定你需要向用户展示什么。你的问题有点令人困惑。

答案 1 :(得分:0)

据我所知,你有三个领域,只有一两个可以填补。 为什么不要求用户选择哪个字段填充了选项。

尼古拉斯