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

● Η μη εφαρμογή ηλεκτρονικής προσβασιμότητας συνιστά άμεση διάκριση σε βάρος των ατόμων με αναπηρία είτε ως εξυπηρετούμενων, είτε ως εργαζόμενων και υποψήφιων εργαζόμενων στη βάση των επιταγών του άρθρου 10 «Εύλογες Προσαρμογές» του Ν. 3304/2005 (Αρ. ΦΕΚ 16/Α΄- 27/01/2005)».

● Οδηγία (ΕΕ) 2016/2102 του Ευρωπαϊκού Κοινοβουλίου και του Συμβουλίου, της 26ης Οκτωβρίου 2016, για την προσβασιμότητα των ιστοτόπων και των εφαρμογών για φορητές συσκευές των οργανισμών του δημόσιου τομέα

○ Νέες Ιστοσελίδες που δημοσιεύονται μετά τις 23 Σεπτεμβρίου 2018 οφείλουν να είναι προσβάσιμες απο τις 23 Σεπτεμβρίου 2019 και έπειτα.

○ Παλαιότερες Ιστοσελίδες που έχουν δημοσιευτεί πριν τις 23 Σεπτεμβρίου 2018 οφείλουν να είναι προσβάσιμες απο τις 23 Σεπτεμβρίου 2020 και έπειτα

● Η προσβασιμότητα του περιεχομένου των δημόσιων ιστοσελίδων αποτελεί νομική
υποχρέωση στη χώρα μας: άρθρο 5 Α (2) του Συντάγματος, άρθρο 9 του Ν.4047/2012, άρθρο 64 του Ν.4488/2017.

● Επιπρόσθετα, τα Ανώτατα Εκπαιδευτικά Ιδρύματα έχουν νομική υποχρέωση να διασφαλίζουν την προσβασιμότητα για όλους φοιτητές με αναπηρία ή μαθησιακές δυσκολίες και το προσωπικό τους: άρθρα 7.2.γ, 8.2.ε, 13.2.λδ, 34.3, 48.14 του Ν.4485/2017.

Η πρόσβαση στην Πληροφορία έχει αναγνωριστεί από τα Ενωμένα Έθνη ως θεμελιώδες δικαίωμα και όπως αναφέρθηκε παραπάνω έχουν αναπτυχθεί νομοθεσίες και οδηγίες από την Ευρωπαϊκή Ένωση και Εθνικά νομοθετικά πλαίσια. Σε τεχνικό επίπεδο θέτονται έτσι τυποποιήσεις σχεδιασμού και ανάπτυξης ηλεκτρονικής προσβασιμότητας βασισμένες στις αρχές της Καθολικής Σχεδίασης/Σχεδίασης για Όλους για την υπερπήδηση εμποδίων και τεχνικών δυσκολιών για την ισότιμη συμμετοχή όσο το δυνατόν περισσότερων ατόμων στην Κοινωνία της Πληροφορίας.

Οι κύριες αρχές, οδηγίες και πρότυπα προέρχονται από την Κοινοπραξία του Παγκόσμιου Ιστού (World Wide Web Consortium – W3C) που προωθεί ζητήματα προσβασιμότητας. Πιο συγκεκριμένα από τον οργανισμό WAI W3C (Web Accessibily Initiative). Το WAI επιδιώκει την εύρεση λύσεων για την προσβασιμότητα στον Παγκόσμιο Ιστό από άτομα με οπτικές, ακουστικές, σωματικές, γνωστικές και νευρολογικές αναπηρίες.

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

● Οδηγίες για την Προσβασιμότητα του Περιεχομένου του Ιστού (Web Content Accessibility Guidelines), WCAG 1.0 και WCAG 2.0
● Οδηγίες για την Προσβασιμότητα Εργαλείων Συγγραφής (Authoring Tools Accessibility Guidelines), ATAG
● Οδηγίες για την Προσβασιμότητα Χρήστη Πράκτορα (User Agent Accessibility Guidelines), UAAG
● Οδηγίες για την Προσβασιμότητα XML ( XML Accessibility Guidelines), XAG
● Προσβάσιμες Πλούσιες Εφαρμογές Διαδικτύου (Accessible Rich Internet Applications), WAI-ARIA

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

