Εισαγωγικές σημειώσεις
Οι πίνακες είναι πολύ δύσκολο να προβληθούν σε μικρές συσκευές και δύσκολο για τους κατασκευαστές ιστοτόπων να εφαρμοστούν με τρόπους που δεν παραβιάζουν τη διάταξη της σελίδας. Αυτός ο προσαρμόσιμος σχεδιασμός του πίνακα εμφανίζεται σωστά σε οθόνες αρκετά πλατύ. Δηλαδή, χωρίς να περιορίζει την προβολή του σε έναν μόνο προσανατολισμό οθόνης, όπως κατακόρυφο ή οριζόντιο.
Τώρα, όταν η οθόνη είναι πολύ μικρή για να εμφανίζεται οριζόντια ο πίνακας μπορεί να συμπτύσσεται σε μορφή λίστας. Σε αυτό το παράδειγμα όταν η οθόνη είναι πολύ μικρή επικρατεί ο πίνακας τα χαρακτηριστικά του. Ο πίνακας είναι πλήρως προσαρμοσμένος να λειτουργεί σωστά τόσο στον κατακόρυφο όσο και στον οριζόντιο προσανατολισμό. Επίσης, ικανοποιείται το κριτήριο επιτυχίας 1.3.4 Προσανατολισμός (Επίπεδο AA).
Έτσι, έχει ο χρήστης τη δυνατότητα να ρυθμίζει δυναμικά τον προεπιλεγμένο προσανατολισμό της οθόνης με βάση τις πληροφορίες του αισθητήρα. Επίσης, και ο πίνακας αυτής της σελίδας δεν περιορίζει τον προσανατολισμό του περιεχομένου. Διασφαλίζοντας ότι ταιριάζει πάντα με τον προσανατολισμό εμφάνισης της συσκευής του.
Παράδειγμα για προσαρμόσιμο πίνακα
Ο ακόλουθος πίνακας είναι έτσι κατασκευασμένος, ώστε να διασφαλίζει ότι ταιριάζει πάντα με τον προσανατολισμό εμφάνισης της συσκευής. Επίσης, θα βρείτε στον ακόλουθο πίνακα πληροφορίες σχετικά των στοιχείων που χρησιμοποιούνται για την ορθή κατασκευή ενός πίνακα.
| Στοιχείο | Περιγραφή | Προκαθορισμένη 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" |
Κατέβασμα των πόρων
Το εκπαιδευτικό υλικό που είναι αναρτημένο και διαθέσιμο δωρεάν στην ιστοσελίδα αυτή, έχει σκοπό τη διαμόρφωση ενός κατασκευαστή προσβάσιμων ιστοτόπων, ο οποίος να κατέχει σημαντικές γνώσεις και δεξιότητες σχετικά της προσβασιμότητας και να τις αξιοποιεί στην πράξη.
Επίσης, να γνωρίζει τις βασικές τεχνικές της κατασκευής ιστοσελίδων με έμφαση την προσβασιμότητα. Αλλά και να προβληματίζετε πάνω σε αυτές, αναστοχαζόμενος κριτικά γύρω από το δικό του τρόπο κατασκευής ιστοσελίδων.
Αυτές αποτελούν σημαντικές τεχνικές για τη διαφοροποίηση της κατασκευής και την εξυπηρέτηση χρηστών με ειδικές ανάγκες [ΑμεΑ]. Τώρα, ακολουθεί σύνδεσμος για το κατέβασμα των πόρων σχετικά του προσαρμόσιμου πίνακα. Κατέβασμα των πόρων για τον προσαρμόσιμο πίνακα. Σε μορφή ZIP