键盘与可读性

17c无障碍访问说明

站点尽量让导航、正文与可展开内容在键盘、触控和减少动态效果等不同使用方式下保持可用。

跳过重复导航

页面顶部提供“跳到主要内容”链接。使用键盘Tab进入页面时，可以直接把焦点移动到正文区域，减少每次都经过完整导航的操作量。

桌面端导航使用普通链接；移动端菜单使用原生button。按钮通过aria-expanded表达展开状态，并支持Escape关闭，关闭后可把焦点恢复到菜单按钮。

链接、按钮和可展开问题在获得键盘焦点时会显示明显轮廓，不依赖鼠标悬停才能识别当前操作位置。

站点使用header、nav、main、section、article、aside和footer等语义元素，并给主要导航、面包屑和页脚导航提供可识别名称。

页面主主题通过单一H1表达，内部区域按照实际内容层级使用H2与H3，减少仅为了视觉效果而跳跃标题级别的情况。

承担主题信息的图片会使用与当前内容相符的alt文字。替代文本用于说明图片在当前页面中的意义，而不是简单重复文件名或堆叠关键词。

重要说明不会只存在于图片中。即使图片未加载，用户仍能通过标题、正文、列表和链接理解页面主题与下一步访问路径。

当前导航除了颜色变化，还通过背景与布局区别。按钮和文本链接本身含有明确文字，不要求用户仅靠颜色理解操作含义。

系统开启减少动态效果后，CSS会关闭非必要的平滑滚动和过渡，避免动画成为理解页面或完成操作的必要条件。

主要按钮拥有足够高度和内边距，移动端导航条目也使用较大的点击区域，降低在小屏设备上误触的概率。

如果脚本加载失败，标题、正文、主要页面链接和SEO信息仍然由服务器输出。脚本增强的是菜单行为，而不是内容可见性。

常见问题区域使用浏览器原生details与summary元素，提供基础的键盘操作和展开语义，并在没有脚本时仍然可用。

核心入口

品牌入口、一起草和在线视频均提供可直接访问的HTML链接。