腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
屏幕
阅读器
在Mac上正确阅读,而在Windows上没有反应
reactjs
、
windows
、
accessibility
、
screen-readers
、
nvda
我有一个场景,其中我向父
aria-label
添加了一个<div>,其中包含了一些
文本
。理想情况下,应该首先讲述提供给父
aria-label
的
<div>,然后再讲述子
文本
组件。这在MacOS Chrome和VoiceOver
屏幕
阅读器
上工作得很好,但在Windows上,与NVDA
的
母公司<div>
aria-label
完全不被
读取
。附加代码片段以供参考: <div
ar
浏览 13
提问于2022-04-25
得票数 0
回答已采纳
1
回答
屏幕
阅读器
读取
的
不是
aria-label
属性
中
的
文本
,
而是
元素
中
的
文本
javascript
、
html
、
jquery
我有以下html
元素
。计数在span
元素
中
,
文本
在DIV标记
中
。当我悬停在计数上时,它只
读取
数字,而当我悬停在DIV标签
的
文本
上时,它只
读取
文本
。但我希望
屏幕
阅读器
将完整
的
文本
作为“1个文档”
读取
。为此,我为父DIV保留了带有count和text
的
'
aria-label
‘
属性
浏览 26
提问于2021-10-01
得票数 1
1
回答
Phaser HTML 5游戏框架
中
的
Web辅助功能
web
、
accessibility
、
phaser-framework
、
web-accessibility
最近,我遇到了Phaser游戏框架
的
一个主要问题,这是关于Web可访问性
的
。在玩游戏时,
屏幕
阅读器
无法阅读说明弹出窗口中显示
的
说明。场景:在玩游戏之前,用户应该在游戏开始前点击ok和accept同意规则,这对于
屏幕
阅读器
来说是一场噩梦,无法提取
文本
并指示用户采取行动。正因为如此,用户才开始玩这款互动如此简单
的
游戏
浏览 12
提问于2021-09-17
得票数 0
3
回答
html可访问性:带有伪
元素
背景图像
的
锚标记
html
、
image
、
background
、
accessibility
我
的
公司正在探索一些我们在设计中常用
的
场景,我们意识到这些场景可能不完全符合WCAG2.0标准。 .clippe
浏览 6
提问于2017-08-15
得票数 2
回答已采纳
1
回答
如何修复灯塔“链接没有可辨别的名称”
html
、
css
、
lighthouse
灯塔对
的
建议<a href="https://twitter.com/@some-name-here" target="_blank" rel="noopener" class="social-icon twitter grayscale"></a>.social-icon.twitter
浏览 47
提问于2018-08-04
得票数 77
2
回答
HTML
中
ASCII art
的
Alt
属性
?
html
、
accessibility
、
screen-readers
、
alt
、
ascii-art
这是一个非常(非常)
的
特定问题,但是在使用alt
属性
来展示pre标记时,使用alt
属性
是否合适呢?它本质上就像一个图像(用
屏幕
阅读器
就无法理解),所以使用alt是有意义
的
。<pre alt="A cute little blob creature">༼ つ ◕_◕ ༽つ</pre> 会被
屏幕
阅读器
读取
吗?这是合适
的
还是好
的
形式?(我可以想象可能出
浏览 1
提问于2015-11-26
得票数 8
回答已采纳
1
回答
如何使用aria-*
属性
使
屏幕
阅读器
可以访问SVG图像?
xml
、
svg
、
text
、
accessibility
、
wai-aria
我想让SVG文件
中
的
文本
在网页上可选,或者,如果做不到,至少
屏幕
阅读器
可以访问。我遇到
的
问题是,使用aria-*
属性
似乎对
屏幕
阅读器
没有任何作用(我一直在用JAWS测试它)。我需要一些帮助,因为我真的不知道关于aria-*可访问性
属性
我在做什么,而且我也找不到一个简洁
的
解释--仅仅是w3c规范。我尝试对
元素
进行分组,并为它们提供
aria-label
属性</
浏览 2
提问于2019-07-06
得票数 2
1
回答
我可以在同一个
元素
上使用aria-标签和aria-隐藏=“true”吗?
html
、
accessibility
、
wai-aria
我可以在同一个
元素
上使用
aria-label
和aria-hidden="true"吗? 我想要实现
的
是有一个
元素
(<span>
中
的
一个打开
的
图标)带有一个咏叹号标签,但是忽略它
的
内容。<span class="oi" data-glyph="star"
aria-label
="Favourite" aria-hidden="tr
浏览 0
提问于2018-10-16
得票数 5
回答已采纳
2
回答
咏叹标签与咏叹调标签
的
区别
javascript
、
css
、
screen-readers
、
accessibility
我找到了用aria-
属性
标记区域
的
两种方法。第一项: <a href="">Blah-blah</a><div
浏览 0
提问于2013-10-27
得票数 46
2
回答
Web内容可访问性指南?
html
、
accessibility
<span aria-describedby="" class="itemText">${itemText.itemName}</span>
浏览 0
提问于2016-12-06
得票数 0
3
回答
设置HTML输入
的
语言
html
、
internationalization
、
accessibility
、
markup
我目前正在开发一个处理翻译
的
应用程序。在原型
中
,该应用程序可以处理从英语到德语
的
翻译。目前,<textarea>
元素
被<label>
元素
包围:
aria-label
value="..." <
浏览 1
提问于2019-02-06
得票数 4
回答已采纳
4
回答
带有图标标记
的
按钮-标签仍然是“空按钮”错误
html
、
accessibility
、
wai-aria
、
section508
带有
aria-label
的
按钮 aria-expanded="false"
aria-label
="Sort"></button> 仍然被标识为可访问性错误(“空按钮”)。
浏览 5
提问于2016-01-15
得票数 7
回答已采纳
1
回答
如何使块级锚定标记可访问?
html
、
accessibility
我需要让一个辅助技术
的
网站可访问。我遇到
的
一个问题是块级锚点标签。</div> <img src="/cat.jpg" alt="Black cat in a tree" /></a> 我
的
目标是让整个区块(图像、标题、段落
文本
和两个div)都可以点击,但为了让
屏幕
<
浏览 3
提问于2017-04-29
得票数 1
1
回答
NVDA没有
读取
div标签
中
的
文本
。(在通过tabIndex=0获得焦点之后)
jquery
、
focus
、
accessibility
、
nvda
我希望
屏幕
阅读器
能够阅读全部内容。我能知道我遗漏了哪些代码吗。div id="mrndialog" class="mrndialog" style="display: block;"> <div id="mrn_description" tabindex="0"
aria-label
class="button i18n" id="back_mrn_button" role="but
浏览 3
提问于2015-09-01
得票数 0
3
回答
图像必须有替代
文本
:
元素
没有title
属性
html
、
css
受影响
的
资源<img src="./img/twitter.png">
浏览 128
提问于2021-09-27
得票数 0
2
回答
如何让
屏幕
阅读器
读取
<span>内部
的
唱段标签?
html
、
accessibility
、
screen-readers
、
accessible
当鼠标悬停在菜单栏
中
的
“故事”按钮上时,我想让
屏幕
阅读器
读取
文本
“故事,菜单项”。我尝试在span
中
添加
aria-label
和aria-describedby,但
屏幕
阅读器
仍在
读取
"Stories“
文本
,而
不是
"stories,menu item”
文本
。原始代码: <li role="menuitem"
浏览 11
提问于2021-09-13
得票数 0
1
回答
aria-live=“礼貌”而
不是
阅读与其相关
的
元素
的
角色。
javascript
、
html
、
accessibility
、
wai-aria
为了让
屏幕
阅读器
跟上这一点,我添加了一些JS逻辑,其中添加了
属性
aria-hidden="true"或aria-live= "polite",以隐藏和显示目标
元素
。尽管
元素
的
aria-label
被读出,但我遇到了一个问题,其中忽略了role
属性
。这使得
屏幕
阅读器
读取
“这是一个标签”。我试过不少黑客来解决这个问题: 将aria-hidden="true
浏览 1
提问于2021-04-30
得票数 2
回答已采纳
4
回答
对于iOS、Safari、VoiceOver,如何让VoiceOver
读取
文本
内容以外
的
内容?
ios
、
accessibility
、
voiceover
、
wai-aria
我正在尝试让VoiceOver在HTML span
元素
中
说一些不同于指定
文本
内容
的
内容: <span tabindex="0" class="myClassName" id="DateLabel" role当我添加
aria-label
属性
时,VoiceOver仍在
读取
文本
,尽管IE和Chrome等桌面浏览器正确地
读取
了
aria-label
。当我添加ar
浏览 0
提问于2014-05-08
得票数 11
1
回答
图标字体可访问性:父span (带aria-标签)或同级跨度(仅使用sr)
html
、
accessibility
、
wai-aria
、
screen-readers
、
icon-fonts
我有一个图标,它
不是
装饰性
的
,也
不是
直接在一个交互
元素
中
,尽管在层次结构中有一个交互
元素
。info </div> <i class="material-icons"> icon </i>此图标显示有关此项状态
的
信息,是否最好将结构改为: <butto
浏览 2
提问于2019-07-09
得票数 1
回答已采纳
2
回答
混合内容-
文本
和数学
html
、
accessibility
、
screen-readers
、
wai-aria
我在一个表示数学公式
的
页面上有一些内容。此内容位于<span>
中
,但它
的
内部有自定义绘制
的
内容,并混合了
文本
。我有数学内容
的
文本
描述,可以放在
aria-label
属性
中
的
<span>
中
,但是
屏幕
阅读器
似乎忽略了非表单
元素
的
aria
属性
。有没有办法让
屏幕
浏览 5
提问于2014-06-30
得票数 4
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
6个常见的可访问性问题及解决方案
20条CSS高级技巧
24个 CSS 高级技巧合集
Web 内容的可访问性不能只靠研发
互联网面向所有人:使你的网站更易访问的6条tips
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券