无障碍工具

Framer 的无障碍面板包含多种工具，可帮助提升网站的可访问性，简化实现网站更具包容性的过程。

文本样式与语义标签

在 Framer 中创建文本样式时，系统会自动为其分配如 h1、h2、h3 或 p 等语义标签。你可以通过无障碍面板覆盖特定实例的标签，从而自定义网站的语义结构。

了解容器标签

容器标签对于组织和构建网页内容至关重要，有助于提升用户体验和导航。以下是各类容器标签及其功能说明：

• 文章容器：封装页面的主要内容，包括标题和正文，但不包含导航等通用站点元素。

• 页脚容器：标识站点页脚，通常包含次要链接和邮件订阅区域，也可用于独立版块内。

• 页头容器：标识站点页眉或导航栏，可能为浮动置顶栏，也可应用于各个版块内部。

• 导航容器：包围页面上的所有导航元素，例如页眉链接、页脚链接或侧边栏导航。

• 版块容器：标记页面中的一个独立区域，例如独特卖点（USP）或客户评价区块。

图片替代文本

你可以通过无障碍面板为图片容器添加替代文本。该 alt 文本能帮助搜索引擎和屏幕阅读器描述图片内容，并在图片加载失败时显示。我们的指南提供了编写有效 alt 文本的最佳实践。

视频描述

对于没有音轨的视频，建议在视频下方描述其内容。你可以在此处找到相关示例。

自定义 Tab 键顺序

默认情况下，网页上的 Tab 键顺序依据图层面板或标记中的链接、按钮和输入框排列顺序而定。Framer 的无障碍面板允许你设置自定义 Tab 键顺序，尤其适用于优先引导用户关注主要操作按钮（CTA）的场景。

对比度比率

要评估网站的对比度比率，请使用 Chrome 开发者工具中的 Lighthouse 报告。虽然这是用户端的考量因素，但对于强调 Lighthouse 分数的页面而言，这一点尤为关键。

设置减少动画

现代操作系统允许用户设定偏好以减少动画效果。Framer 提供了一项设置，可为偏好减少动态效果的用户禁用视差、变换和布局动画。