草庐IT

ACCESSIBILITY

全部标签

html - 何时对输入元素使用 required 属性与 aria-required 属性?

我正在尝试使表单易于访问。我应该让我的输入同时具有required和aria-required属性,还是只有一个?Input还是这样?Input还是这样?Input文章AccessibleHTML5Forms–RequiredInputs声称最好同时实现两者。 最佳答案 当JohnFoliot在2012年写那篇文章时,它非常真实。你两者都需要。今天不再是这种情况。我可以举你的例子,把它写成inaCodePen,并在JAWS和NVDA中查看(抱歉,今天没有VoiceOver):Input您会很高兴知道NVDA和JAWS都按要求公布了该

html - alt =""在某些情况下是否适用于 html img 标签?

我们有一个完全与网络可访问性合规性相关的项目。发布后大约一周,无障碍委员会审查了我们的网站,并给出了最后的赞许。然而,他们向我们反馈说我们应该在我们的一些图标上设置alt="",因为它们不会为网站提供任何额外的内容,因此只会分散屏幕阅读器的注意力而不会产生任何好处。这是正确的吗?我的印象是alt是img的必需属性?确定img标签上的alt=""会包含alt属性,但这有效吗?欢迎提出意见。 最佳答案 如果图标提供任何功能(用户可点击或其他),我建议设置一个描述性的alt值。如果它们只是装饰性的,那么alt=""是有效的。来自thest

html - alt =""在某些情况下是否适用于 html img 标签?

我们有一个完全与网络可访问性合规性相关的项目。发布后大约一周,无障碍委员会审查了我们的网站,并给出了最后的赞许。然而,他们向我们反馈说我们应该在我们的一些图标上设置alt="",因为它们不会为网站提供任何额外的内容,因此只会分散屏幕阅读器的注意力而不会产生任何好处。这是正确的吗?我的印象是alt是img的必需属性?确定img标签上的alt=""会包含alt属性,但这有效吗?欢迎提出意见。 最佳答案 如果图标提供任何功能(用户可点击或其他),我建议设置一个描述性的alt值。如果它们只是装饰性的,那么alt=""是有效的。来自thest

html - 为什么 `ul` 具有 ARIA 角色 `menu` 但 `menuitem` 被禁止用于 `li` ?

刚刚涵盖了关于ARIAroles的一些策略规范.为什么ul具有ARIA角色menu但menuitem对li是禁止的?我想使用ul、li和HTML5的nav元素结合ARIA角色navigation来描述一个导航栏、菜单和菜单项。ARIArolebug?example.comW3'sHTML5validator在这里唠叨我:Badvaluemenuitemforattributeroleonelementli. 最佳答案 Jukka是incorrecthere.W3Cvalidator不检查WHATWGLS,而是检查W3CHTMLspe

html - 为什么 `ul` 具有 ARIA 角色 `menu` 但 `menuitem` 被禁止用于 `li` ?

刚刚涵盖了关于ARIAroles的一些策略规范.为什么ul具有ARIA角色menu但menuitem对li是禁止的?我想使用ul、li和HTML5的nav元素结合ARIA角色navigation来描述一个导航栏、菜单和菜单项。ARIArolebug?example.comW3'sHTML5validator在这里唠叨我:Badvaluemenuitemforattributeroleonelementli. 最佳答案 Jukka是incorrecthere.W3Cvalidator不检查WHATWGLS,而是检查W3CHTMLspe

html - 在 HTML 中禁用样式 <select>(下拉框)

我们的一位客户很难阅读我们基于Web的应用程序中禁用控件中的灰色文本:我们想将样式更改为浅灰色背景和黑色文本。不幸的是,大多数浏览器(包括客户正在使用的IE)会忽略禁用控件上的color:...CSS属性,因此我们无法更改前景色。对于文本框(inputtype="text"),可以使用readonly而不是disabled属性轻松解决这个问题.不幸的是,这不是下拉菜单(select)或复选框(inputtype="checkbox")的选项。有没有简单的解决方法?最好是不需要用另一种类型的控件替换控件的控件?(...因为我们的控件是由ASP.NET呈现的)PS:在CSS中使用[disa

html - 在 HTML 中禁用样式 <select>(下拉框)

我们的一位客户很难阅读我们基于Web的应用程序中禁用控件中的灰色文本:我们想将样式更改为浅灰色背景和黑色文本。不幸的是,大多数浏览器(包括客户正在使用的IE)会忽略禁用控件上的color:...CSS属性,因此我们无法更改前景色。对于文本框(inputtype="text"),可以使用readonly而不是disabled属性轻松解决这个问题.不幸的是,这不是下拉菜单(select)或复选框(inputtype="checkbox")的选项。有没有简单的解决方法?最好是不需要用另一种类型的控件替换控件的控件?(...因为我们的控件是由ASP.NET呈现的)PS:在CSS中使用[disa

javascript - 如何让屏幕阅读器停止阅读并阅读不同的内容

我编写了一个使用jQuery显示模态弹出窗口的网站。它实质上用覆盖层覆盖了屏幕的整个可视区域,然后在覆盖层的顶部显示了一个包含实际弹出窗口的DIV。该项目的要求之一与可访问性有关。当页面加载时,屏幕阅读器开始从页面顶部开始阅读。当用户单击特定链接时,我们会显示一个模式对话框。我的问题是:如何中断屏幕阅读器对网站主要部分的阅读并让它开始阅读对话文本?我的模态容器被包裹在一个像这样的div中:触发模态的jQuery看起来像这样:$("#modalLink").click(function(e){e.preventDefault();$("#modalcontainer").center()

javascript - 如何让屏幕阅读器停止阅读并阅读不同的内容

我编写了一个使用jQuery显示模态弹出窗口的网站。它实质上用覆盖层覆盖了屏幕的整个可视区域,然后在覆盖层的顶部显示了一个包含实际弹出窗口的DIV。该项目的要求之一与可访问性有关。当页面加载时,屏幕阅读器开始从页面顶部开始阅读。当用户单击特定链接时,我们会显示一个模式对话框。我的问题是:如何中断屏幕阅读器对网站主要部分的阅读并让它开始阅读对话文本?我的模态容器被包裹在一个像这样的div中:触发模态的jQuery看起来像这样:$("#modalLink").click(function(e){e.preventDefault();$("#modalcontainer").center()

html - 具有相同名称属性的输入字段的多个表单?是好是坏?

在一个页面上有多个HTML表单,其输入字段共享相同的名称属性,这是一种可接受的做法吗?例如,该页面包含所有球员的列表,并且允许用户投票选出最佳球员,因此在每张球员卡片旁边都有此表格:当然,每个表单的隐藏输入字段的值属性是不同的。假设页面上有20个这样的表单,这意味着20个输入字段的名称等于“player_id”。如果我通过HTML验证器传递该页面,即使使用XHTML1.0Strict文档类型,它也是有效的。但从网络标准或可访问性的角度来看,这是一种可以接受的做法吗?有一件事我可以肯定,它使页面的服务器端处理更容易,因为我只需要从一个名为player_id的POST字段加载值。