分割线

为什么不是 3:1

WCAG 1.4.11 要求 3:1 的是有意义的界面部件：按钮的边界、输入框的框、图标。 规范原文把「纯装饰」和「不影响理解」的东西明确排除在外，段落之间那条分隔线就是这一类。 拿 3:1 卡它，只会逼出一排黑线。

但它也不能淡到看不见，看不见的线不如不画。这个站的门槛是 :1， 跟配色工作台判分隔线用的同一个数。这是建议不是规范，界面上就这么标。 按这个数，黑线压白至少 α = ； 常见的 rgba(0,0,0,.08) 成色 ， 对白只有 ，差一点。 这个站自己的 --border 在白底上 ， 深色那套在 #101116 上 ，都过了。

动手

深色下

深色底上的线是白的半透明，最小 α 跟浅色不一样：白线压 #101116 至少 。两套各算各的，导出的 CSS 已经是两个实色， 深色规则成对写好了。别把浅色那个 α 抄过去，也别用同一个 hex。

线，还是留白

能用留白分开的就别画线，这条是口味，不是数。但有一个能算的部分：一条线占的是视觉上的一次打断， 留白占的是空间。列表项之间、表格行之间这种密集重复的地方，线比留白省地方； 段落和区块之间，留白通常够了。这一页不替你定，只保证你画的那条线看得见。