Web Accessibility testing basic principles (in greek).

1. Έλεγχος Ψηφιακής
Προσβασιμότητας
Του Νικόλαου Μπιτσακίδη

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

3. Μορφές αναπηρίας
• Ακουστική
• Γνωσιακή, μαθησιακή και νευρολογική αναπηρία
• Φυσική αναπηρία
• Αναπηρία στην ομιλία
• Οπτική αναπηρία

4. Γιατί να ασχοληθούμε με την
ψηφιακή προσβασιμότητα;

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

6. Αναπηρία και Δικαιοσύνη
https://plato.stanford.edu/entries/disability-justice/

7. Γιατί η εταιρική εικόνα είναι
σημαντική;

8. “Ηθικός καταναλωτισμός” - οι αξίες
μετρούν
“Μια αναφορά από το 2018, για παράδειγμα, διαπίστωσε ότι
περίπου οι μισοί Millennials (52%) και Gen X (48%) πιστεύουν
ότι είναι σημαντικό οι επωνυμίες να ευθυγραμμίζονται με τις
προσωπικές τους αξίες, ένα συναίσθημα που μοιράζεται επίσης
το ένα τρίτο (35%) των Baby Boomers.”
https://www.amazon.com/Executives-Compass-Business-Good-
Society/dp/0195096444

9. Εμπορική διάσταση της
προσβασιμότητας
“Μελέτες δείχνουν ότι περίπου το 20% των Αμερικανών και το
17% των Ευρωπαίων έχουν κάποια μορφή αναγκών ειδικών
ικανοτήτων. Μόλις το 20% αυτών των Αμερικανών έχουν μια
εκπληκτική αγοραστική δύναμη άνω των 490 δισεκατομμυρίων
δολαρίων.”

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

11. Πως υλοποιείται η ψηφιακή
προσβασιμότητα;

12. Οι βασικές έννοιες που εξασφαλίζουν την
προσβασιμότητα - W3C Web Accessibility Initiative
(WAI)

13. Αντιληπτό περιεχόμενο
• Εναλλακτικές λύσεις κειμένου, για περιεχόμενο μη κειμένου
• Λεζάντες και άλλες εναλλακτικές λύσεις για πολυμέσα
• Το περιεχόμενο μπορεί να παρουσιαστεί με διαφορετικούς
τρόπους
• Το περιεχόμενο φαίνεται και ακούγεται ευκολότερα

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

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

16. Εύρωστο περιεχόμενο
• Το περιεχόμενο είναι συμβατό με τρέχοντα και μελλοντικά
εργαλεία χρήστη

17. Τι περιλαμβάνει η δοκιμή της
ψηφιακής προσβασιμότητας;

18. Τα επίπεδα συμμόρφωσης στην ψηφιακή
προσβασιμότητα
• WCAG 2.1 Επίπεδο Α: Ελάχιστη συμμόρφωση
• WCAG 2.1 Επίπεδο AA: Αποδεκτή Συμμόρφωση
• WCAG 2.1 Επίπεδο AAA: Βέλτιστη συμμόρφωση

19. WCAG 2.1 Επίπεδο A - Ελάχιστη
συμμόρφωση
Ιστότοποι που δεν πληρούν τουλάχιστον το WCAG 2.1 A είναι αδύνατο ή
εξαιρετικά δύσκολο να χρησιμοποιηθούν από άτομα με αναπηρία.
- Δεν υπάρχουν παγίδες για το πληκτρολόγιο
- Δυνατότητα πλοήγησης με πληκτρολόγιο
- Εναλλακτικές λύσεις για περιεχόμενο μη κειμένου
- Λεζάντες για βίντεο
-Το νόημα μεταφέρεται μέσω τουλάχιστον δύο αισθήσεων

20. WCAG 2.1 Επίπεδο AΑ - Αποδεκτή
συμμόρφωση
Αυτό το επίπεδο συμμόρφωσης χρησιμοποιείται στους περισσότερους κανόνες και
κανονισμούς προσβασιμότητας σε όλο τον κόσμο. Για να πληροί τη συμμόρφωση του
επιπέδου AA, ο ιστότοπος πρέπει να είναι χρηστικός και κατανοητός για την πλειονότητα των
ατόμων με ή χωρίς αναπηρία.
- Η χρωματική αντίθεση είναι, στις περισσότερες περιπτώσεις, τουλάχιστον 4,5:1
- Το εναλλακτικό κείμενο ή μια παρόμοια λύση χρησιμοποιείται για εικόνες που μεταφέρουν
νόημα
- Τα στοιχεία πλοήγησης είναι συνεπή σε όλο τον ιστότοπο
- Τα πεδία μιας φόρμας έχουν ακριβείς ετικέτες
- Οι ενημερώσεις κατάστασης μπορούν να μεταφερθούν μέσω ενός προγράμματος
ανάγνωσης οθόνης
- Οι επικεφαλίδες έχουν λογική σειρά

21. WCAG 2.1 Επίπεδο AΑΑ - Βέλτιστη
συμμόρφωση
Η συμμόρφωση σε αυτό το επίπεδο καθιστά τον ιστότοπό σας
προσβάσιμο στον μέγιστο αριθμό χρηστών και διευκολύνει την εμπειρία
τους.
- Διερμηνεία νοηματικής γλώσσας για περιεχόμενο ήχου ή βίντεο
- Η χρωματική αντίθεση είναι τουλάχιστον 7:1
- Ο χρόνος δεν είναι ουσιαστικό μέρος οποιασδήποτε δραστηριότητας
- Διατίθεται βοήθεια με ευαισθησία στο περιεχόμενο

22. Πρακτικοί οδηγοί ελέγχων
Πρακτικός οδηγός ελέγχων (για web):
https://webaim.org/standards/wcag/WCAG2Checklist.pdf
Πρακτικός οδηγός ελέγχων (για mobile):
https://pauljadam.com/demos/mobilechecklist.html

23. Εργαλεία ελέγχου στο web
https://www.crownpeak.com/blog/web-accessibility/30-best-
web-accessibility-checking-tools-for-compliance-in-2021

24. Έλεγχος ιστοσελίδας με το Wave

25. Εργαλεία ελέγχου στο mobile
Εργαλεία Manual Testing για iOS (για θέματα όρασης)
VoiceOver, Invert Colors, ,Color Filters
Εργαλεία Manual Testing για Android (για θέματα όρασης)
TalkBack Screen Reader, Color Inversion, Color Correction
https://qainfotech.com/what-are-the-tools-for-accessibility-
testing-for-mobile-application

26. Έλεγχος εφαρμογής με το
VoiceOver

27. Ευχαριστώ για τον χρόνο σας!
Νικόλαος Μπιτσακίδης