accessibility 相关问题

可访问性旨在使每个人都可以使用应用程序或网站,包括视力,听觉,走动或认知障碍等残疾人。

屏幕阅读器可以读取角色为“combobox”的输入元素的展开/折叠状态吗?

我知道使用 aria 扩展屏幕阅读器应该读取扩展状态。但有谁知道这是否可能? 我尝试了几种变体,但唯一读取扩展内容的变体...

回答 1 投票 0

如何通过包含图像和文本的链接满足 PageSpeed Insight 中的可访问性?

PageSpeed Insights 不断在 Accessibiliy 上惩罚我,因为我有一个带有图像和文本的按钮(锚链接)。锚标记有一个 aria-label,其值与链接内的文本相同。 他...

回答 2 投票 0

如何在整个网站上指定语言?

上下文:我不是任何类型的网络开发人员或程序员,我使用屏幕阅读器。 我在一些我想访问的网站上使用可访问性评估工具,但是,这些网站有一些

回答 2 投票 0

强制对讲读取某些特定字符 - Flutter

我想让对讲说出一个简单的数学表达式,例如:“2 - (3/5)” 然而,当它读取时,对讲会跳过括号,从而影响表达式采用

回答 1 投票 0

WCAG 可访问性 - 表单部分的重复部分

在表单中,我有以下 6 个字段的重复结构: [输入字段][选择框] [输入字段][选择框] [输入字段][选择框] 动物 在表单中,我有以下 6 个字段的重复结构: [输入字段][选择框] [输入字段][选择框] [输入字段][选择框] <form> <fieldset> <legend>Animal</legend> <label>Animal name</label> <input type="text"> <label>Animal species:</label> <select> <option>Bird</option> <option>Mammal</option> </select> </fieldset> <fieldset> <legend>Animal</legend> <label>Animal name</label> <input type="text"> <label>Animal species:</label> <select> <option>Bird</option> <option>Mammal</option> </select> </fieldset> <fieldset> <legend>Animal</legend> <label>Animal name</label> <input type="text"> <label>Animal species:</label> <select> <option>Bird</option> <option>Mammal</option> </select> </fieldset> </form> 从视觉上很明显,输入字段和选择框是相关的,因为它们在一行上,但是使用屏幕阅读器,似乎不清楚哪个“动物名称”与哪个“动物物种”选择框相关,因为没有 group role 上的 <fieldset> 也不是像 <legend>Animal 1</legend><legend>Animal 2</legend> 这样的独特传说。 执行成功标准 https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships 或 https://www.w3.org/TR/WCAG20-TECHS/H71.html要求表单元素的关系清晰,例如通过具有唯一的<legend>s? 您能否将列出的两个成功标准解释为“强制”以编程方式区分 <fieldsets>,或者这只是最佳实践? (例如,使各个 <legend> 文本变得独一无二?) <fieldset>元素已经隐式具有group角色,并且它的名称是根据<legend>的内容确定的。这允许屏幕阅读器在留下一个字段集和输入一个新字段集时发出通知,就像输入的视觉边框和邻近度一样。 在这方面,您将通过成功标准 1.4.1 信息和关系,因为可以通过编程确定输入和选择对属于在一起。 当前代码示例失败 3.3.2 标签或指令,因为使用了 <label> 元素不正确:它与输入无关,因此输入没有可访问的名称。 您需要使用 for 属性,或者将输入包裹在标签内以将它们关联起来:<label>Animal name <input type="text"> </label> 该名称在页面上不需要是唯一的,通过 <fieldset> 进行分组就足够了。

回答 1 投票 0

使用 TAB 继续操作时,焦点链接隐藏在固定位置页脚后面时的可访问性

我遇到了有关可访问性的细节,不是关于屏幕阅读器和盲人用户,而是关于纯键盘导航。 编辑/添加:我想强调我的问题的一部分......

回答 3 投票 0

