Οι αρχές POUR: Τα θεμέλια της προσβασιμότητας ιστού

Όλες οι απαιτήσεις του WCAG βασίζονται σε τέσσερις θεμελιώδεις αρχές. Αν κατανοήσετε αυτές τις αρχές σε βάθος, μπορείτε συχνά να εντοπίσετε προβλήματα προσβασιμότητας διαισθητικά. Αυτές οι τέσσερις αρχές — Αντιληπτό (Perceivable), Λειτουργήσιμο (Operable), Κατανοητό (Understandable) και Εύρωστο (Robust) — ορίζουν τις θεμελιώδεις προϋποθέσεις για προσβάσιμο περιεχόμενο.

Αντιληπτό: Οι χρήστες πρέπει να μπορούν να αντιληφθούν το περιεχόμενο

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

Στην πράξη: Ένα διαφημιστικό banner χρειάζεται alt text. Ένα εκπαιδευτικό βίντεο χρειάζεται υπότιτλους. Το κείμενο χρειάζεται επαρκή αντίθεση. Μια φόρμα με κόκκινο περίγραμμα σφάλματος χρειάζεται επίσης κειμενικό μήνυμα.

Συνηθισμένα σφάλματα: Εικόνες χωρίς alt text. Βίντεο χωρίς υπότιτλους. Ανεπαρκής αντίθεση. Πληροφορίες μόνο μέσω χρώματος.

Λειτουργήσιμο: Οι χρήστες πρέπει να μπορούν να χειριστούν τη διεπαφή

Αυτή η αρχή διασφαλίζει ότι οι χρήστες μπορούν να αλληλεπιδράσουν με κάθε στοιχείο και να πλοηγηθούν σε κάθε περιεχόμενο, ανεξάρτητα από τον τρόπο αλληλεπίδρασής τους.

Στην πράξη: Ένα dropdown menu πρέπει να ανοίγει και με πληκτρολόγιο. Ένα session timeout πρέπει να προειδοποιεί τον χρήστη. Ένα slideshow πρέπει να έχει controls παύσης. Τα αλληλεπιδραστικά στοιχεία πρέπει να είναι αρκετά μεγάλα.

Συνηθισμένα σφάλματα: Στοιχεία που ανταποκρίνονται μόνο σε κλικ ποντικιού. Παγίδες πληκτρολογίου. Έλλειψη skip links. Χρονικοί περιορισμοί χωρίς παράταση.

Κατανοητό: Οι χρήστες πρέπει να κατανοούν περιεχόμενο και διεπαφή

Αυτή η αρχή διασφαλίζει ότι τόσο η πληροφορία όσο και ο τρόπος λειτουργίας της διεπαφής είναι κατανοητά.

Στην πράξη: Σελίδα στα ελληνικά με lang="el". Συνεπής πλοήγηση σε κάθε σελίδα. Σαφής αναγνώριση και πρόταση διόρθωσης σφαλμάτων φόρμας. Προειδοποίηση πριν από σημαντικές ενέργειες.

Συνηθισμένα σφάλματα: Ελλιπείς δηλώσεις γλώσσας. Ασυνεπής πλοήγηση. Επικύρωση φόρμας χωρίς εξήγηση. Αυτόματες αλλαγές πλαισίου.

Εύρωστο: Το περιεχόμενο πρέπει να λειτουργεί σε κάθε τεχνολογία

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

Στην πράξη: Σωστοί ρόλοι και καταστάσεις ARIA σε προσαρμοσμένα widgets. ARIA live regions για δυναμικές ενημερώσεις. Μηνύματα κατάστασης μέσω κατάλληλων ρόλων.

Συνηθισμένα σφάλματα: Widgets χωρίς ARIA. Μηνύματα μόνο οπτικά. Εσφαλμένη χρήση ARIA. Κώδικας που λειτουργεί μόνο σε ένα πρόγραμμα περιήγησης.

Χρησιμοποιήστε το POUR ως σχεδιαστική αρχή

Για κάθε περιεχόμενο ή λειτουργικότητα, κάντε τέσσερις ερωτήσεις: Μπορούν όλοι οι χρήστες να το αντιληφθούν; Μπορούν όλοι να το χειριστούν; Μπορούν όλοι να το κατανοήσουν; Θα λειτουργήσει σε κάθε σχετική τεχνολογία; Αν η απάντηση σε οποιαδήποτε ερώτηση είναι αρνητική, έχετε εντοπίσει ένα εμπόδιο προσβασιμότητας.