有什么办法可以避免在WAVE可访问性工具上出现此警告（文本太小），但保持字体大小不变？

Question

我的HTML：

<p id="text">test</p>

我的CSS：

#test {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.7em;
  text-align: center;
}

如何避免在WAVE辅助工具上出现此警告？这是保持本文较小的一项要求。

Answer 1

简短答案

没有。

中等答案

不可以，也不要尝试避免警告，您应该修复它们。

长答案

没有。

发出此警告是因为视力低下的人们难以阅读微小的字体。（甚至那些拥有理想视力的人也不需要斜视阅读内容-四周都是糟糕的用户体验！）

You shouldn't try to fix warnings, you should address the problem.

If there is a requirement to keep text small it is the requirement that needs changing.

Either adjust the design to incorporate large text if the layout isn't large enough to fit the text at a larger size (1 rem minimum size) or change the brief and explain why the text needs to be larger if it is a spec requirement.

If it is a layout issue you also have to bear in mind that by using em units you already have to accommodate larger text as the user may have their browser font size set to very large and em units will scale in relation to that.