每行写一个句子,并且希望行与行之间有空格但有一个语义段落,我应该使用 <br> 还是 <p>?

我正在销售页面上以这种风格编写长文案(为了简洁而缩短): 我们懂了… 找到一个理解 X 的 X 是很困难的。 看起来他们都是X。 那么,你怎么样...

回答 1 投票 0

每行写一个句子并需要空间,但一个语义段落应该使用 <br/> 或 <p>

我正在销售页面上以这种风格编写长文案(为了简洁而缩短): 我们懂了… 找到一个理解 X 的 X 是很困难的。 看起来他们都是X。 那么,你怎么样...

回答 1 投票 0

同时用于一组文本的辅助功能标识符,以及每个文本的标识符

示例代码: HStack { 文本(“你好”) .accessibilityIdentifier(“first_word”) 文本(” ”) 文本(“世界!”) .accessibilityIdentifier...

回答 1 投票 0

网页上的辅助功能链接

我想让我的项目尽可能易于访问。 因此,在 HTML 文件的开头,我添加了以下代码:

回答 0 投票 0

如何在 React Native 中使用通过别名安装的 npm 包

我有一个 React Native 应用程序,我需要为其实现外部键盘导航支持。我正在尝试安装第三方软件包('react-native-a11y')来帮助解决此问题。不过,我已经...

回答 1 投票 0

“更多信息”图标的正确 ARIA 角色是什么?

工具提示的常见用途是将其添加到 ⓘ 图标以显示“更多信息”。我目前正在努力使我的组件更易于访问,所以我想添加“工具提示”

回答 3 投票 0

向辅助技术指示下载、ping 或目标超链接类型的最佳实践是什么? [已关闭]

是否有最佳实践来向辅助技术(例如屏幕阅读器)指示超链接被配置为执行除重定向当前页面之外的其他操作? (即那些有我...

回答 1 投票 0

在 Jetpack Compose 中实现焦点突出显示的最佳方式?

此文档重点介绍了如何在 Jetpack Compose 中实现高级焦点突出显示,以提高应用程序的可访问性。这里的问题是它使用自定义指示,

回答 1 投票 0

HTML 中的 ARIA 标签:元素内部还是外部?”

我正在努力提高网站的可访问性,并且对 HTML 中 ARIA 标签的放置有疑问。当使用像 aria-label 或 aria-labelledby 这样的 ARIA 属性时,是不是

回答 1 投票 0

有没有办法在 Adobe Acrobat 中向 PDF 中的链接添加“替代文本”?

在 Adobe Acrobat Pro 中,向页面添加链接并不困难,但我想知道是否还有一种方法可以向链接添加“替代文本”(有时称为“标题文本”)。在 HTML 中,这会...

回答 7 投票 0

如何控制 SwiftUI 图像的辅助功能旁白文本

对于 SwiftUI Image 元素,画外音模板似乎是“辅助功能标签 - 图像 - 图像名称”,例如为了 var body: 一些视图 { 图片(系统名称:“等于”) ...

回答 4 投票 0

锚链接和选项卡聚焦

我遇到了多个锚链接和带有选项卡按钮的键盘导航的问题。 我有 4 个彼此相邻的链接,它们都链接到页面上的不同锚链接。当我敲击

回答 1 投票 0

如何跳过对一个栏按钮项目的辅助功能焦点并保持对工具栏其他栏按钮项目的关注

我有一个工具栏,我想在打开辅助功能时跳过标题按钮。 我可以使用accessibilityElementsHidden 跳过整个工具栏的辅助功能。 但我只是想跳过

回答 1 投票 0

我想使用CMD运行VisualDisableOutOfProcBuild.exe安装程序,但CMD运行时不执行命令

我尝试以管理员身份运行我的软件并检查是否是权限问题,但无济于事。 字符串命令 =“cd \”C:\Program Files\Microsoft Visual Studio\2022\Professional\C...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.