这篇文章中的主要观点是，屏幕阅读器并不总是按照 CSS 中的样式读取内容。再加上并非所有屏幕阅读器都以相同的方式朗读或读取标记，并且它们在不同浏览器中呈现内容的方式也存在差异，结果就会变得……嗯，有所不同。有点像跨浏览器测试 CSS，但用语音来进行。
要点
- 不同的屏幕阅读器/浏览器组合的行为不同
- DOM 顺序至关重要
- 容器仅用于视觉效果
第一点至关重要。例如，请注意不要使用<sup>来为价格设置样式，而应使用美元和美分之间的正确小数点，因为某些屏幕阅读器会将其读取为一个整数。等等，你的意思是价格是 12.99 美元而不是 1,299 美元？ 呼。😅