辅助功能声明
今日吃瓜官网在键盘操作、屏幕阅读器与低对比度环境下提供的访问支持说明,方便不同使用习惯的访客顺畅阅读。
本页目的
辅助功能声明介绍本站为不同访问能力用户提供的操作支持。说明覆盖键盘导航、屏幕阅读器兼容、对比度与字体可读性三个方面,帮助访客判断本站是否适合自己的使用方式,并按建议调整浏览习惯。
键盘操作支持
本站主要交互均可用键盘完成,不依赖鼠标操作。
-
Tab 键顺序浏览
按 Tab 键依次聚焦导航链接、内容链接、FAQ 展开按钮与页脚入口,焦点移动顺序与页面视觉顺序一致,不会跳转到无关区域。
-
Enter 键激活链接与按钮
聚焦到链接或按钮后按 Enter 键即可打开页面或展开内容,无需额外组合键。移动端汉堡菜单同样支持键盘展开与收起。
-
Esc 键关闭下拉菜单
应季果品下拉菜单展开后,按 Esc 键可收起菜单并返回导航链接,避免焦点停留在展开层中。
-
可见焦点样式
所有可聚焦元素在键盘操作时显示清晰的焦点轮廓,不会因样式隐藏而无法判断当前位置。
屏幕阅读器与语义结构
页面使用语义化标签组织内容,读屏软件可正确识别区块层级。
-
语义标签划分区块
页面使用 header、nav、main、section、article、footer 等语义标签,读屏用户可快速跳转到目标区域,不必逐行浏览全文。
-
标题层级清晰
每页只保留一个 H1,栏目标题按 H2、H3 顺序嵌套,标题文字与实际内容对应,不会出现标题与正文脱节的情况。
-
图片替代文字
站内图片均填写与内容相关的 alt 文字,读屏用户可通过替代文字理解图片所传达的信息,而非听到无意义的文件名。
对比度与字体可读性
文字与背景的对比关系经过设计,保证不同光线环境下均可阅读。
-
正文对比度
正文字色采用深墨色,背景使用米白纸张色,两者对比度满足日常阅读需求,不依赖高亮度屏幕也能看清内容。
-
字体与行距
正文使用系统默认中文字体,字号 16px、行高 1.8,长段落阅读时不易串行。标题与正文之间保留足够的间距。
-
低对比度环境适配
栏目色块仅用于分区提示,不承载关键信息。即使色彩辨识有差异,仍可通过标题文字与内容结构理解页面。