无障碍设计
面向所有人的排版——WCAG 对比度标准、阅读障碍友好字体、屏幕阅读器适配与包容性设计。
无障碍设计
最小字号与触控目标：移动排版无障碍性
移动端排版需要更大的字号、宽裕的行距和适合触控的链接间距。移动文本的无障碍性要求。
无障碍设计
屏幕阅读器与排版：你需要知道的事
屏幕阅读器会忽略视觉排版，但语义化标记很重要。HTML 标题结构、语言属性和文本如何影响屏幕阅读器用户。
无障碍设计
字号无障碍性：为何字号绝不应使用 px
使用 px 设置字号会破坏视障用户的浏览器缩放功能。这里介绍为何 rem 至关重要，以及如何正确实现。
无障碍设计
深色模式排版：对比度与可读性调整
深色模式的排版需要不同的处理方式——更轻的字重、调整过的对比度，以及为保持可读性而精心选择的颜色。
无障碍设计
阅读障碍友好字体：研究真正的发现
专为阅读障碍设计的字体（如 OpenDyslexic）备受关注，但研究表明，熟悉且间距合理的无衬线体同样有效。
无障碍设计
排版的 WCAG 对比度要求
WCAG AA 要求正常文本对比度达到 4.5:1，大号文本达到 3:1。AAA 要求 7:1。这里介绍如何测试并修复你的排版对比度。
无障碍设计
无障碍排版：完全指南
排版无障碍不仅仅关乎对比度——它还涉及字体选择、字号、间距，以及对用户偏好的尊重。