องค์ประกอบการแบ่งส่วนแบ่งหน้าเว็บออกเป็นภูมิภาคที่มีความหมาย องค์ประกอบหลายตัวจึงแมปไปยัง ARIA จุดสังคেต — ภูมิภาคที่มีชื่อซึ่งเทคโนโลยีเพื่อการช่วยเหลือให้ผู้ใช้ข้ามไปได้ เช่นสารบัญสำหรับหน้า
...
Details
...
...
ผู้ใช้ screen reader สามารถกดปุ่มเพื่อแสดงรายการจุดสังคेตและข้ามไปที่ <main> ได้โดยตรง ข้ามส่วนหัวและการนำทางที่ซ้ำๆ นี่คือการเพิ่มประสิทธิภาพที่สำคัญ — แท็ก semantic ให้สิ่งนี้โดยอัตโนมัติ ไม่จำเป็นต้องใช้ ARIA เพิ่มเติม
<article> — เนื้อหาที่สมควร ด้วยตัวมันเอง และสามารถซินดิเคต: โพสต์บล็อก การ์ดสินค้า ความเห็น<section> —การจัดกลุ่มตามหัวข้อ ภายใน เอกสาร มักมีหัวข้อของตัวเอง ไม่เป็นอิสระ<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
กฎทั่วไป: ถ้ามันยืนได้เพียงลำพัง นั่นคือ <article>; ถ้ามันเป็นเพียงส่วนที่มีป้ายกำกับของสิ่งที่ใหญ่กว่า นั่นคือ <section> อย่าใช้ <section> เพียงแค่เป็นตัวห่อสไตล์ — นั่นคือสิ่งที่ <div> ใช้
การใช้องค์ประกอบการแบ่งส่วนที่ถูกต้องช่วยให้คุณได้จุดสังคेตที่ฟรี และแข็งแกร่งเพื่อการนำทางโดยแป้นพิมพ์/screen reader และโครงร่างเอกสารที่ชัดเจน — ปรับปรุงการเข้าถึงและ SEO โดยไม่ต้องใช้แอตทริบิวต์ ARIA เพิ่มเติม