标签: screen-readers

Web辅助功能:屏幕阅读器嵌入

我不知道我的问题是否有意义.但我的客户想知道是否可以嵌入屏幕阅读器?即,当网站用户点击网站上的按钮时,读者将读出文本或para,他的鼠标已打开.

我不知道在哪里和看什么,搜索谷歌给各种插件和软件安装在计算机或浏览器上.仍在搜索,但想问是否有人知道,可以帮助我更快谢谢.

accessibility screen-readers web

1
推荐指数
1
解决办法
685
查看次数

为带标签的图标图像提供替代文本是否有意义?

图像的替代文本是 HTML 101,但是当替代文本与紧随其后的标签相同时,是否有意义?对我来说,使用屏幕阅读器的人听两次似乎是多余的。这是一个例子,所以它非常清楚:

<nav>
  <ul>

    <li>
      <a href="/chameleons.html">
        <img src="chameleons_icon.png" alt="chameleons">
        Chameleons
      </a>
    </li>

    <li>
      <a href="/beardies.html">
        <img src="beardies_icon.png" alt="beardies">
        Beardies
      </a>
    </li>

    <li>
      <a href="/basilisks.html">
        <img src="basilisks_icon.png" alt="basilisks">
        Basilisks
      </a>
    </li>

    <li>
      <a href="/iguanas.html">
        <img src="iguanas_icon.png" alt="iguanas">
        Iguanas
      </a>
    </li>

  </ul>
</nav>
Run Code Online (Sandbox Code Playgroud)

感谢您的输入!

修正:为了验证,我应该只使用alt=""还是应该使用背景图片?

html accessibility screen-readers

1
推荐指数
1
解决办法
2338
查看次数

使屏幕阅读器忽略某个部分但阅读其可聚焦的内容

我有一些代码看起来或多或少是这样的(例如减少了):

html {
  background: #eee;
}

section {
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #fff;
  margin: 1em;
  padding: 1em;
}

[tabindex]:focus {
  outline: 1px dashed blue;
}
Run Code Online (Sandbox Code Playgroud)
<section tabindex="0">
  <h1>
    Section 1
  </h1>
  <p>
    This section will be highlighted but it won't go inside as 
    nothing inside has tabindex. I don't want it to be read at all.
  </p>
</section>

<section tabindex="0">
  <h1>
    Section 2
  </h1>
  <p>
    This section will be highlighted and there is an element inside with …
Run Code Online (Sandbox Code Playgroud)

html accessibility screen-readers wai-aria

1
推荐指数
2
解决办法
2253
查看次数

Chrome 忽略 aria-labelledby

我最近发现,当可聚焦元素中包含一些内容并分配有 aria-labelledby 属性时,MacOS 的 VoiceOver 不会读取标签内的内容,而是读取焦点组件的内容

在不同浏览器中尝试:在 Safari (11.1.1) 中按预期工作,但在 Chrome (76.0.3809.100) 中失败。还尝试改变两个元素的角色。

<p id="header">This text should be read</p>

<div tabindex="0" aria-labelledby="header">
  <span>Click me</span>
  <p>This text should not be read</p>
</div>
Run Code Online (Sandbox Code Playgroud)

https://jsfiddle.net/2d9jn4hs/

当您在打开divVoiceOver 的情况下专注于声音时,我希望听到This text should be read但听到的Click me This text should not be read却是。

有什么建议吗?

html accessibility screen-readers voiceover wai-aria

1
推荐指数
1
解决办法
1007
查看次数

有什么替代 tabindex="0" 的方法可以使页面内容可以按顺序浏览而不会丢失元素?

我的页面包含多个 HTML 元素,当用户使用 Tab 键和屏幕阅读器从上到下导航页面时,这些元素会被忽略和跳过。我可以通过将属性 tabindex="0" 添加到包含屏幕阅读器需要读取的文本的 div 来修复此问题。一些评论说这不是正确的做法。哪个是推荐的替代方案?

\n\n

I\xc2\xb4m 在 Android 上使用 Talkback 来导航页面,在 Windows 上使用 Jaws 和 Narrator,它们都有相同的行为,没有 tabindex 的元素将被忽略,它会直接跳转到<a>跳过标签周围的标题和文本的元素<a>

\n

html accessibility screen-readers tabindex

1
推荐指数
1
解决办法
1884
查看次数

NVDA屏幕阅读器不是在Internet Explorer中读取aria-labelledby和aria-describedby

我开始研究可访问性.aria-labelledby和aria-describe在Chrome和Firefox中运行良好,但在IE浏览器中没有被NVDA正确阅读.

<div id="div1">div 1</div>
<div id="div2">div 2</div>
<div>div 3</div>
<button aria-labelledby="div1 div2 buttonName1"><span id="buttonName1">Test1</span></button>
<br>
<button aria-describedby="div1 div2 buttonName2"><span id="buttonName2">Test2</span></button>
Run Code Online (Sandbox Code Playgroud)

accessibility screen-readers wai-aria nvda

0
推荐指数
1
解决办法
1180
查看次数

是否可以更改屏幕阅读器的整体语言?

我正在重构一个网络应用程序,以便屏幕阅读器可以访问它。我正在开发的 Web 应用程序是荷兰语。咏叹调标签也是荷兰语,并按我的预期执行。尽管如此,当浏览页面时,屏幕阅读器会说:“导航,列出 4 个项目”。是否有可能将其(默认读取 EN 中的元素)更改为荷兰语?

我将 HTML 语言属性设置为荷兰语 <html lang="nl">

但是屏幕阅读器(使用荷兰语/谷歌的荷兰语语音)将元素读取为“导航,包含 4 个项目的列表”。

是否有可能将这种默认行为更改为全荷兰语?我使用 ChromeVox 插件作为屏幕阅读器。这是屏幕阅读器特定的问题,还是可以在代码中解决?

感谢你的帮助!

html accessibility screen-readers

0
推荐指数
1
解决办法
1731
查看次数

如何让屏幕阅读器读取 div 中的不同文本

我有一个这样的div: <div class="whatever">17:03</div>

当有人使用屏幕阅读器将鼠标悬停在该文本上时,我希望它阅读“17 分 3 秒”

这样做的标准做法是什么?

html accessibility screen-readers wai-aria

0
推荐指数
1
解决办法
1218
查看次数

是否可以使屏幕阅读器在页面的某个位置停止阅读?

我面临着aria和可访问性aria标签的问题。

那是我的问题:

打开页面后,我需要屏幕阅读器阅读标题,然后停止阅读页面的其余部分。我需要屏幕阅读器停在那里,并在用户使用TABS导航后继续阅读。

有人知道这是否可能吗?

accessibility screen-readers wai-aria uiaccessibility nvda

0
推荐指数
1
解决办法
194
查看次数

如何强制屏幕阅读器发音?

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

导航菜单项是“改变生活”。屏幕阅读器将其读出为“改变生活”的地方(如“送礼”而不是“刀子”)。

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

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

accessibility screen-readers web-accessibility

0
推荐指数
1
解决办法
42
查看次数