无障碍标准说明
糖心传媒参照 WCAG 2.1 AA 级别的要求来设计和维护页面。站点在结构上使用清晰的语义标签,内容层级由 H1 到 H3 依次展开,方便屏幕阅读器用户快速定位频道索引、专题片单和观看指南等主要模块。
页面中的可点击元素都提供明确的焦点状态,链接文本能够独立说明目标页面的内容。对于图片,我们为每张配图编写了描述性 alt 文本,帮助无法直接查看图片的用户理解图片所传达的信息。
辅助功能支持列表
键盘导航
全站所有交互元素都可以通过键盘完成操作。使用 Tab 键可在导航链接、手风琴按钮和页面内锚点之间移动,焦点顺序与视觉顺序保持一致,不会出现焦点跳转或丢失的情况。
字体缩放
页面使用相对单位设置正文与标题的字号,用户在浏览器中放大或缩小字体时,内容不会溢出容器,也不会与相邻模块发生重叠。
对比度与色彩
正文文字与背景的对比度满足 WCAG AA 标准。状态标签除了使用颜色区分外,还配有文字说明,避免仅依赖颜色传达信息。
屏幕阅读器支持
导航区域、面包屑和主要内容区块都设置了恰当的 aria 标签。FAQ 手风琴使用标准的按钮语义,展开与收起状态会通过 aria-expanded 属性向辅助技术播报。
移动端适配
在手机和平板设备上,导航菜单通过汉堡按钮展开,触摸目标尺寸不小于 44 像素。页面在窄屏下采用单列布局,阅读顺序与桌面端保持一致。
持续改进
无障碍是一个需要持续投入的方向。随着频道分类和专题片单的扩充,我们会同步检查新页面的可访问性表现。如果你在使用过程中遇到任何障碍,欢迎通过常见问题页面的反馈说明告诉我们。
在浏览频道分类或查看专题片单时,如果对某个入口的可用性有疑问,可以对照观看指南中的核验流程进行确认。