# 被设定为 ARIA 隐藏的元素不可聚焦，且不包含可聚焦的元素

<https://www.fixreports.com/zh/issues/aria-hidden-focus>

WCAG 4.1.2 名称、角色、值 · A 级

可获得焦点的元素对屏幕阅读器隐藏，但仍可通过键盘到达。

## 此规则检查什么
确保设置为 ARIA 隐藏的元素不可聚焦，且不包含可聚焦的元素.

## 为什么重要
键盘用户会停在屏幕阅读器不朗读的元素上（WCAG 4.1.2）。

## 如何修复
### 在任何网站上
1. 从包含可获得焦点元素的容器上移除 aria-hidden，或为隐藏的侧滑菜单和幻灯片添加 tabindex="-1" 和 inert 属性。

### 在 Shopify 上
1. 从包含可获得焦点元素的容器上移除 aria-hidden，或为隐藏的侧滑菜单和幻灯片添加 tabindex="-1" 和 inert 属性。

### 在 WooCommerce 和 WordPress 上
1. 从包含可获得焦点元素的容器上移除 aria-hidden，或为隐藏的侧滑菜单和幻灯片添加 tabindex="-1" 和 inert 属性。

## 如何检查修复效果
- 在运行屏幕阅读器的情况下，用 Tab 键逐一浏览页面。

## 资料来源
- axe-core 规则文档（Deque）: https://dequeuniversity.com/rules/axe/4.13/aria-hidden-focus
- 理解 WCAG 4.1.2（W3C）: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value