颜色和对比度
常规尺寸的文本（包括文本图像）的颜色对比度必须为 4.5:1。
大尺寸文本（18pt / 24px 或 14pt / 18.5px 粗体）和基本图标的颜色对比度必须为 3:1。
要了解颜色对比度，请使用 google Chrome 的 DevTools 颜色选择器。
在图形、图表和表格中的颜色旁边添加额外的标识符，例如图案、文本或图标，以增强所有用户对内容的理解。
使用 @prefers-color-scheme 创建深色主题。
创建高对比度主题@prefers-contrast。
动画和运动
闪烁和移动的内容
请勿包含任何在一秒内闪烁超过 3 次的任何内容。
低于一般闪光和红色闪光阈值的闪光。
暂停、停止或隐藏运动
在页面中添加暂停、停止或隐藏机制，以允许用户关闭可能有问题的运动动画。
可以在屏幕级别或元素级别执行此操作。
使用媒体查询
在 @prefers-reduced-motion 媒体查询的帮助下，检查与尊重这些偏好的动画和设计网站相关的用户操作系统设置。
版式
创建无障碍设计的最快方法是选择通用字体（例如 Arial、Times New Roman、Calibri、Verdana 等）。
避免使用华丽或手写的字体，以及只有一种字符大小写的字体（例如，只有大写字符）。
当您寻找字体时，请特别注意以下几点：
尽可能使用常用字体。避免使用复杂或手写的字体以及只有一种字符大小写的字体。选择具有独特特征的字体 – 特别注意大写 I、小写 l 和 1。检查某些字母组合，确保它们不是彼此的精确镜像。检查字偶距，尤其是 r 和 n 字母对之间。
字体大小和排版样式
基本字体大小应使用相对值（%、rem 或 em）定义，以允许调整大小。
限制字体变化的数量，例如颜色、粗体、全部大写和斜体，以提高可读性。相反，使用方法来强调副本中的单词，例如星号、破折号或突出显示单个单词。
尽可能在图像上使用标记而不是文本。屏幕阅读器无法读取图像上的嵌入文本（无需添加额外代码），并且嵌入文本在被弱视用户放大时也会变得像素化。
结构及布局
关键元素应该彼此不同，相似的元素应该分组在一起。
间距
文本块应保持狭窄，以提高可读性并帮助残障读者更轻松地理解内容。
内容对齐
避免对齐文本，因为间距不均匀会影响可读性，尤其是对于残疾人而言。它还会扭曲单词间距，使单词边界难以识别。
间距和良好行高和黄金比例计算器等工具可帮助使副本更易于访问。
结构和布局的最佳实践
使用标题、副标题、列表、数字、引用块和其他视觉分组等元素将页面分成几个部分。
使用明确定义的段落、句子和单词间距。
构建宽度小于 80 个字符的文案列（语标为 40 个字符）。
避免段落对齐，这会在文案中产生“空间之河”。
以上就是无障碍 (a) 规则 – 4的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2650784.html
