Τα στοιχεία τμηματοποίησης διαιρούν μια σελίδα σε ουσιαστικές περιοχές. Αρκετά από αυτά αντιστοιχούν σε ARIA landmarks — ονοματισμένες περιοχές που η τεχνολογία υποβοήθησης επιτρέπει στους χρήστες να μεταπηδούν, όπως ένας πίνακας περιεχομένων για τη σελίδα.
...
Details
...
...
Οι χρήστες αναγνωστών οθόνης μπορούν να πατήσουν ένα πλήκτρο για να παραθέσουν landmarks και να μεταπηδήσουν απευθείας στο <main>, παραλείποντας επαναλαμβανόμενες κεφαλίδες και πλοήγηση. Αυτό είναι ένα σημαντικό κέρδος απόδοσης — οι σημασιολογικές ετικέτες το παρέχουν αυτόματα, δεν χρειάζεται ARIA.
<article> — περιεχόμενο που έχει νόημα από μόνο του και θα μπορούσε να διανεμηθεί: ένα άρθρο ιστολογίου, μια κάρτα προϊόντος, ένα σχόλιο.<section> — μια θεματική ομαδοποίηση εντός ενός εγγράφου, συνήθως με τη δική της κεφαλίδα. Όχι ανεξάρτητη.<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
Κανόνας: αν θα μπορούσε να υπάρχει μόνο του, είναι <article>· αν είναι απλώς ένα επονομαστό κομμάτι ενός μεγαλύτερου συνόλου, είναι <section>. Μην χρησιμοποιείτε <section> αποκλειστικά ως styling wrapper — για αυτό υπάρχει το <div>.
Η χρήση των σωστών στοιχείων τμηματοποίησης σας δίνει δωρεάν, ισχυρά landmarks για πλοήγηση πληκτρολογίου/αναγνώστη οθόνης και ένα σαφές document outline — βελτίωση της προσβασιμότητας και SEO χωρίς πρόσθετα χαρακτηριστικά ARIA.