17c无障碍访问说明

主要页面尽量保持键盘可操作、语义清楚、正文可直接读取，并兼顾移动设备与减少动态效果设置。

页面主要区域使用语义化结构

页面使用header、nav、main、section、article、footer等HTML5语义元素组织内容。主要正文区域拥有固定的main锚点，键盘用户可以通过“跳到主要内容”链接略过重复导航。

H1用于说明当前页面的唯一主主题，后续内容使用H2和H3表达层级。这样既方便视觉用户扫描，也有利于屏幕阅读器用户理解页面章节。

在窄屏设备上，菜单按钮通过aria-expanded表示当前是否展开，并通过aria-controls关联主导航。打开菜单后会尝试把焦点移动到第一个链接，按Escape关闭后焦点返回按钮。

官网入口、一起草、在线视频、App下载和页脚链接直接存在于服务端输出的HTML中。即使脚本不可用，用户仍能读取正文并通过正常链接访问核心页面。

浏览器默认焦点样式不会被全局移除。跳过链接在获得焦点时会从屏幕外移动到可见位置，方便只使用键盘的用户快速进入主要内容。

承载内容信息的图片使用具体中文替代文本，例如“17c一起草在线观看主题”或“手机平板与桌面端访问17c”。如果未来加入纯装饰图片，应使用空alt避免屏幕阅读器重复朗读无意义信息。

页面容器使用最大宽度和弹性网格，在常见桌面、平板和手机宽度下调整列数。图片设置最大宽度100%，卡片和正文不会依赖固定像素宽度才能正常显示。

当操作系统或浏览器设置了减少动态效果，样式会取消平滑滚动、动画和过渡，降低不必要的运动。站点没有需要动画才能理解的核心内容。

常见问题使用浏览器原生details和summary元素，支持键盘展开、折叠并保留语义。正文不会被JavaScript重新渲染，因此辅助技术可以直接读取。

当前导航状态除了颜色变化外还通过背景形状形成视觉区别；按钮与文字链接有明确文字标签，不使用只有颜色才能理解的状态提示。

正文使用深灰紫色，页面主体背景为浅灰白，核心标题使用更深色。强调色只用于少量CTA和状态提示，避免大面积高饱和颜色影响阅读。

内部链接优先使用“17c一起草在线观看”“17c在线视频观看”“查看App下载信息”等能说明目标的文本，而不是大量重复“查看更多”或“点击这里”。

访问不存在的页面时，服务器返回404状态，同时提供返回首页、一起草和在线视频的链接。这样不会把错误地址伪装成正常首页，也避免用户陷入无出口页面。

内容地图在桌面端以三列展示页面、适用场景和下一步；在窄屏下自动变为单列块状结构，避免用户横向滚动读取长文本。

当前站点没有必须提交的前台表单。如果后续加入联系表单，应为每个输入控件设置可见label，提供明确错误提示，并在服务端完成输入校验和转义。

主导航、面包屑和页脚导航分别使用aria-label说明用途。面包屑当前项使用aria-current，帮助屏幕阅读器用户确认自己位于哪一层页面。

页面使用系统字体栈，不依赖远程字体资源才能显示文字。导航和按钮也不依赖第三方图标库，减少因资源加载失败导致文字或操作入口不可见的情况。

图片承担视觉辅助作用，页面主题、正文和导航始终以可选取的HTML文字呈现。即使WebP资源尚未部署，用户仍能通过替代文本和正文理解页面内容。

移动菜单默认不会覆盖整个页面，也没有必须关闭的启动弹窗。JavaScript失败不会出现全屏遮罩阻止阅读，这一点对键盘用户和脚本受限环境都更友好。

如果用户在特定浏览器、辅助设备或屏幕尺寸下遇到可访问性问题，可以通过联系页面反馈页面地址、设备和表现。维护时应优先修复真实访问障碍，而不是只增加形式化说明。