WAVE 辅助功能工具：非常小的文本 - 是否可以避免此警告，但保持字体大小不变？
WAVE accessibility tool: Very small text - is it possible to avoid this warning, but keep the font size unchanged?
有一段代码在页面上显示微小的“8px 文本”而不是 bootstrap 图标。
<a href="someurl"><span class="small-text-as-an-image">8px text</span></a>
请勿将此文字视为视觉文字，请将其视为图片。
如何避免 WAVE 提示文本太小的辅助功能警告？
- 第一个选项是将这段文字制作成图片。 JPEG 或任何图像。好吗？我不这么认为。
第二种选择是使用css preudoclass + apply
.small-text-as-an-image:after {
内容：“8px文字”；
}
看起来第二个选项是可行的方法（也用 JAWS 进行了测试，JAWS 似乎也尊重这个解决方案并宣布它）。
然而，这个解决方案也不完美，因为将网站翻译成 2 种以上的语言会导致问题：应尽可能避免使用 css 中的文本。
有什么好的解决方案可以让 WAVE 可访问性工具避免此警告并且读者将其阅读为“8px 文本”？
谢谢。
<a href="someurl"><span class="small-text-as-an-image">8px text</span></a>
This text should not be treated as a text for eyes, but please treat it as an image.
本文是link中唯一的内容。所以不能当作装饰图
- 它缺少一些替代方案（例如使用
aria-label），
- 应该是可以感知的
- 它可能足够大，可以点击（使用 CSS）（参见 target size）
有一段代码在页面上显示微小的“8px 文本”而不是 bootstrap 图标。
<a href="someurl"><span class="small-text-as-an-image">8px text</span></a>
请勿将此文字视为视觉文字，请将其视为图片。
如何避免 WAVE 提示文本太小的辅助功能警告？
- 第一个选项是将这段文字制作成图片。 JPEG 或任何图像。好吗？我不这么认为。
第二种选择是使用css preudoclass + apply
.small-text-as-an-image:after { 内容：“8px文字”； }
看起来第二个选项是可行的方法（也用 JAWS 进行了测试，JAWS 似乎也尊重这个解决方案并宣布它）。
然而，这个解决方案也不完美，因为将网站翻译成 2 种以上的语言会导致问题：应尽可能避免使用 css 中的文本。
有什么好的解决方案可以让 WAVE 可访问性工具避免此警告并且读者将其阅读为“8px 文本”？
谢谢。
<a href="someurl"><span class="small-text-as-an-image">8px text</span></a>This text should not be treated as a text for eyes, but please treat it as an image.
本文是link中唯一的内容。所以不能当作装饰图
- 它缺少一些替代方案（例如使用
aria-label）， - 应该是可以感知的
- 它可能足够大，可以点击（使用 CSS）（参见 target size）