WAVE辅助功能工具：很小的文字-是否可以避免此警告，但保持字体大小不变？

Question

有一段代码在页面上显示了很小的“ 8px文本”，而不是引导图标。

<a href="someurl"><span class="small-text-as-an-image">8px text</span></a>

此文字不应视为眼睛的文字，但请视为图片。

如何避免WAVE辅助功能警告此文本很小？

1. 第一个选项是使此文本成为图像。 JPEG或任何图像。好吗？我不这么认为。

2. 第二个选项是使用CSS preudoclass + apply

   .small-text-as-an-image：{之后         内容：“ 8px文字”； }

第二种选择似乎是可行的方法（也已通过JAWS进行了测试，似乎JAWS也尊重该解决方案并宣布了此解决方案）。

但是，该解决方案也不完美，因为将网站翻译成2种以上的语言会引起问题：应尽可能避免在CSS中使用文本。

有什么好的解决方案，WAVE可访问性工具可以避免此警告，并且读者也将其阅读为“ 8px文字”？

谢谢。

Answer 1

<a href="someurl"><span class="small-text-as-an-image">8px text</span></a>

     

此文字不应视为眼睛的文字，但请视为图片。

此文本是链接内唯一的内容。因此不能将其视为装饰性图像

• 它缺少其他选择（例如，使用aria-label）
• 应该可以察觉
• 它可能足够大，可以被点击（使用CSS）（请参见target size）