假设您正在构建一个网站，并且您正在与设计师合作。他们会向您提供一些可靠的设计，您也已准备好开始。您还是一位尽职尽责的前端开发人员，并且希望确保您构建的网站可访问。您正在使用的设计包含一些正文内容，但您注意到正文中的链接缺少下划线。
您现在身处 对比三角形。
“三角形”指的是三方比较
- 背景和文本之间的对比
- 背景和链接之间的对比
- 文本和链接之间的对比
我认为这与您是否为链接添加下划线有关，但我认为如果没有下划线，问题会更严重。
我还要说，这个问题实际上更加复杂。您还需要考虑文本被选中时的状态，并确保在这种情况下所有内容都具有对比度。还有悬停状态、活动状态、访问状态和焦点状态。所以它实际上就像对比度的六边形或其他什么东西。
长长的带下划线的文本行真的很难阅读！这是一个无障碍的难题。还建议链接实际上说明它是什么，即：在文本中包含“点击此处”或类似的操作。
我一直被教导相反的观点，即链接永远不应该说“点击此处”，而应该描述其内容。所以，而不是
要查看教程，<a>点击此处</a>。它应该是
<a>查看教程</a>。抱歉对此迟到了四天 - 但感谢 Chris 的推荐！该工具本身的链接是 https://contrast-triangle.com/ - 希望它能帮助大家！