问题标签 [web-accessibility]

我必须显示一个 html 表格，并且它必须是可访问性安全的。我已经添加了范围=“col”以及标题和ID。请告诉我要进行哪些必要的更改才能使其正确。

我正在尝试显示包含产品名称、订单日期、类型（在线或店内购买）、商店位置、品牌名称的产品表。我还想显示每个州有多少家商店有这个产品（显示逗号分隔的城市名称）。

我试图用 colspan =5 显示一个新行，并将州名和城市名并排显示。

我想确保表结构通过可访问性标准。

我只是想知道 blockUI 是否为不同能力/盲人用户提供任何支持？例如，当加载微调器在屏幕上可见时，应向屏幕阅读器用户发出通知，例如。“提醒加载内容”或类似的东西。

请让我是否已经实施相同的？

谢谢。

如果加载微调器可见，则应显示此跨度

如果我们使用有什么区别吗

• 带有路由的链接：<a href="/logout">Logout</a>，或
• 具有功能的按钮：<button onclick="logout()">Logout</button>

在可访问性方面？

该/logout路线基本上只是重定向到/login. 使用该logout()功能时也会发生同样的情况。

是否有任何优点/缺点？

如果我想在网站上使用带有 ajax 回发的模态表单，同时让没有 javascript 的用户可以访问它，我会看到 2 个解决方案：

1. 使用传统表单和客户端构建站点，使用 javascript，将表单更改为模态表单并使用 ajax-post-backs。如何解决这个问题并不重要。有不同的方法来解决它。但是，实施和管理更耗时。
2. 使用模态 ajax 表单构建网站，并在网站上显示某种消息，说明如果用户没有 javascript，他们应该做什么。打电话什么的。

我的问题是：解决方案 2 WCAG 有效吗？ 如果提到这一点，我将不胜感激参考https://www.w3.org/WAI/standards-guidelines/wcag/。

我已经为此搜索了很多答案，https://www.w3.org/WAI/standards-guidelines/wcag/。但实际上我很难理解这类文件。

此问题涉及瑞典公共部门（医院）的网站。指导方针说：

• 关注 WCAG 2.1 AA
• 考虑 WCAG 2.1 AAA

这对于欧盟（欧盟）所有国家的公共部门都是一样的。

我也需要遵循的准则：https ://webbriktlinjer.se/riktlinjer/1-utga-fran-wcag-2-1-niva-aa/ （仅限瑞典语）

• https://webbriktlinjer.se/提供与公共部门网站合作的官方指南。
• https://www.funka.com/en/代表 W3C 负责翻译 WCAG，他们参考https://webbriktlinjer.se/获取指南。

https://webbriktlinjer.se/的指南说：遵循渐进增强的原则 - 首先使用 html 构建所有内容，然后添加 css 和 javascript 来增强，https://www.gov.uk/service-manual/technology/using -渐进增强/

问候汉斯

作为 Accessibility 项目的一部分，我组织了一个桌面网站，其中包含节点的逻辑分组aria-labels和键盘导航，让用户可以浏览这些组，并且只有当描述它的 aria-label 听起来与他们相关时才进入一个组。

试图让它在 Mobile Safari 上工作，我只看到一个滑动手势穿过每个组的每个元素，而无法从一个组浏览到另一个组。

为了更具体，一些伪代码：

在桌面上，它很容易让用户从一个 div 遍历到另一个 div，并且只输入一个感兴趣的 div。是否有关于在移动 Safari 上实现此结果的建议？

我正在编辑用于 Web 可访问性的 html 代码，但我遇到了一个关于多个表单标签的问题。我正在使用 Wave 插件来检查 Web 可访问性。

错误是多个表单标签 含义 一个表单控件有多个与之关联的标签。

问题是有一个页面用户可以输入用户信息，并且有一个按钮来调用弹出然后如果用户没有输入该字段，弹出窗口将再次注册所有相同的字段。

除了在弹出窗口中更改字段的 ID，是否有任何快速简便的方法来消除错误？

我正在使用https://material.angular.io/components/tabs/overview中的 mat-tab-group。（使用 ng-template 的复杂标签方法）

选项卡包含选项卡的名称和关闭选项卡的按钮。

每当我关注选项卡时，它都会读取名称的 aria-labels 和一个按钮。当标签被焦点时，它应仅读取名称，而不应读取关闭按钮ARIA标签。当标签当前聚焦然后点击标签将聚焦关闭按钮，此时它应该读取关闭按钮 aria 标签。

这个怎么做 ？

代码：

这个的输出：我正在使用“jaws”作为屏幕阅读工具。当我们关注选项卡时，它会读取选项卡名称和关闭按钮标签（ attr.aria-label="{{tab.name}}" 和 attr.aria-label="{{closetab}}"）。

我已经实现了关注<a>模态对话框中出现的第一个选项卡（基本上是一个元素）的要求。

当使用 NVDA 屏幕阅读器测试该功能时，观察到在读取对话框标签和描述（由 aria-labelledby 和 aria- describeby 指向）后，它会读取焦点选项卡元素。但是，之后它会继续读取从模态标题开始的整个模态对话框内容。这不是我们想要的阅读行为。

如果我们将焦点放在模态对话框内的第一个输入元素上，而不是 tab( <a>) 元素上，它就可以正常工作。NVDA 在读取焦点输入元素后暂停。只有当我们使用 Tab 键导航时，才会读取更多元素。这是我们想要的阅读行为，但我们不想关注输入元素。

演示链接可以在这里找到：https ://codepen.io/kaashan/pen/KOmGYe 。使用的代码来自 W3.org 模式对话框的可访问性指南，对显示选项卡进行了细微修改，并将第一个选项卡元素聚焦在模式打开上。

我正在使用 NVDA2019.1.1 版本和最新版本的 Chrome 和 Firefox 浏览器进行测试。

<a>有人可以帮助解释在 NVDA 读取聚焦的 tab( ) 元素后应该做什么来暂停它吗？

我在下面提到了 HTML 结构。

里面的数据

代码中其他地方的操作更改了标记。现在当里面的数据

更改时，屏幕阅读器会同时显示<p>和<div class="filters">元素。如何阻止屏幕阅读器宣布<div class="filters">元素。注意：不能使用aria-hidden = "true"on <div class="filters">，因为我仍然需要从屏幕阅读器的正常流程中宣布它。

一个冗长的服务条款 (TOS) 显示在一个滚动的 div 中，因此“接受条款”按钮在其下方的小视口中仍然可见。

1) 滚动 div 是否违反了可访问性约定，因为：a) 视力正常的用户可能会单击“接受条款”按钮而不阅读整个文档，而 b) 使用屏幕阅读器的人必须在访问按钮之前听到整个 TOS？

2) 提供屏幕阅读器“跳过”链接是否会以某种方式使 TOS 接受无效？

我正在寻找可访问的 EULA/TOS 用户接受的示例。

想象一下https://stackoverflow.com/legal/terms-of-service/public在一个滚动的 div 中，下面有一个可见的接受按钮。

提前感谢您的见解。