无障碍
本站的目标是人人可读、人人可用。标准是 WCAG 2.2 AA,合规性经过测量。
这在实践中意味着:
- 对比度经过测量,并由构建系统强制执行。每次生成站点时,每一种文字与控件颜色都会对照 AA 阈值(文字4.5:1,交互边框3:1)进行校验;任何一对颜色不达标,构建即失败而不会发布。当前测量值公布于下方。
- 深色与浅色主题。切换开关位于每页顶部与底部(手机上在菜单与页脚中),您的选择会保存在本设备上。
- 完整的键盘操作。一切均可用 Tab 到达,全程有可见的焦点轮廓,每页第一站是跳到正文的快捷链接。
- 动效尊重您的系统设置。站内唯一的动画会在系统要求减少动效时关闭。
- 屏幕阅读器可用的结构。地标、单一的标题层级、每个表单字段都有标签、每张承载信息的图形都有文字替代。
- 四种语言。英语、葡萄牙语、西班牙语和中文,可在每页顶部与底部切换。这不是 WCAG 的要求 — 是待客之道。
- 不使用悬浮小组件。无障碍内建于页面本身。
公开的算术
以下是本站实际渲染的颜色组合,在构建时从设计令牌中测得。WCAG AA 要求文字达到4.5:1、标识控件的边框达到3:1。任何一行低于阈值,构建系统都会拒绝发布 — 因此这张表对您正在阅读的页面为真。
| 样本 | 颜色对 | 主题 | 实测 | 阈值 |
|---|---|---|---|---|
--ink / --ground | light | 17.91:1 | 4.5:1 · 通过 | |
--ink-soft / --ground | light | 9.37:1 | 4.5:1 · 通过 | |
--ink-faint / --ground | light | 4.91:1 | 4.5:1 · 通过 | |
--brass / --ground | light | 5.36:1 | 4.5:1 · 通过 | |
--ink / --surface | light | 16.18:1 | 4.5:1 · 通过 | |
--ink-soft / --surface | light | 8.46:1 | 4.5:1 · 通过 | |
--ground / --brass | light | 5.36:1 | 4.5:1 · 通过 | |
--ink / --track | light | 13.90:1 | 4.5:1 · 通过 | |
--control / --ground | light | 3.66:1 | 3.0:1 · 通过 | |
--control / --surface | light | 3.31:1 | 3.0:1 · 通过 | |
--ink / --ground | dark | 17.91:1 | 4.5:1 · 通过 | |
--ink-soft / --ground | dark | 7.02:1 | 4.5:1 · 通过 | |
--ink-faint / --ground | dark | 4.83:1 | 4.5:1 · 通过 | |
--brass / --ground | dark | 4.75:1 | 4.5:1 · 通过 | |
--ink / --surface | dark | 16.44:1 | 4.5:1 · 通过 | |
--ink-soft / --surface | dark | 6.44:1 | 4.5:1 · 通过 | |
--ground / --brass | dark | 4.75:1 | 4.5:1 · 通过 | |
--ink / --track | dark | 14.47:1 | 4.5:1 · 通过 | |
--control / --ground | dark | 3.41:1 | 3.0:1 · 通过 | |
--control / --surface | dark | 3.13:1 | 3.0:1 · 通过 |
测量改变了什么
2026年8月23日,调色板首次接受测量,三处不达标被修正:深色主题的注释灰为3.33:1(#6E6A64),提升至4.83:1(#8A847B);浅色主题的同一灰为4.25:1(#807A72),加深至4.91:1(#767066);表单字段没有3:1的边框,于是在两个主题中引入了专用边框色。品牌的黄铜色在两种底色上均原样通过。
如果本站的任何部分让您使用困难,那就是一个缺陷:请写信至torsten@8020.kitchen,或使用咨询表单,我们会修正它。
声明审阅于2026年8月26日。