Για εκείνους που αναπτύσσουν ή σχεδιάζουν περιεχόμενο Ιστοσελίδων, για τους διαχειριστές Ιστοσελίδων και εκείνους που παράγουν ή αναρτούν περιεχόμενο σε αυτές στο Πανεπιστήμιο Ιωαννίνων το απαραίτητο πρότυπο που καλούνται να ακολουθούν είναι το Web Content Accessibility Guidelines – WCAG το οποίο ανέπτυξε η Κοινοπραξία του Παγκόσμιου Ιστού (W3C)  Αυτό αποτελεί επίσης ISO 40500 και είναι υιοθετημένο European Standard υπό το EN 301 549.

Η πιο πρόσφατη και αναθεωρημένη μορφή του WCAG είναι επικαλούμενη WCAG 2.1, αποτελεί μια εμπλουτισμένη έκδοση του WCGA 2.0 και περιγράφεται ως Ευρωπαϊκή Οδηγία στο EN 301 549 V2.1.2 (2018-08).

Το πρότυπο αφορά την ανάπτυξη περιεχομένου για την κάλυψη ενός μεγάλου εύρους αναπηριών όπως:

• οπτικών
• ακουστικών
• κινητικών
• γνωστικών, μαθησιακών και νευρολογικών αναπηριών
• αναπηριών ομιλίας και γλώσσας.

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

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

1. Αντιληπτό (perceivable),
2. Λειτουργικό (operable),
3. Κατανοητό (understandable)
4. Εύρωστο (robust).

Το WCAG 2.0 και WCAG 2.1 αποτελούν σταθερά τεχνικά στάνταρ με εκτενή και λεπτομερή αναφορά. Υπάρχουν 12-13 οδηγίες οργανωμένες γύρω από τις τέσσερις βασικές αρχές που προαναφέρθηκαν. Για κάθε οδηγία υπάρχουν κριτήρια επιτυχίας που υποδιαιρούνται σε τρία επίπεδα: Α, ΑΑ και ΑΑΑ. Σύμφωνα με το νόμο, όλες οι δημόσιες ιστοσελίδες θα πρέπει να είναι προσβάσιμες σε επίπεδο τουλάχιστον ΑΑ

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

• Γρήγορος οδηγός συμμόρφωσης με το WCAG (Quick Reference) το οποίο περιέχει τεχνικές και κριτήρια επιτυχίας του προτύπου. Είναι επεξεργάσιμο έγγραφο και επι της ουσίας μια -κατα το δοκούν- φιλτραρισμένη λίστα συμμόρφωσης με τεχνικές και παραδείγματα αναπτυξης  HTML, CSS, ARIA ανάλογα και με το επίπεδο συμμόρφωσης που απαιτείται.

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

• Τεχνικές υλοποίησης WCGA 2.1 : Τεχνικές και αποτυχίες για το WCGA 2.1 όπου παρέχει εξιδεικευμένες οδηγίες για τους developers στο πως να αναπτύσσουν προσβάσιμο περιεχόμενο στον Ιστό με παραδείγματα επιτυχημένης και αποτυχημένης εφαρμογής.

• Οδηγίες για την Προσβασιμότητα του Περιεχομένου του Ιστού 2.1 που είναι το κείμενο με την συνολική εποπτεία των οδηγιών. Η Ελληνική μετάφραση της έκδοσης WCGA 2.1 δυστυχώς δεν υφίσταται ακόμα παρόλαυτα υπάρχει απόδοση του WCGA 2.0 στα Ελληνικά

Γρήγορη εποπτεία των τεσσάρων βασικών αρχών:

Αντιληπτό

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

• Παροχή εναλλακτικού κειμένου για περιεχόμενο που δεν ειναι κείμενο
• Παροχή υποτίτλων και άλλων εναλλακτικών επιλογών για πολυμέσα a.
• Δημιουργία περιεχομένου που μπορεί να παρουσιαστεί με διαφορετικούς τρόπους, περιέχοντας τις υποστηρικτικές τεχνολογίες, χωρίς να χάνεται το νόημα του
• Διευκόλυνση χρηστών στο να ακούν και να βλέπουν το περιεχόμενο

Λειτουργικό

Η πλοήγηση και ο τρόπος λειτουργίας μιας διεπαφής πρέπει να μην περιορίζει  τον τρόπο χειρισμού για την εκτέλεση εργασιών

