EU και Web Content Accessibility :: Τι είναι το πρότυπο WCAG και πώς εφαρμόζεται στο Drupal

Προσβασιμότητα περιεχομένου ιστοσελίδων για ανθρώπους με ειδικές ανάγκες

Κάθε ιστοσελίδα θα πρέπει να είναι προσβάσιμη από όλους μας, ακόμα και από όσους από εμάς αντιμετωπίζουμε προβλήματα όρασης, ακοής, κ.λ.π.

Η προσβασιμότητα - accesibility - των ιστοσελίδων μας, πέρα από δικαίωμα κάθε επισκέπτη, είναι και "απαίτηση" από την Ευρωπαϊκή Ένωση, για όλα τα websites που χρηματοδοτούνται από αυτήν, όπως για παράδειγμα, για τα websites που χρηματοδοτούνται από το ΕΣΠΑ.

Για να καθοριστεί πώς πρέπει να είναι μία ιστοσελίδα που είναι προσβάσιμη από ανθρώπους με ειδικές ανάγκες, αναπτύχθηκε το πρότυπο WCAG. Το πρότυπο αυτό καθορίζει τις απαιτήσεις - success criteria - που αν ικανοποιούνται, τότε η σελίδα είναι προσβάσιμη από ανθρώπους με ειδικές ανάγκες. Το πρότυπο WCAG παρέχει επίσης οδηγίες για το πώς μπορεί κάποιος να δημιουργήσει τέτοιες ιστοσελίδες.

Ποιες είναι λοιπόν αυτές οι απαιτήσεις και τι πρέπει να κάνουμε για να τις ικανοποιήσουμε στα websites Drupal;

Σε γενικές γραμμές, θα πρέπει:

  • Να χρησιμοποιούμε χρώματα με έντονες αντιθέσεις (μεταξύ φόντου και προσκηνίου), ώστε άνθρωποι με μειωμένη όραση να μπορούν να διαβάζουν ευκολότερα το περιεχόμενο της ιστοσελίδας μας.
  • Να μην ξεχνάμε ποτέ σε κάθε εικόνα (img tag) να συμπληρώνουμε στο χαρακτηριστικό alt μία περιγραφή για το τι φαίνεται στην εικόνα. Όχι μόνο οπτική περιγραφή, αλλά κυρίως το νόημά της, εκτός κι αν αυτό περιγράφεται στο κείμενο της ιστοσελίδας. Αυτό βοηθά τα προγράμματα που διαβάζουν την οθόνη (screen readers) και την περιγράφουν στους επισκέπτες που δεν μπορούν να τη δουν. Δεν χρειάζεται να συμπληρώνουμε, αλλά να αφήνουμε κενό, το alt, σε εικόνες που είναι απλά διακοσμητικές.
  • Στους υπερσυνδέσμους θα πρέπει να προσθέτουμε πληροφορίες με labels, που θα ενημερώνουν σε ποια ιστοσελίδα οδηγούν και εάν ανοίξουν σε νέο παράθυρο ή όχι, για να διαβάζει τις πληροφορίες αυτές ο screen reader.
  • Για τους ανθρώπους που θα ήθελαν να βλέπουν τα γράμματα της ιστοσελίδας μας σε μεγαλύτερο μέγεθος, χρησιμοποιώντας τις λειτουργίες του browser, θα πρέπει να αποφεύγουμε να ορίζουμε στο css το μέγεθος των γραμμάτων σε px και να χρησιμοποιούμε τη μονάδα rem.
  • Οι φόρμες θα πρέπει να έχουν labels δίπλα σε κάθε πλαίσιο εισαγωγής δεδομένων, ώστε να διευκολύνεται ο επισκέπτης που θέλει να καταχωρήσει στοιχεία και έχει προβλήματα όρασης.
  • Για όσους δεν μπορούν να χρησιμοποιήσουν ποντίκι, θα πρέπει να εξασφαλίζουμε ότι μπορούν να πλοηγούνται στην ιστοσελίδα μας με τη χρήση των tab, space, enter. Αυτό σημαίνει ότι θα πρέπει τα στοιχεία της ιστοσελίδας που έχουν την εστίαση να ξεχωρίζουν με κάποιο τρόπο, συνήθως με ένα έντονο περίγραμμα, ώστε να διευκολύνουν τον επισκέπτη που χρησιμοποιεί μόνο το πληκτρολόγιο.