Html WAVE辅助工具:非常小的文本-是否可以避免此警告,但保持字体大小不变?

Html WAVE辅助工具:非常小的文本-是否可以避免此警告,但保持字体大小不变?,html,css,accessibility,wave,Html,Css,Accessibility,Wave,有一段代码在页面上显示微小的“8px文本”,而不是引导图标 <a href="someurl"><span class="small-text-as-an-image">8px text</span></a> 此文本不应视为眼睛的文本,但请将其视为图像 如何避免WAVE accessibility警告此文本非常小 第一个选项是将此文本设置为图像。JPEG或任何图像。好吗?我不这么认为 第二个选项是使用css preudoclass+apply

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

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

此文本不应视为眼睛的文本,但请将其视为图像

如何避免WAVE accessibility警告此文本非常小

  • 第一个选项是将此文本设置为图像。JPEG或任何图像。好吗?我不这么认为
  • 第二个选项是使用css preudoclass+apply

    .作为图像的小文本:之后{ 内容:“8px文本”; }

  • 看起来第二种选择是可行的(同样使用JAWS进行测试,似乎JAWS也尊重这个解决方案并宣布了它)

    然而,这个解决方案也不是完美的,因为将网站翻译成2+种语言会引起问题:尽可能避免在css中使用文本

    WAVE易访问性工具是否有任何好的解决方案可以避免此警告,并将其作为“8px文本”阅读

    多谢各位

    
    
    此文本不应视为眼睛的文本,但请将其视为图像

    此文本是链接中唯一的内容。因此,它不能被视为一个装饰性的形象

    • 它缺少一些替代方案(例如使用
      aria标签
    • 它应该是可感知的
    • 它可能足够大,可以点击(使用CSS)(请参阅)
    
    
    此文本不应视为眼睛的文本,但请将其视为图像

    此文本是链接中唯一的内容。因此,它不能被视为一个装饰性的形象

    • 它缺少一些替代方案(例如使用
      aria标签
    • 它应该是可感知的
    • 它可能足够大,可以点击(使用CSS)(请参阅)

    这只是一个警告,因此没有必要首先“避免”它。如果有足够的理由,决定忽略警告没有什么错。这些工具旨在帮助您发现潜在的问题,它们不是一个上帝般的实体,您必须不惜一切代价“取悦”它们。“然而,这个解决方案也不是完美的,因为将网站翻译成2+种语言会导致问题”-如果一开始不必是可读的文本,那么翻译怎么会成为一个问题呢?@misorude请把它当作另一个“形象”来展示给来自其他国家的人。就像小盾徽上的一个小文字。它只是一个警告,所以首先不需要“避免”它。如果有足够的理由,决定忽略警告没有什么错。这些工具旨在帮助您发现潜在的问题,它们不是一个上帝般的实体,您必须不惜一切代价“取悦”它们。“然而,这个解决方案也不是完美的,因为将网站翻译成2+种语言会导致问题”-如果一开始不必是可读的文本,那么翻译怎么会成为一个问题呢?@misorude请把它当作另一个“形象”来展示给来自其他国家的人。就像小纹章上的小文字。
    <a href="someurl"><span class="small-text-as-an-image">8px text</span></a>