无障碍与兼容

用键盘、触控和不同屏幕都能继续浏览

站点的主要目标不是制造复杂交互，而是让标题、正文、导航和关联链接在常见设备上保持清楚。下面列出当前实现的操作方式与已知边界。

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

每个正常页面都包含header、nav、main和footer等结构元素，主要标题使用单一H1，后续内容按照H2和H3层级展开。面包屑导航带有可识别的aria-label，当前主导航链接使用aria-current标记。这样即使不依赖视觉位置，也能通过文档结构理解页面主要区域。

图片包含与内容相符的中文alt；如果图片只是装饰，应该使用空alt而不是重复正文。当前使用的内容图片都承担主题提示，因此给出简短描述，但不会在alt中机械堆叠关键词。

普通链接和按钮使用浏览器原生可聚焦元素，没有把div伪装成主要操作按钮。按Tab可以依次移动到站点品牌、导航入口、正文链接和页脚链接；使用Shift+Tab可以反向移动。获得键盘焦点时会出现明显轮廓，帮助确认当前位置。

页面顶部提供“跳到主要内容”链接。它在正常状态下位于视口外，获得焦点后显示，可让键盘用户跳过重复导航直接进入main区域。

窄屏设备上，主导航会收起为菜单按钮。按钮初始aria-expanded为false，打开后更新为true并显示导航。按Escape可关闭菜单，同时焦点会回到菜单按钮。点击某个导航链接后也会关闭菜单，减少打开菜单遮挡后续页面的情况。

如果JavaScript完全没有加载，菜单增强在窄屏上会受限，但页面正文仍然直接存在，页脚还保留主要主题链接。核心内容不会被脚本动态注入，也不会因为交互脚本失败而变成空白页。

桌面端可以并排显示品牌信息、内容图和高密度视频卡片；屏幕缩小时，布局会从多列逐步切换为单列。图片使用max-width:100%并保持原始比例，卡片中的固定宽度在移动断点下会改为100%，降低横向滚动风险。

按钮与链接在移动端保留足够的内边距。正文宽度由容器控制，不会无限铺满超宽显示器。长标题允许自然换行，而不是强制缩小字体到难以阅读的程度。

主色用于链接和关键按钮，强调色只少量用于重点标记。当前导航除了颜色变化还会使用背景变化与aria-current说明当前页面；表单输入也有边框和焦点轮廓。用户不需要仅凭颜色差异判断所有状态。

正文使用偏深的紫黑文字搭配浅灰白背景，次级信息使用较柔和的灰紫色。实际部署如果修改配色，应重新检查正文、按钮、焦点轮廓和浅色标签之间的对比度，而不是只替换CSS变量。

站点没有大面积自动动画、滚动视差或循环闪烁效果。系统开启prefers-reduced-motion后，CSS会关闭平滑滚动和可能存在的过渡动画。这样可以减少因动画引发的不适，也使页面操作更可预测。

视频索引同样不会自动播放媒体。用户在当前实现中主要处理文字、图片和链接，不需要为了停止自动内容而寻找额外控件。

字号大多使用rem和clamp等相对单位，布局也使用弹性网格。浏览器放大后，标题和正文会重新换行，主要内容区域不会因为固定高度而截断。若需要更大文字，可以使用浏览器缩放功能；移动设备也可以结合系统字体大小设置。

在极高缩放比例下，顶部导航可能比普通视图更早进入移动菜单状态，这是为了保留可操作空间。内容本身不应因为缩放而消失。

图片是视觉辅助资源，不承担唯一的导航功能。卡片标题、摘要和链接仍由HTML输出；即使某张webp尚未上传，用户仍能知道条目主题并打开链接。部署时应该上传实际图片资源，但不需要用空文件或Base64占位图伪装加载成功。

如果用户启用了节省流量或图片阻止功能，站点的核心主题关系仍然可以从标题、正文和链接中理解。

视频索引的筛选框使用label与input关联。输入后只是隐藏不匹配条目，不会改变焦点顺序或自动把用户跳到页面其他位置。因为筛选不是核心导航，关闭脚本后所有条目保持可见。

如果未来加入更复杂的搜索建议、弹窗或抽屉，应继续维护aria-expanded、aria-hidden、焦点移动和Escape关闭等状态，而不是只实现鼠标点击。

若当前浏览器无法正确显示某个增强组件，可以直接使用普通链接访问首页、品牌入口、一起草页面、视频页面或App信息页。详情页URL的主要参数也可以由服务器独立处理，不依赖前端路由。

老旧浏览器若不支持backdrop-filter等装饰效果，页面仍会使用基础背景色和边框，不会影响正文。真正影响功能的最低要求主要来自现代HTML、CSS布局与PHP服务器端输出，而不是大型前端框架。

浏览器标签页中的title对使用屏幕阅读器、多个标签页和浏览器历史记录的用户都很重要。首页、品牌入口、一起草、视频、App、帮助与其他辅助页面使用不同标题，让用户在切换标签页时能够判断当前页面，而不是看到一排完全相同的站点名。

详情页标题会直接包含当前条目主题。404页也有单独标题和noindex设置，避免用户把错误页误认为正常内容。

站内主要链接使用“17c一起草在线观看”“17c在线视频观看”“品牌与官网入口”等能够说明目标的文字，而不是大量重复“点击这里”。这样即使屏幕阅读器按链接列表浏览，也更容易理解每个链接会到哪里。

同一目标在不同上下文中可以使用自然变化的文字，但语义保持一致。按钮样式只用于强调重要操作，不会把没有href的静态文字做成看起来可点击的CTA。

除了“跳到主要内容”链接，页面结构本身也把主内容放在main元素中，导航使用nav并提供标签。部分屏幕阅读器可以直接按地标区域跳转，因此不必逐项经过Logo和所有导航链接。

页脚中的辅助链接用于补充帮助、安全、隐私与无障碍信息；它们不会替代主导航中的核心内容入口。这样核心浏览和辅助说明保持不同层级，减少导航噪音。