菜单
×
   ❮   
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

可访问性 标题简介


在我们对语义元素的介绍中,您学会了使用标题元素。

标题是描述其后续内容的文本。

— The Paciello Group, 标题与可访问性

您可能不知道的是,标题对于可访问的导航非常重要。有视力的用户会扫描网页以了解页面结构。屏幕阅读器用户也是如此,他们使用标题来导航和扫描页面。

标题在视觉上和措辞上都必须清晰。页面的标题结构构成了页面的大纲。您可以将其视为页面的骨架。

报纸使用大量标题。The Straits Times 的头版有超过 80 个标题。

Screenshot from the front page of The Straits Times, showing a logo, the heading Top stories and an article heading.

所有这些标题构成了一个大纲。

The document outline of The Straits Times, showing a logical structure with an h1, an h2 and two h3s.

这是一个良好的文档大纲。级别设置合理。文本清晰。

在下一模块中,您将学习辅助技术和屏幕阅读器。作为预告,您应该观看 Google 的 Rob Dodson 演示使用屏幕阅读器时标题的重要性。视频的前五分钟解释了标题在屏幕阅读器中的使用。



×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持