• Όλες οι λειτουργίες να είναι διαθέσιμες μέσω της χρήσης πληκτρολογίου
• Παροχή αρκετού χρόνου στους χρήστες για την ανάγνωση και χρήση περιεχομένου
• Οχι χρήση περιεχομένου που μπορεί να προκαλέσει επιληψία ή σωματικές αντιδράσεις
• Διευκόλυνση χρηστών στην πλοήγηση και στην εύρεση περιεχομένου
• Διευκόλυνση χρηστών στη χρήση μηχανισμών εισαγωγής δεδομένων εκτός του πληκτρολογίου

Κατανοητό

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

Εύρωστο

• Μεγιστοποίση συμβατότητας με τρέχοντα και μελλοντικά εργαλεία

Κατανόηση του WCGA 2.0 στα Ελληνικά –

1: Αντιληπτό περιεχόμενο

• 1 Παρέχετε εναλλακτικά κείμενα για κάθε περιεχόμενο που δεν διατίθεται σε μορφή κειμένου, ώστε να μπορεί να αποδοθεί σε άλλες μορφές που χρειάζονται οι χρήστες, όπως για παράδειγμα με μεγάλη γραμματοσειρά, σε Μπράιγ, σε ομιλία, με χρήση συμβόλων, ή σε πιο απλή γλώσσα.
• 2 Παρέχετε εναλλακτικές λύσεις για πολυμέσα που εξαρτώνται από το χρόνο.
• 3 Δημιουργείτε περιεχόμενο που μπορεί να αποδοθεί με διαφορετικούς τρόπους (για παράδειγμα με απλούστερη διάταξη), χωρίς απώλεια πληροφοριών ή δομής.
• 4 Διευκολύνετε την οπτική και ηχητική αντίληψη του περιεχομένου από τους χρήστες, συμπεριλαμβανομένης της διάκρισης των πληροφοριών προσκηνίου από το παρασκήνιο.

2: Λειτουργικό περιεχόμενο

• 1 Καταστήστε δυνατή τη χρήση όλων των λειτουργιών μέσω πληκτρολογίου.
• 2 Παρέχετε στους χρήστες επαρκή χρόνο για την ανάγνωση και χρήση του περιεχομένου.
• 3 Μην σχεδιάζετε περιεχόμενο με τρόπο που είναι γνωστό ότι προκαλεί επιληπτικές κρίσεις λόγω φωτοευαισθησίας.
• 4 Παρέχετε μηχανισμούς που βοηθούν τους χρήστες να εντοπίζουν περιεχόμενο, να προσανατολίζονται και να περιηγούνται σε αυτό.

3: Κατανοητό περιεχόμενο

• 1 Το σε μορφή κειμένου περιεχόμενο πρέπει να είναι αναγνώσιμο και κατανοητό.
• 2 Δημιουργείτε ιστοσελίδες με προβλέψιμη διάταξη και λειτουργία.
• 3 Βοηθάτε τους χρήστες να αποφεύγουν και να διορθώνουν τυχόν λάθη τους.

4: Εύρωστο περιεχόμενο (περιεχόμενο χωρίς σφάλματα)

• 1 Ενισχύστε την συμβατότητα με τρέχοντες και μελλοντικούς πράκτορες χρήστη, συμπεριλαμβανομένων των υποστηρικτικών τεχνολογιών.

Κατανόηση των προσθήκων με την αναθεώρηση WCGA 2.1 (χωρίς Ελληνική Μετάφραση)

• Guideline 1.3 Adaptable
  • 3.4 Orientation (AA)
  • 3.5 Identify Input Purpose (AA)
  • 3.6 Identify Purpose (AAA)
• Guideline 1.4 Distinguishable
  • 4.10 Reflow (AA)
  • 4.11 Non-Text Contrast (AA)
  • 4.12 Text Spacing (AA)
  • 4.13 Content on Hover or Focus (AA)
• Guideline 2.1 Keyboard Accessible
  • 1.4 Character Key Shortcuts (A)
• Guideline 2.2 Enough Time
  • 2.6 Timeouts (AAA)
• Guideline 2.3 Seizures and Physical Reactions
  • 3.3 Animation from Interactions (AAA)
• Guideline 2.5 Input Modalities
  • 5.1 Pointer Gestures (A)
  • 5.2 Pointer Cancellation (A)
  • 5.3 Label in Name (A)
  • 5.4 Motion Actuation (A)
  • 5.5 Target Size (AAA)
  • 5.6 Concurrent Input Mechanisms (AAA)
