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

问题描述 投票:0回答:1

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

<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:在{content:“8px text”之后; }

看起来第二种选择是可行的方式(也可以使用JAWS测试,看起来像JAWS也尊重这个解决方案并发布它)。

然而,就将网站翻译成2种以上语言而言,这种解决方案也不完善会导致问题:应尽可能避免使用css中的文本。

WAVE辅助功能工具的任何好解决方案都会避免此警告,读者也会将其读作“8px文本”吗?

谢谢。

html css accessibility wave
1个回答
2
投票
<a href="someurl"><span class="small-text-as-an-image">8px text</span></a>

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

此文本是链接中的唯一内容。所以它不能被视为装饰图像

  • 它没有一些替代品(例如使用aria-label),
  • 它应该是可感知的
  • 它可能足够大,可以点击(使用CSS)(参见target size
© www.soinside.com 2019 - 2024. All rights reserved.