A11y WCAG Τεστ Λίστα σημείων ελέγχου

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

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

Στο WCAG 2.1 ορίζονται τρία επίπεδα συμμόρφωσης . Στο Α (χαμηλότερο), στο ΑΑ και στο ΑΑΑ (υψηλότερο). Επίσης, καθορίζει ένα σύνολο κριτηρίων επιτυχίας για τον ορισμό της συμμόρφωσης. Καθορίζει 4 βασικές αρχές για την προσβασιμότητα περιεχομένου. Αυτές οι 4 μπορούν να συνοψιστούν στα ακόλουθα:

• Οι διαθέσιμες πληροφορίες πρέπει να είναι αντιληπτές και κατανοητές για όλους.

• Κάθε λειτουργικότητα πρέπει να είναι πρακτική για όλους τους χρήστες. Για παράδειγμα, ένας ιστότοπος θα πρέπει να είναι πλοηγήσιμος τόσο με το ποντίκι του υπολογιστή όσο και με το πληκτρολόγιο. Αλλά και από συσκευές ανάγνωσης οθόνης θα πρέπει να είναι πλοηγήσιμος.

• Το νόημα του περιεχομένου πρέπει να είναι γραμμένο με ξεκάθαρο λόγο. Ωστε να μην αφήνει τον αναγνώστη να υποθέτει. Δηλαδή, τόσο οι λέξεις όσο και οι εκφράσεις που χρησιμοποιούνται έχουν λογική νοηματική αλληλουχία. Επίσης, ένα όσο το πιο δυνατόν απλούστερο και ξεκάθαρο ύφος.

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

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

Η λίστα με τα σημεία ελέγχου σχετικά του WCAG 2.1

1.1 Εναλλακτικά κείμενα

• 1.1.1(a) Εναλλακτικά κείμενα για στοιχεία ελέγχου
• 1.1.1(b) Εναλλακτικά κείμενα για γραφικά και αντικείμενα
• 1.1.1(c) Κενά χαρακτηριστικά alt για γραφικά διάταξης
• 1.1.1(d) Εναλλακτικές λύσεις για CAPTCHA

1.2 Time-based Πολυμέσα

• 1.2.1 Μόνο Ήχος και μόνο βίντεο
• 1.2.2 Λεζάντες
• 1.2.3 Περιγραφή ήχου ή εναλλακτική λύση πολυμέσων

1.3 Ευπροσάρμοστο

• 1.3.1(a) HTML δομικά στοιχεία για επικεφαλίδες
• 1.3.1(b) HTML δομικά στοιχεία για λίστες
• 1.3.1(c) HTML δομικά στοιχεία για σήμανση εκτεταμένων παραθεμάτων
• 1.3.1(d) Περιεχόμενο δομημένο
• 1.3.1(e) Ορθή κατασκευή πινάκων
• 1.3.1(f) id και headers για τη συσχέτιση κελιών
• 1.3.1(g) Μη χρήση σήμανσης για layout table
• 1.3.2(a) Γραμμικοποιείται πίνακας διάταξης
• 1.3.2(b) Ακολουθία με νόημα
• 1.3.3 Αισθητήρια χαρακτηριστικά

1.4 Ευδιάκριτο

• 1.4.2 Έλεγχος ήχου
• 1.4.3(a) Αντίθεση (Ελάχιστη)
• 1.4.3(b) Επαρκείς αντιθέσεις γραφικών
• 1.4.3(c) Ορατό περιεχόμενο με προσαρμοσμένα χρώματα
• 1.4.4(a) Αλλαγή μεγέθους γραμματοσειράς
• 1.4.4(b) Κείμενο αναγνώσιμο με Zoom στο 200%
• 1.4.5 Εικόνες κειμένου

2.1 Προσβασιμότητα μέσω πληκτρολογίου

• 2.1.1 Μπορεί να χρησιμοποιηθεί χωρίς ποντίκι

2.2 Αρκετός χρόνος

• 2.2.1 Ρύθμιση χρονισμού
• 2.2.2 Παύση, διακοπή, απόκρυψη

2.3 Φυσικές αντιδράσεις και επιληπτική τάση

• 2.3.1 Τρία φλας ή κατώτερο όριο

2.4 Πλοήγηση

• 2.4.1 Παράκαμψη μπλοκ
• 2.4.2 Κατανοητός τίτλος σελίδας
• 2.4.3 Συνεπής ακολουθία λειτουργίας πληκτρολογίου
• 2.4.4(a) Σημαντικά κείμενα συνδέσμων
• 2.4.4(b) Σύνδεσμοι με πληροφορίες για τη μορφή αρχείου
• 2.4.5 Εναλλακτικές διαδρομές πρόσβασης
• 2.4.6 Κατανοητές επικεφαλίδες και ετικέτες
• 2.4.7 Η τρέχουσα θέση εστίασης ειναι πάντα ορατή
• 2.4.8(a) Τοποθεσία
• 2.4.8 (b) Σκοπός της εναλλακτικής έκδοσης σαφής.

3.1 Ευανάγνωστο

• 3.1.1 Γλώσσα σελίδας
• 3.1.2(a) Γλώσσα τμημάτων
• 3.1.2(b) Διακρίνονται λέξεις σε άλλες γλώσσες

3.2 Να είναι προβλέψιμο

• 3.2.1 Κατά την εστίαση
• 3.2.2 Κατά την είσοδο
• 3.2.3 Συνεπής πλοήγηση

3.3 Βοήθεια εισόδου

• 3.3.1 Προσδιορισμός σφάλματος
• 3.3.2 Ετικέτες ή οδηγίες για πεδία φόρμας
• 3.3.4 Πρόληψη σφαλμάτων

4.1 Συμβατό

• 4.1.1 Συντακτική Ανάλυση
• 4.1.3 Μηνύματα κατάστασης
• 4.1.2 Όνομα, Ρόλος, Τιμή