• Guideline 4.1 Compatible
  • 1.3 Status Messages (AA)

Συμμόρφωση

Για να συμμορφώνεται μια ιστοσελίδα με τις οδηγίες WCAG 2.1, θα πρέπει να ικανοποιούνται οι απαιτήσεις συμμόρφωσης όπως αυτές προδιαγράφονται στον Γρήγορο οδηγό συμμόρφωσης με το  WCAG (Quick Reference) για το σύνολο των σελίδων και υποσελίδων της Ιστοσελίδας.

Τα τρία επίπεδα απο το μικρότερο επίπεδο συμμόρφωσης:

• Επίπεδο A: η ιστοσελίδα ικανοποιεί όλα τα Κριτήρια Επιτυχίας Επιπέδου Α ή παρέχεται μια εναλλακτική έκδοση συμμόρφωσης Επιπέδου Α.
• Επίπεδο ΑA: η ιστοσελίδα ικανοποιεί όλα τα Κριτήρια Επιτυχίας Επιπέδου Α και Επιπέδου ΑΑ ή παρέχεται μια εναλλακτική έκδοση συμμόρφωσης Επιπέδου ΑΑ.

Τα κριτήρια Επιπέδου Α και ΑΑ που απαιτούνται να καλυπτονται είναι τα εξής :

