无障碍访问
Next.js 团队致力于让所有开发者（及其终端用户）都能无障碍使用 Next.js。通过在 Next.js 中默认集成无障碍功能，我们旨在让互联网对每个人更加包容。
路由播报
当在服务端渲染的页面之间跳转时（例如使用 <a href> 标签），屏幕阅读器和其他辅助技术会在页面加载时播报页面标题，让用户感知页面已切换。
除了传统的页面导航方式外，Next.js 还支持客户端转场以提升性能（使用 next/link）。为确保客户端转场也能被辅助技术播报，Next.js 默认内置了路由播报器。
Next.js 路由播报器会依次检查 document.title、<h1> 元素和 URL 路径名来获取要播报的页面名称。为提供最佳的无障碍体验，请确保应用中的每个页面都具有独特且描述性的标题。
代码检查
Next.js 默认提供集成的 ESLint 体验，包含针对 Next.js 的定制规则。默认情况下，Next.js 集成了 eslint-plugin-jsx-a11y 来帮助及早发现无障碍问题，包括对以下情况的警告：
- aria-props
- aria-proptypes
- aria-unsupported-elements
- role-has-required-aria-props
- role-supports-aria-props
例如，该插件能确保您为 img 标签添加 alt 文本、正确使用 aria-* 属性、正确使用 role 属性等。
无障碍资源
- WebAIM WCAG 检查清单
- WCAG 2.2 指南
- A11y 项目
- 检查前景与背景元素的色彩对比度
- 处理动画时使用
prefers-reduced-motion