将文本直接放在 <div> 中是否会影响可访问性?

Does putting text directly in a <div> have accessibility implications?

一般来说,我尝试使用语义 html 来提高可访问性。但是,我在现有代码库中工作,注意到布局中使用的许多单行文本直接放在 <div> 标签中,以避免 <p> 标签附带的底部边距。

<div>Team Average is 20%.</div>

这对可访问性有直接影响吗?如果有,影响是什么?使用 <p> 标签并为每个标签添加样式规则以消除底部边距是否会产生明显的可访问性优势? (我知道我可以通过 CSS 将 p 元素设置为没有填充,但由于这是一个现有的代码库,所以这不是一个选项。)

我也意识到我应该尽可能使用 更多 语义 html;这只是在没有更具体适用的情况下。

W3Cschools 表示“任何类型的内容都可以放入标签中!” (https://www.w3schools.com/tags/tag_div.ASP) 根据我的经验,没有与此相关的可访问性问题。

DIV 用于 space 的划分,其内容没有规定,但设计时最好在 if.html 中包含 html 元素。

如果您担心可访问性规则,我建议您使用以下工具检查您的网站:

如果是单行文字,那就没问题了。 如果文本超过 1 段,则应使用 <p> 标签。

根据我的经验,辅助技术会更好地发挥作用,当文本放在段落标记中时页面会更易于理解,而不是 divs。

Div 似乎更像是原始文本。如果 div 使用换行符来模拟段落,那么访问者将无法在不听整个 div.

内容的情况下轻松跳过段落或在段落之间移动。

使用 divs 代替段落标签绝对不是最佳选择。它是否是 failure of WCAG 1.3.1 是有争议的。如果改起来比较容易,还是改一下比较好。