#Παράδειγμα: Προσαρμόσιμος πίνακας

Ο ακόλουθος πίνακας είναι έτσι κατασκευασμένος, ώστε να διασφαλίζει ότι ταιριάζει πάντα με τον προσανατολισμό εμφάνισης της συσκευής. Επίσης, θα βρείτε στον ακόλουθο πίνακα πληροφορίες σχετικά των στοιχείων που χρησιμοποιούνται για την ορθή κατασκευή ενός πίνακα.

Προσαρμοσμένος πίνακας
Στοιχείο Περιγραφή Προκαθορισμένη ARIA σήμανση
table Το στοιχείο <table> σηματοδοτεί την έναρξη και λήξη του περιεχομένου του πίνακα. role="table"
caption Η επεξήγηση για έναν πίνακα. Λειτουργεί ως ένας τίτλος ή επικεφαλίδα για τον πίνακα. role="caption"
tr Κάθε γραμμή ξεκινά με στοιχείο <tr> που σημαίνει tablerow role="row"
th Το στοιχείο <th> χρησιμοποιείται για τον προσδιορισμό των επικεφαλίδων και σημαίνει tableheader role=columnheader ή rowheader
td Κάθε κελί δεδομένων οριοθετείται με το στοιχείο <td> που σημαίνει tabledata role="cell"
tbody Επισήμανση του σώματος ενός πίνακα. <tbody> σημαίνει tableboby role="rowgroup"
thead Αυτό το στοιχείο ενσωματώνει ένα σύνολο γραμμών πίνακα (<tr> και <th>), υποδεικνύοντας ότι αποτελούν την κεφαλή ενός πίνακα με πληροφορίες σχετικά με τις στήλες του πίνακα. <thead> σημαίνει tablehead role="rowgroup"
tfoot Επισήμανση του κάτω τμήματος ενός πίνακα. <tfoot> σημαίνει tablefoot role="rowgroup"