我不知道我的问题是否有意义.但我的客户想知道是否可以嵌入屏幕阅读器?即,当网站用户点击网站上的按钮时,读者将读出文本或para,他的鼠标已打开.
我不知道在哪里和看什么,搜索谷歌给各种插件和软件安装在计算机或浏览器上.仍在搜索,但想问是否有人知道,可以帮助我更快谢谢.
图像的替代文本是 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 {
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)我最近发现,当可聚焦元素中包含一些内容并分配有 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 元素,当用户使用 Tab 键和屏幕阅读器从上到下导航页面时,这些元素会被忽略和跳过。我可以通过将属性 tabindex="0" 添加到包含屏幕阅读器需要读取的文本的 div 来修复此问题。一些评论说这不是正确的做法。哪个是推荐的替代方案?
\n\nI\xc2\xb4m 在 Android 上使用 Talkback 来导航页面,在 Windows 上使用 Jaws 和 Narrator,它们都有相同的行为,没有 tabindex 的元素将被忽略,它会直接跳转到<a>跳过标签周围的标题和文本的元素<a>。
我开始研究可访问性.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) 我正在重构一个网络应用程序,以便屏幕阅读器可以访问它。我正在开发的 Web 应用程序是荷兰语。咏叹调标签也是荷兰语,并按我的预期执行。尽管如此,当浏览页面时,屏幕阅读器会说:“导航,列出 4 个项目”。是否有可能将其(默认读取 EN 中的元素)更改为荷兰语?
我将 HTML 语言属性设置为荷兰语
<html lang="nl">
但是屏幕阅读器(使用荷兰语/谷歌的荷兰语语音)将元素读取为“导航,包含 4 个项目的列表”。
是否有可能将这种默认行为更改为全荷兰语?我使用 ChromeVox 插件作为屏幕阅读器。这是屏幕阅读器特定的问题,还是可以在代码中解决?
感谢你的帮助!
我有一个这样的div:
<div class="whatever">17:03</div>
当有人使用屏幕阅读器将鼠标悬停在该文本上时,我希望它阅读“17 分 3 秒”
这样做的标准做法是什么?
我面临着aria和可访问性aria标签的问题。
那是我的问题:
打开页面后,我需要屏幕阅读器阅读标题,然后停止阅读页面的其余部分。我需要屏幕阅读器停在那里,并在用户使用TABS导航后继续阅读。
有人知道这是否可能吗?
我正在建立一个网站,并尝试通过使用ARIA标签,角色标签等使其尽可能地易于访问。
导航菜单项是“改变生活”。屏幕阅读器将其读出为“改变生活”的地方(如“送礼”而不是“刀子”)。
另一个导航菜单项是“关于我们”,但屏幕阅读器将其读出为“关于我们”。
我正在寻找有关如何强制屏幕阅读器发音的帮助。
accessibility ×10
screen-readers ×10
html ×6
wai-aria ×5
nvda ×2
tabindex ×1
voiceover ×1
web ×1