网页中 br 标签用于段落间距时对可访问性的影响

br 标签用于段落间距的常见做法

运营者常使用 br 标签在段落之间制造视觉上的空白，以替代 p 标签或 CSS margin 属性。这种做法在视觉上能快速调整行间距，但会破坏 HTML 的语义结构。br 元素的设计初衷是用于诗歌、地址等需要强制换行的场景，而非控制段落间的距离。

在代码层面，br 标签属于空元素，没有内容，也没有 dimensions 或 visual output。它只能产生换行，无法像 p 标签那样代表一个独立的文本块。如果用 br 代替 p 来构建段落，文档结构将变得扁平，无法体现文本的逻辑分段。

屏幕阅读器在读取 br 标签时，会识别其存在，但无法识别标签内部包含的内容。br 标签本身不承载文本信息，因此屏幕阅读器无法向用户传达段落之间的语义关系。这种处理方式会导致用户听到连续的文本流，而无法感知段落之间的停顿或分隔。

对于依赖键盘导航或屏幕阅读技术的用户，br 标签造成的混乱会严重影响阅读体验。用户可能无法快速定位到新的段落，或者在阅读长文时感到困惑。这种技术实现上的缺陷，使得 br 标签在段落间距控制上存在严重的可访问性问题。

控制段落间距应使用 CSS 的 margin 属性，而不是 br 标签。p 标签本身具有段落语义，配合 margin 属性可以精确控制段落之间的距离。这种方法既保持了 HTML 的语义化，又能通过 CSS 实现灵活的样式调整。

CSS 的 line-height 属性是专门为控制行高设计的，也可以用于调整段落内部的行间距。将 br 标签用于段落间距不仅违背了 HTML 的设计初衷，还会带来可访问性风险。使用 p 标签和 CSS 属性是符合技术规范且对用户友好的做法。

使用浏览器的开发者工具检查元素，确认段落是否由 p 标签包裹，而非 br 标签。在开发者工具的 Elements 面板中，选中段落元素，查看其标签名称和样式属性。如果发现段落由 br 标签组成，应立即将其替换为 p 标签。

使用屏幕阅读器测试页面，朗读文本内容，检查是否能正确识别段落分隔。如果屏幕阅读器将所有文本视为一个连续的流，或者无法识别段落结构，说明段落间距设置存在问题。正确的设置应使屏幕阅读器能够清晰地区分不同的段落。