的比较：以蓝色文本显示的链接（左）、以蓝色文本显示的下划线链接（中）以及以粗体蓝色字体显示的链接（右）
除颜色外，链接与文本的其余部分至少应有一个特征不同。（大预览） 颜色对比 链接是必不可少的交互元素，必须遵守 中东移动数据库 对比建议。WCAG 有两个级别的对比度合规性：
AA：中等，许多网站为大量受众使用； AAA：高，主要应用于政府场所和残疾人社区。 例如，AA 级别要求链接和背景之间至少保持4.5:1正常字体大小和3:1大文本的对比度。
注意：您始终可以借助在线对比度检查器或Figma 的对比度插件来检查颜色。
根据 WCAG 的两个对比度合规级别，对不同颜色对比度建议的链接进行比较 通过眼睛测量对比度并不总是有效。例如，绿色应该比蓝色更暗、更饱和才能通过要求。（大预览） 焦点状态 与所有交互组件一样，链接应该有一个可见的键盘焦点。默认情况下，所有流行的浏览器都具有嵌入式可访问焦点（您可能已经在 Google Chrome 中看到了输入字段、下拉菜单、按钮和链接周围的粗体蓝框）。不幸的是，在某些网站上，焦点被手动删除或视觉上定制，因此焦点链接看起来更不引人注目（例如淡出）。
使用下划线和彩色链接（蓝色）显示的未聚焦（左）、标准聚焦（中）和自定义聚焦（右）示例 如果您没有创建自定义焦点状态的灵感，至少保留标准焦点状态。
| 
发表于 2023-8-7 18:50:53
