我正计划在我的网站上使用不受材料启发的设计，而无需使用框架。如何在不牺牲AAA色彩对比度的情况下使用诸如按钮波纹和高程之类的标志性材料？
我想使用this codepen中的.gmd-2材质阴影。它使用两个阴影，一个阴影的颜色为rgba（0，0，0，0.16），另一个阴影的颜色为rgba（0，0，0，0.23），根据阴影{ {3}}。
我想使用https://contrast-ratio.com，它是波纹色rgba（255,255,255,0.4），即使黑色也不能通过AAA。
答案 0 :(得分：1)
您应该测量文本的颜色对比度，而不是块的阴影。
确保所有文本元素在前景色和后景色之间具有足够的色彩对比度。
https://dequeuniversity.com/rules/axe/3.1/color-contrast?application=AxeChrome
使用权限可访问性测试工具https://chrome.google.com/webstore/detail/axe/lhdoppojpmngadmnindnejefpokejbdd