screen-readers相关内容

向屏幕阅读器隐藏图标的适当方式是什么

在我的Web应用程序中,我为自己设置了一个完全由图标组成的字体。我使用这些图标来补充应用程序中的标题和副标题,使其在视觉上更具吸引力。 但是,像JAWS这样的屏幕阅读器会读出这些内容,这会给屏幕阅读器的用户带来不愉快的体验。 例如,字符c显示云的图像。我以这种方式使用它来补充标题,例如 : c 现在我希望屏幕阅 ..
发布时间:2022-06-30 10:50:32 前端开发

如何指示屏幕阅读器将";doit";读为";do it";?

我在一个网站上工作,该网站全面使用首字母缩写(";doit";,发音为";do it";)。不幸的是,视障人士的屏幕阅读器将首字母缩写读错了(";duh-i.t.";)。 我认为有两种解决方案之一: 在整个网站(HTML5)中查找所有使用&doit&…的元素,并以某种方式向屏幕阅读器添加一些内容,使其不阅读显示的文本,而是使用&do it ..
发布时间:2022-03-09 23:56:16 前端开发

alt 和 alt="" 一样吗?

我正在为我的所有图像添加 alt 属性以提高 SEO/屏幕阅读器性能. 根据最佳实践,纯美学图像应该有一个空的 alt 属性 alt="",以便屏幕阅读器跳过它们.我在 WordPress 中发现它确实将 alt 添加到这些无描述的美学图像中,但没有添加 alt="". 屏幕阅读器和搜索引擎爬虫读取 alt 是否与 alt="" 相同,或者我应该进入并以编程方式强制 alt=""? ..
发布时间:2022-01-13 18:35:10 前端开发

是否有必要拥有<th>在任何表?

是否有必要在任何表中都有?即使表格没有标题? table 有 3 个其他标签 是否有必要全部使用,即使我没有表页脚.Firefox 默认在代码中添加所有这些. 是否有必要, 总是应该在 如果我在从客户端收到的内容中有一个标题,并且标题来自表格之外但与表格相关,那么我应该如何将该标题放置在表格中 如上表 表格标题 ...... 作为表格的标 ..
发布时间:2021-11-26 19:31:09 前端开发

为什么基于表格的网站对屏幕阅读器用户不利?

屏幕阅读器处理基于 的网站比处理基于 的旧网站容易多少,为什么它们更糟? 解决方案 屏幕阅读器假定 table 中的内容是表格形式,并按原样读取.例如.“第 1 行,第 1 列:(内容)".如果您使用表格来布置您的网站,这不一定有任何意义.您是在告诉最终客户您拥有具有表格意义的数据,而实际上您没有. 相比之下,div 除了“部分"之外没有其他含义,因此屏幕阅读器不会尝试表示它们. ..
发布时间:2021-11-26 19:31:02 前端开发

iframe 的可用性、可访问性、屏幕阅读器或任何其他开发、功能、跨浏览器问题是什么?

的可用性、可访问性、屏幕阅读器或任何其他开发、功能或跨浏览器问题是什么? 有什么替代方案吗? 是否有任何 JavaScript/jQuery 或服务器端技术可以降低 的可用性、可访问性或屏幕阅读器问题? 为什么 W3C 没有将 包含在 XHTML Strict 中,而 HTML 5 支持 ? 更新: 我在这里也发现了一些不错的想法: ..
发布时间:2021-11-26 19:29:14 其他开发

您可以强制屏幕阅读器将数字读取为单个数字吗?

电话号码通常都是数字,忽略括号、破折号、加号等,因此电话号码的输入字段通常是数字. 当屏幕阅读器遇到数字输入字段时,它会将值作为整数读取.例如,如果我有一个美国电话号码的三个输入字段,第一个是区号(3 位数),然后是交换机(3 位数),然后是线路(4 位数),如果这些字段有 123、456, 7890(分别),我们通常所说的数字是“一二三"、“四五六"、“七、八、九、零". 但是当屏幕 ..

