【问题标题】:How to tab through a element in HTML, if it is disabled如果 HTML 中的元素被禁用,如何在该元素中切换
【发布时间】:2018-08-20 06:48:09
【问题描述】:

我正在开展一个项目,以使盲人用户可以访问网站。 我有一个默认禁用的输入框并充当标签。 但是在浏览网站时,我无法使用 TAB 键访问它。

我试过了:-

tabindex="0"

这将使该元素可以使用键盘(Tab 键)访问。

我知道如果输入框包含

disabled="true"

然后

tabindex="0"

但这也不起作用。

是否有任何其他方法可以使其仅使用键盘访问,以便屏幕阅读器为盲人用户读取禁用输入框中的数据?

【问题讨论】:

  • 你能提供一个 JSFiddle 吗?
  • 您有什么特别的原因想要在禁用的真实输入上加标签?
  • “屏幕阅读器将为盲人用户读取禁用输入框中的数据” — 禁用输入不是为显示输出而设计的。语义意味着“这不相关”。如果您尝试呈现信息,请不要使用禁用的输入。
  • 这是一个糟糕的要求。推回去。
  • 不。正如昆汀所说,这是一个糟糕的要求。如果它被禁用,那么它应该是一个跨度而不是一个输入框。即使使用 readonly=true,它也不会在它上面使用标签。

标签: html accessibility tabindex disabled-input


【解决方案1】:

readonly 代替disabled 怎么样?这仍将允许<input> 处于标签顺序中,但用户无法修改它。屏幕阅读器将读取<input> 字段的内容,并额外显示“只读”。

【讨论】:

    猜你喜欢
    • 2011-03-23
    • 2018-02-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-14
    • 2019-12-12
    相关资源
    最近更新 更多