代码之家 › 专栏 › 技术社区 › Shtole

我需要为<button>中的装饰性<svg>隐藏aria吗?

wai-aria accessibility html

0

Shtole · 技术社区 · 1 年前

如果我有一个按钮:

<button>
    <svg width="1em" class="inline"><use href="#start-icon"></use></svg>
    Start
</button>

屏幕阅读器会忽略吗 <svg> (这是一种期望的行为)或者我应该把它隐藏起来(用 aria-hidden 例如)?

2 回复 | 直到 1 年前

1

1

FlyingEagle2512 1 年前

默认情况下,屏幕阅读器将宣布 <svg> 内容(如果可以访问)。所以,是的,你应该用 aria-hidden :)

<svg width="1em" class="inline" aria-hidden="true"><use href="#start-icon"></use></svg>

2

1

user19259811 1 年前

屏幕阅读器将通过以下方式读取SVG default ,所以你是对的,你应该使用 aria-hidden="true" 把它藏起来

推荐文章

Shtole · 我需要为<button>中的装饰性<svg>隐藏aria吗?

1 年前

gallium314 · 我应该使用什么HTML语义来访问自定义计算器的输出?

2 年前

Sheppard25 · 为什么按下Tab键后onBlur会触发onKeyDown?

3 年前

user2933998 · 通过程序更改动态文本,而不必转到“设置”

3 年前

Betulino · 一行中的多个表单字段是否具有良好的可访问性?

3 年前

Takeshi Tokugawa YD · 如何获取“pa11y”中的目标行号和列范围?

3 年前

Yoginath Sumanth · 如何解决PageSpeed Insights诊断可访问性的性能问题部分打问号

3 年前

GurpusMaximus · 如何使用Java PDFBox 2.0.8库创建可访问的PDF,该库也可以使用PAC 2工具进行验证?

8 年前

David Costa · 如何以编程方式在主屏幕之间滚动?

8 年前

Ian Boyd · 如何设置与TEdit控件关联的可访问名称?

8 年前

关于移动版

代码之家 - 一站式码农服务社区

沪ICP备11025650号