我所有使用 FontAwesome 的 HTML 标签似乎都添加了 aria-hidden="true"。这是怎么回事?
All my HTML tags that use FontAwesome seem to some have aria-hidden="true" added to them. How is this happening?
我目前在我的网站上使用 Bootstrap 4 和 FontAwesome。我现在正在研究 ADA 合规性。
疯狂的是,似乎每个使用 FontAwesome 的 HTML 标签都以某种方式添加了 aria-hidden="true"。这是默认的吗?我该如何防止这种情况发生?
我已经查看过是否可以找到添加到任何 JavaScript 文件中的内容,但我没有看到任何内容。
标签可以,锚标签不行。
如果您使用的是 CDN,则可能启用了 auto-accessibility option,旨在为您自动注入 aria-hidden
标签。
https://cdn.fontawesome.com/help#qa-autoa11y
If enabled as a feature in your embed code, Font Awesome CDN will try
to identify [accessibility scenarios] in your UI as well as provide the
modern and proper syntax assistive technologies recognize. For icons
that have semantic or interactive meaning, this means you'll need to
provide a proper text alternative to be used.
登录到您的 Font Awesome 工具包,选择 设置 选项卡,并确认 Auto-Accessibility 复选框未选中功能 部分。
我目前在我的网站上使用 Bootstrap 4 和 FontAwesome。我现在正在研究 ADA 合规性。
疯狂的是,似乎每个使用 FontAwesome 的 HTML 标签都以某种方式添加了 aria-hidden="true"。这是默认的吗?我该如何防止这种情况发生?
我已经查看过是否可以找到添加到任何 JavaScript 文件中的内容,但我没有看到任何内容。
标签可以,锚标签不行。
如果您使用的是 CDN,则可能启用了 auto-accessibility option,旨在为您自动注入 aria-hidden
标签。
https://cdn.fontawesome.com/help#qa-autoa11y
If enabled as a feature in your embed code, Font Awesome CDN will try to identify [accessibility scenarios] in your UI as well as provide the modern and proper syntax assistive technologies recognize. For icons that have semantic or interactive meaning, this means you'll need to provide a proper text alternative to be used.
登录到您的 Font Awesome 工具包,选择 设置 选项卡,并确认 Auto-Accessibility 复选框未选中功能 部分。