我正在建立一个网站，并试图通过使用 ARIA 标签、角色标签等使其尽可能易于访问。

导航菜单项是“改变生活”。屏幕阅读器将其读出为“改变生活”（如“给予”而不是“刀具”）。

另一个导航菜单项是“关于我们”，但屏幕阅读器会将其读出为“关于我们”。

我正在寻求有关如何强制屏幕阅读器发音的帮助。

当我们仅使用键盘并通过网站使用选项卡时，“跳到内容”的第一个锚链接显示为跳过导航并聚焦到使网页可访问的主要内容。在多页网站上添加这样的功能很容易，其中有整页重新加载和页面焦点重置。我在 React 上寻找类似的行为。我们如何在基于 React 的单页应用程序上实现这样的行为？

对于具有单个产品的多个图像的网页，例如具有不同角度的图像。每张图片都需要alt标签吗？

查看亚马逊上的示例，似乎他们只有alt在第一张产品图片上有一个标签，但之后没有alt标签或aria相关标签。

这里的第一个例子说星星有空alt标签。

我的问题是，为了遵循适当的标准，是否需要alt在第一张图片之后有一个空标签？完全隐藏额外的无用（相同的东西不同角度）图像，aria-hidden或者只是做亚马逊所做的事情，只alt在第一张图像上放一个标签。

编辑：还有一个问题，产品图片本身甚至是相关内容吗？如果产品标题已经存在，那么为屏幕阅读器完全隐藏图像会不会更容易。

JAWS 说了两次描述：“返回 Google 的网站链接图形。Google 的 Test Lon 并冲回 Google 的网站”。

调查报告称，这似乎重复了两次，一次用于图像/图形链接，一次用于超链接标题。

我想知道这种可访问性/禁用编码的最佳实践是什么，我是在以正确的方式做这件事，还是他们的最佳实践？请随时修改答案。

我是可访问性的新手，我有一个包含如下文本的跨度

默认情况下，屏幕阅读器不会停在我的跨度上，也不会阅读它，所以我在 SO 上搜索和搜索，但没有一个解决方案有效

我最终得到了类似下面的结果，但仍然无法正常工作（我在 Chrome 上进行了测试，使用 JAWS 屏幕阅读器）

让屏幕阅读器阅读跨度文本的最佳做法是什么？

更新完整的html

我正在寻找一种将某些文本标记为符合 WCAG 或以其他方式将其从自动可访问性测试中排除的方法。

WCAG 要求经常声明必须满足某些标准，除非有足够好的理由。在我的情况下，它是搜索输入字段中的占位符文本。该字段下方有一个可访问的标签。占位符文本不起作用，纯粹是为了装饰目的而添加的，因为它目前是网页设计行业的标准。由于文本没有任何功能用途 - 不需要满足对比度 WCAG 要求。实际上，需要具有相当低对比度的占位符文本 - 如果它太暗，它看起来好像输入字段中已经有一些输入。

但是，每当我运行自动检查时（合理地如此），都会将占位符文本作为颜色对比问题。这会产生一个业务问题——因为在自动测试中没有收到警告是客户的可访问性要求之一。

Android 应用程序似乎有一个像“IMPORTANT_FOR_ACCESSIBILITY_NO”这样的标志，这对于这个问题来说已经足够了。JavaScript Web 应用程序有什么等价物吗？

我必须在网络可访问性下改进网站。我在 Drupal 中尽可能直接在 html 中添加 aria 属性，但是有些东西我不能在 html 中添加，比如轮播和幻灯片，所以可以在加载文档后向元素添加 aria 属性。喜欢

getUserMedia是否可以仅使用键盘（无鼠标）在请求（弹出）中接受/拒绝对媒体设备的访问？

我感兴趣的浏览器是 Chrome 和 Firefox。

找不到相关问题或键盘快捷键。

谢谢！

我有一个可访问性难题。我制作了自己的自定义单选按钮，并试图让它们易于访问。

我有嵌套的单选按钮。有一个家长，您可以在其中选择您想要的宠物类型，然后是一个包含所有宠物配件可供选择的子收音机部分，以及配件颜色的第三个选择。

问题是当您使用箭头键导航时，它会自动开始浏览子选项。没有办法通过标签。

我知道它看起来像大量的 div，每个 div 都有特定的样式，这些样式对布局至关重要。

为了简单起见，我放弃了颜色方面，因为问题仍然出现在嵌套元素之一中。

https://whatsock.com/training/matrices/

https://www.w3.org/TR/2016/WD-wai-aria-practices-1.1-20160317/examples/radio/radio.html

考虑尝试 aria-owns 和 aria-activedecendents 但经过多次摔跤后也没有运气。 https://tink.uk/using-the-aria-owns-attribute/ https://www.w3.org/WAI/PF/aria-1.1/states_and_properties#aria-activedescendant

屏幕阅读器正确地宣布标签，但我希望您需要浏览父单选按钮，选择一个，然后导航到子单选集，但它的作用就像它们都在同一级别.

因此，当您到达第一个父选项时，子选项会打开，当您导航时，您需要浏览所有子选项以到达第二个父选项。

我不一定需要解决方案，针对这种情况的建议或寻找的东西会有所帮助。

这就是我希望它的工作方式：http: //jsfiddle.net/15y2tb0L/2/

目前（2019/10，或在 HTML“生活标准”中）是否有一种“标准”方式来提醒辅助技术用户音频内容可用于给定的文章/文本页面？

例如，与播客成绩单相反。我没有为音频提供文本，而是在寻找一种方法来提醒辅助技术给定文本存在音频。

这是一回事吗？

注意：我看到WCAG Checklist指出：

如果音频或视频被指定为网页内容的替代品（例如，网页的音频或手语版本），则网页内容本身用作替代品。

也许这就是我的答案？提供某物的“音频”版本隐含地将其链接到所提供的文本？我理解正确吗？