Αντιληπτό: 1.1.1 Non-text Content Level A, 1.2.1 Audio-only and Video-only (Prerecorded) Level A, 1.2.2 Captions (Prerecorded) Level A, 1.2.3 Audio Description or Media Alternative (Prerecorded) Level A, 1.2.4 Captions (Live) Level AA, 1.2.5 Audio Description (Prerecorded) Level AA, 1.3.1 Info and Relationships Level A, 1.3.2 Meaningful Sequence Level A, 1.3.3 Sensory Characteristics Level A, 1.3.4 Orientation Level AA(Added in 2.1), 1.3.5 Identify Input Purpose Level AA(Added in 2.1), 1.4.1 Use of Color Level A, 1.4.2 Audio Control Level A, 1.4.3 Contrast (Minimum) Level AA, 1.4.4 Resize text Level AA, 1.4.5 Images of Text Level AA, 1.4.10 Reflow  Level AA(Added in 2.1), 1.4.11 Non-text Contrast Level AA(Added in 2.1), 1.4.12 Text Spacing Level AA(Added in 2.1), 1.4.13 Content on Hover or Focus Level AA(Added in 2.1) Κατανοητό: 2.1.1 Keyboard Level A, 2.1.2 No Keyboard Trap Level A, 2.1.4 Character Key Shortcuts Level A(Added in 2.1), 2.2.1 Timing Adjustable Level A, 2.2.2 Pause, Stop, Hide Level A, 2.3.1 Three Flashes or Below Threshold Level A, 2.4.1 Bypass Blocks Level A, 2.4.2 Page Titled Level A, 2.4.3 Focus Order Level A, 2.4.4 Link Purpose (In Context) Level A, 2.4.5 Multiple Ways Level AA, 2.4.6 Headings and Labels Level AA, 2.4.7 Focus Visible Level AA, 2.5.1 Pointer Gestures Level A(Added in 2.1, 2.5.2 Pointer Cancellation Level A(Added in 2.1), 2.5.3 Label in Name Level A(Added in 2.1), 2.5.4 Motion Actuation Level A(Added in 2.1). Λειτουργικό: 3.1.1 Language of Page Level A, 3.1.2 Language of Parts Level AA, 3.2.1 On Focus Level A, 3.2.2 On Input Level A, 3.2.3 Consistent Navigation Level AA, 3.2.4 Consistent Identification Level AA, 3.3.1 Error Identification Level A, 3.3.2 Labels or Instructions Level A, 3.3.3 Error Suggestion Level AA, 3.3.4 Error Prevention (Legal, Financial, Data) Level AA Εύρωστο: 4.1.1 Parsing Level A, 4.1.2 Name, Role, Value Level A, 4.1.3 Status Messages Level AA(Added in 2.1)

• Επίπεδο ΑΑA: η ιστοσελίδα ικανοποιεί όλα τα Κριτήρια Επιτυχίας Επιπέδου Α, Επιπέδου ΑΑ και Επιπέδου ΑΑΑ ή παρέχεται μια εναλλακτική έκδοση συμμόρφωσης Επιπέδου ΑΑΑ. Το επίπεδο αυτό δεν αποτελεί νομική υποχρέωση παρόλαυτά είναι αυτό που παρέχει τις περισσότερες δυνατότητες προσβασιμότητας.

Τα επιπλέον κριτήρια που πρέπει να πληρούνται:

1.2.6 Sign Language (Prerecorded), 1.2.7 Extended Audio Description (Prerecorded), 1.2.8 Media Alternative (Prerecorded), 1.2.9 Audio-only (Live), 1.3.6 Identify Purpose (Added in 2.1), 1.4.6 Contrast (Enhanced), 1.4.7 Low or No Background Audio, 1.4.8 Visual Presentation, 1.4.9 Images of Text (No Exception), 2.1.3 Keyboard (No Exception), 2.2.3 No Timing, 2.2.4 Interruptions, 2.2.5 Re-authenticating, 2.2.6 Timeouts (Added in 2.1), 2.3.2 Three Flashes, 2.3.3 Animation from Interactions (Added in 2.1), 2.4.8 Location, 2.4.9 Link Purpose (Link Only), 2.4.10 Section Headings, 2.5.5 Target Size (Added in 2.1), 2.5.6 Concurrent Input Mechanisms (Added in 2.1), 3.1.3 Unusual Words, 3.1.4 Abbreviations, 3.1.5 Reading Level, 3.1.6 Pronunciation, 3.2.5 Change on Request, 3.3.5 Help, 3.3.6 Error Prevention (All)

Αξιολόγηση και Πιστοποίηση WCAG

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

Δεν υπάρχει επίσημη διαδικασία που πιστοποιεί την προσβασιμότητα σε μια Ιστοσελίδα. Ωστόσο έχει αναπτυχθεί μια μεθοδολογία για την καθοδήγηση αξιολογητών που μπορεί να βρεθεί στο κείμενο Website Accessibility Conformance Evaluation Methodology (WCAG-EM) 1.0. Αυτή δεν αντικαθιστά ή αλλάζει τις επίσημες οδηγίες και απαιτήσεις πάρα μόνο συνεισφέρει στη δημιουργία καλύτερης προσέγγισης στην ανάπτυξη και αξιολόγησης.

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

Κάποια από αυτά είναι :

• Η επίσημη Ιστοσελίδα της Παγκόσμιας Κοινοπραξίας για την Προσβασιμότητα στο Διαδίκτυο: https://www.w3.org/WAI/
• Δωρεάν μαθήματα απο την Κοινοπραξία Παγκοσμίου Ιστού στην Ιστοσελίδα Digital Accessibility Foundations Free Online Course:

https://www.w3.org/WAI/fundamentals/foundations-course/

• Οδηγοί Εκμάθησης

https://www.w3.org/WAI/tutorials/

https://www.w3.org/WAI/test-evaluate/tools/

• Οδηγοί ανάπτυξης και σχεδιασμού

https://www.w3.org/WAI/design-develop/

• Εργαλεία ανάπτυξης (διαδικτυακοί αξιολογητές, μπάρες εργαλειοθήκης, τεστ αποσφαλμάτωσης)

Οδηγός επιλογής εργαλείων: https://www.w3.org/WAI/test-evaluate/tools/selecting/

Εκτεταμένη λίστα με εργαλεία: https://www.w3.org/WAI/ER/tools/

Παρά το γεγονός πως δεν υπάρχει επίσημος τρόπος πιστοποίησης ιστοσελίδας ως προσβάσιμη σε επίπεδο ΑΑ, υπάρχει η δυνατότητα προαιρετικής “αξίωση συμμόρφωσης”. Δηλαδή, οι διαχειριστές μίας Ιστοσελίδας μπορούν να ισχυριστούν πως πληρούν τις προδιαγραφές από μόνοι τους εάν και εφόσον έχουν ακολουθήσει το πρότυπο, τις διαδικασίες αποσφαλμάτωσης και τις κατευθυντήριες γραμμές του. Ένας έγκυρος ισχυρισμός συμμόρφωσης μπορεί να προκύψει εφόσον:

• Έχουν εκπληρωθεί όλες οι απαιτήσεις που περιγράφονται στον Γρήγορο οδηγό συμμόρφωσης με το WCAG (Quick Reference)
• Η εκπλήρωση των απαιτήσεων αφορά το σύνολο της Ιστοσελίδας (υποσέλιδα, άρθρα, μενου κλπ)
• Για την ολότητα των διαδικασιών και λειτουργιών που παρέχονται υπάρχει όμοια συμμόρφωση
• Έχουν αξιοποιηθεί τεχνικές ελέγχου και αποσφαλμάτωσης

Ο ισχυρισμός “αξίωσης συμμόρφωσης” γίνεται με την ανάρτηση σημάτων στην ιστοσελίδα και μπορούν να αποκτηθούν από την Ιστοσελίδα του W3C : https://www.w3.org/WAI/standards-guidelines/wcag/conformance-logos/

Ο έλεγχος προσβασιμότητας μιας ιστοσελίδας μπορεί να γίνει όπως προαναφέρθηκε με την χρήση διαδικτυακών εργαλείων όπως το WAVE (http://wave.webaim.org) ή το aChecker (https://achecker.ca). Επίσης, αυτά παρέχουν αναλυτική περιγραφή και υποστήριξη για την αποσφαλμάτωση. Αρχικός στόχος είναι μία ιστοσελίδα να μην παρουσιάζει errors. Ακόμα και αν μια Ιστοσελίδα όμως δεν παρουσιάζει σφάλματα, δεν σημαίνει αυτόματα πως πληροί όλες τις προϋποθέσεις που απαιτούνται από το πρότυπο  WCAG, σίγουρα όμως βρίσκεται σε μία ευνοϊκή κατάσταση για τον ισχυρισμό “αξίωσης συμμόρφωσης”.

Επιλογή Content Manager System (CMS) που υποστηρίζει τεχνικές προσβασιμότητας

            Υπάρχουν διάφορα CMS διαθέσιμα που μπορούν να χρησιμοποιηθούν για την κατασκευή μίας Ιστοσελίδας. Παραδείγματος χάριν: WordPress, Drupal, Joomla και πολλά ακόμα. Η επιλογή ενός τέτοιου εργαλείου είναι σημαντικό να γίνει εκ των προτέρων, έχοντας ως κριτήριο τις επιλογές προσβασιμότητας που παρέχονται για το Ίδιο το CMS ( δηλαδή να μπορεί ένας διαχειριστής να έχει επιλογές προσβασιμότητας σε αυτό ) όσο και για τα θέματα και templates που το συνοδεύουν και αναπτύσσονται για αυτό. Έτσι κατά την επιλογή CMS και θέματος συμβουλευτείτε το documentation τους και ελέγξτε τις δυνατότητες προσβασιμότητας τους, πάντα ακολουθώντας τις Αρχές Προσβασιμότητας στον Ιστό. Το ίδιο πρέπει να ακολουθείται και για την επιλογή widget και plug-ins. Σιγουρευτείτε ότι όλα αυτά τα στοιχεία υποστηρίζουν τεχνικές προσβασιμόητας και προσβάσιμο περιεχόμενο

Οργάνωση και δομή περιεχομένου με την ορθή χρήση επικεφαλίδων (headings)

Οι αναγνώστες οθόνης (υποστηρικτική τεχνολογία) κάνουν χρήση των επικεφαλίδων ώστε να κάνουν πλοήγηση στο περιεχόμενο. Με την στρατηγική και σωστή χρήση heading (<h1>, <h2>, <h3> κλπ) το περιεχόμενο μιας ιστοσελίδας μπορεί να καθίσταται ορθά οργανωμένο και εύχρηστο από τους αναγνώστες οθόνης.

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

Χρήση εναλλακτικού κειμένου για τις εικόνες (alt–text)

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

Εξαίρεση αποτελούν εικόνες που ο στόχος τους είναι καθαρά αισθητικός όπου σε αυτή την περίπτωση για να μην αποπροσανατολίζεται ο αναγνώστης οθόνης, το alt-text μπορεί να λείπει.

Χρήση περιγραφικών και μοναδικών ονομάτων σε υπερ-συνδέσμους

Η ορθή χρήση συνδέσμων στο περιεχόμενο μια ιστοσελίδας είναι να περιγράφουν το πού θα οδηγήσουν αν επιλεχθούν και όχι να αναγράφονται ως «Κάντε κλικ εδώ». Στην περίπτωση που ένας αναγνώστης οθόνης χρησιμοποιηθεί για να αναζητήσει μόνο τους συνδέσμους μιας ιστοσελίδας μια κακή χρήση ονοματοδοσίας όπως αναφέρθηκε πιο πάνω, θα επιστρέψει μια σειρά από αποτελέσματα τύπου «Πατήστε εδώ» καθιστώντας έτσι αδύνατη την κατανόηση τους.

Πχ χρησιμοποιείστε « Αν θέλετε να μάθετε περισσότερα διαβάστε τις Πληροφορίες για το Τμήμα μας »

Και όχι «Για πληροφορίες του τμήματος Πατήστε ΕΔΩ»

Χρήση χρωμάτων και αντιθέσεων με σύνεση

Η επιλογή χρωμάτων και αντιθέσεων είναι κρίσιμη για την προσβασιμότητα μιας Ιστοσελίδας. Η κακή επιλογή και συνδυασμός τους μπορεί να καθιστά το περιεχόμενο μη προσβάσιμο για άτομα με μειωμένη όραση ή οπτικές αναπηρίες. Επίσης, μπορεί να δυσκολέψει άτομα με ειδικές μαθησιακές δυσκολίες να πλοηγηθούν και να κατανοήσουν το περιεχόμενο σε μία ιστοσελίδα, ειδικά όταν το χρώμα χρησιμοποιείται μόνο για να υποδηλώσει σημασία. Υπάρχουν πολλά εργαλεία για την αξιολόγηση χρωματικών αντιθέσεων ώστε να γίνει η καλύτερη επιλογή που εξυπηρετεί τον μεγαλύτερο βαθμό προσβασιμότητας. Πχ ColorZilla

Προσβάσιμες Φόρμες Συμπλήρωσης

Οι φόρμες συμπλήρωσης πρέπει να παρέχουν κάθε στοιχείο τους (fields, checkboxes κλπ ) με σωστές ετικέτες (labels). Κάντε χρήση <Label> ή ARIA ώστε να συνδέσετε ένα label text με ένα form field. Επίσης, προσπαθήστε να ομαδοποιήσετε νοηματικά σχετικά πεδία. Να σημειωθεί πως φόρμες που απαιτούν εκτύπωση και συμπλήρωση δεν θεωρούνται προσβάσιμες, αλλά ούτε αρχεία WORD που περιέχουν κείμενο και τελείες στο σημείο που καλείται κάποιος να συμπληρώσει.

Περιεχόμενο με πλοήγηση μέσω πληκτρολογίου

Άτομα με κινητικές αναπηρίες μπορεί να χρησιμοποιούν εξειδικευμένο εξοπλισμό ή ειδικά ποντίκια και πληκτρολόγια. Έτσι είναι εξαιρετικά σημαντικό να καθίσταται δυνατή η πλοήγηση στο περιεχόμενο με λογική σειρά μέσω του πλήκτρου ‘tab’ και των ‘arrow keys’. Η οπτική σειρά πρέπει να ταιριάζει με την σειρά που ακολουθεί εκείνη των ΄tab΄.
Μεγάλες ιστοσελίδες είναι θεμιτό να έχουν anchor links ώστε να μην χρειάζεται να μεταβούν ένα ένα τα στοιχεία της ιστοσελίδας όσοι χρησιμοποιούν το πληκτρολόγιο για πλοήγηση.

Επίσης, όλα τα στοιχεία ενός μενού και υπομενού πρέπει να μπορούν να προσπελαστούν μέσω του πληκτρολογίου. Η ενεργοποίηση στοιχείων μόνο μέσω ποντικιού πρέπει να αποφεύγεται.

Προσοχή στο δυναμικό περιεχόμενο

Όταν το περιεχόμενο ανανεώνεται δυναμικά, οι αναγνώστες οθόνης ενδέχεται να συγχιστούν. Τέτοια παραδείγματα μπορεί να είναι modal pop-ups και dialogs, lightboxes, overlays κλπ. Με την χρήση ARIA roles  αυτά τα στοιχεία μπορούν να γίνουν προσβάσιμα. Επίσης οι video players πρέπει να μπορούν να ελέγχονται μέσω πληκτρολογίου και δεν έχουν το auto-play ενεργοποιημένο

Σαφές περιεχόμενο και εναλλακτικές μορφές

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