强制屏幕阅读器一次读取一个字母而不是整个单词

我正在构建一个包含以下内容的 HTML 网页: 为了继续,请输入此代码:GJBQTCXU “GJBQTCXU"是一串字母组成的代码;但是,屏幕阅读器会尝试将其发音为单个单词.我怎样才能阻止他们尝试发音这个无意义的单词,而是让它一次读一个字母:“G J B Q T C X U". 作为澄清,我正在构建此页面,以便屏幕阅读器自动执行正确的操作.我知道用户可以选择让他们的读者一次发音每 ..
发布时间:2021-11-26 19:26:10 前端开发

aria-label、aria-labelledby 和 aria-describedby:屏幕阅读器中非常不可预见的行为

我刚刚注意到,虽然 aria-label、aria-labelledby 和 aria-描述的 属性据说适用于每个元素(见 https://www.w3.org/WAI/PF/aria-1.1/states_and_properties#aria-scribedby),它们似乎只适用于像 a 这样的几个元素,而不适用于例如NVDA 和 JAWS 中的 div 或 p. 我创建了一个小代码笔来 ..

重要吗<strong>在 <em>或 <em>在<强>?

在中有关系吗 一些文本 还是在? 一些文字 哪个语义正确且更易于访问? 更新: 屏幕阅读器在这两种情况下的表现如何? 解决方案 语法正确但语义不正确. 是 的“高阶"形式.如果您正在寻找 和 的效果,请使用 CSS.请记住,不要因为它们的外观而选择元素,而是因为它们的含义. ..
发布时间:2021-11-26 19:22:42 其他开发

我们应该把<input>里面<标签>?

我在同一个表单示例中看到了两种不同的方法: 关于 http://www.alistapart.com/articles/prettyaccessibleforms/ 为什么他们在第一个 fieldset 中使用 2 种方法,在 label 之后保留 input,在第二个 fieldset 中保留 label 之后的 >input.为什么? 交货详情 ..
发布时间:2021-11-26 19:21:56 前端开发

使表格行或单元格被表格读取为可点击

嗨,我正在处理一个表,我想提高它的可访问性,但问题是它是用具有“onClick"的表行创建的.属性,当使用诸如 VoiceOver、NVDA 或 JAWS 之类的屏幕阅读器阅读单元格和表格时,它不会将该行读取为可点击或任何会告诉用户点击该行会将他带到另一个页面的标志. 该表是由 JQuery Datatables 动态创建的,表的一个片段是这样的: ..
发布时间:2021-11-26 19:19:04 前端开发

多个 h1 会导致屏幕阅读器问题吗?

当我放置一个通过 W3C 检查器构建的网站时,它要求我考虑仅使用 h1 作为顶级标题,并指出我在一个部分中有一个 h1 的部分.它还提到屏幕阅读器会将它们全部视为顶级元素,但是,根据 HTML5 规范,部分有效地“重置"了标题,因此您可以在其中从 1-6 开始另一个层次结构. 如果我们试图专注于 W3C 验证和可访问性,我是否应该只在部分中使用 h2-h6?还是这个警告不正确? 解决方 ..
发布时间:2021-11-26 19:17:46 前端开发

哪种屏幕阅读器最适合测试站点可访问性以及如何配置?

哪种屏幕阅读器最适合测试网站的可访问性,以及如何配置该屏幕阅读器来测试网站(或默认屏幕阅读器设置可以),以及应使用哪种浏览器来测试屏幕阅读器的可访问性? > 免费或商业无关紧要.哪个可以提供最好的测试,然后网站应该可以在全世界范围内使用所有其他屏幕阅读器尽可能多地访问? 我的目的是尽可能地制作网站. 解决方案 我将在这个答案的开头声明我是一个完全失明的人,使用 Jaws 作为唯一 ..
发布时间:2021-11-26 19:16:34 前端开发