Accessible websites / WCAG-aware delivery
Κατασκευή ιστοσελίδων για ΑμεΑ με προσβασιμότητα που ελέγχεται στην πράξη.
Σχεδιάζουμε και αναπτύσσουμε προσβάσιμες ιστοσελίδες με σημασιολογικό κώδικα, ελέγχους με πληκτρολόγιο και υποστηρικτικές τεχνολογίες, τεκμηρίωση και σαφή προσαρμογή στις απαιτήσεις του εκάστοτε ΕΣΠΑ ή έργου.
Τι σημαίνει πραγματική προσβασιμότητα;
Δεν είναι ειδική έκδοση της ιστοσελίδας. Είναι ποιότητα στην ίδια εμπειρία.
Η προσβασιμότητα επηρεάζει τη δομή, το περιεχόμενο, τον σχεδιασμό, τον κώδικα και την καθημερινή διαχείριση. Στόχος είναι οι άνθρωποι να μπορούν να αντιληφθούν την πληροφορία, να κινηθούν, να καταλάβουν τι συμβαίνει και να ολοκληρώσουν μία ενέργεια με διαφορετικούς τρόπους.
Το WCAG οργανώνει αυτή τη σκέψη σε ελέγξιμα κριτήρια. Δεν αντικαθιστά την ανθρώπινη αξιολόγηση και δεν μετατρέπει μια αυτόματη βαθμολογία σε πιστοποιητικό.
Perceivable · Operable · Understandable · Robust
Τέσσερις αρχές που επηρεάζουν κάθε στοιχείο και κάθε απόφαση περιεχομένου.
Οι αρχές δεν είναι διακοσμητική λίστα. Μεταφράζονται σε συγκεκριμένα κριτήρια παραλαβής για templates, διαδρομές χρήστη και δυναμικές λειτουργίες.
Αντιληπτό
Κείμενο, εικόνα, ήχος και κατάσταση διεπαφής πρέπει να μπορούν να γίνουν αντιληπτά με περισσότερους από έναν τρόπους.
Λειτουργικό
Πλοήγηση, έλεγχοι και φόρμες πρέπει να λειτουργούν με πληκτρολόγιο και διαφορετικούς τρόπους εισόδου.
Κατανοητό
Η δομή, οι οδηγίες, οι ετικέτες πεδίων και τα μηνύματα λάθους πρέπει να είναι σαφή, συνεπή και προβλέψιμα.
Ανθεκτικό
Η σημασιολογία πρέπει να μπορεί να ερμηνευτεί αξιόπιστα από browsers και υποστηρικτικές τεχνολογίες.
Accessibility scope
Η προσβασιμότητα χτίζεται σε όλη τη διαδρομή, όχι μόνο στην αρχική σελίδα.
Ο τελικός έλεγχος βασίζεται σε αντιπροσωπευτικά templates, πραγματικό περιεχόμενο και κρίσιμες ενέργειες όπως αναζήτηση, φόρμα, λογαριασμός ή checkout.
Σημασιολογική δομή
Landmarks, επικεφαλίδες, λίστες, πίνακες και στοιχεία ελέγχου χρησιμοποιούνται σύμφωνα με τον ρόλο τους, ώστε η σελίδα να έχει νόημα και χωρίς την οπτική της μορφή.
Πληκτρολόγιο & εστίαση
Όλες οι ουσιαστικές ενέργειες είναι προσβάσιμες χωρίς ποντίκι, με ορατή εστίαση, λογική σειρά και χωρίς παγίδες πληκτρολογίου.
Αντίθεση, μεγέθυνση & αναδιάταξη
Χρώματα, τυπογραφία και προσαρμοζόμενη συμπεριφορά ελέγχονται σε μεγέθυνση και στενές οθόνες, χωρίς απώλεια πληροφορίας ή λειτουργίας.
Εικόνες, video & αρχεία
Εναλλακτικά κείμενα, υπότιτλοι, απομαγνητοφωνήσεις και προσβάσιμα έγγραφα σχεδιάζονται με βάση τον σκοπό του περιεχομένου — όχι ως μηχανικό γέμισμα πεδίων.
Φόρμες & μηνύματα
Ετικέτες, οδηγίες, απαιτούμενα πεδία, έλεγχος εγκυρότητας, σφάλματα και μηνύματα κατάστασης βοηθούν τον χρήστη να ολοκληρώσει και να διορθώσει μία ενέργεια.
CMS & κανόνες περιεχομένου
Templates, Gutenberg blocks και οδηγίες περιεχομένου περιορίζουν νέα προβλήματα όταν η ομάδα προσθέτει σελίδες, εικόνες ή συνδέσμους μετά τη δημοσίευση.
Automated + manual testing
Τα εργαλεία βρίσκουν μοτίβα. Ο άνθρωπος ελέγχει αν η διαδρομή μπορεί πράγματι να ολοκληρωθεί.
Οι αυτοματοποιημένοι έλεγχοι είναι χρήσιμοι για επαναλήψιμα τεχνικά σφάλματα, όχι για να καταλάβουν πλήρως το νόημα, τη σειρά, την ποιότητα ενός εναλλακτικού κειμένου ή την πραγματική χρήση ενός custom στοιχείου.
- Αυτοματοποιημένος έλεγχος σε συμφωνημένα templates
- Πλοήγηση μόνο με πληκτρολόγιο και ορατή εστίαση
- Μεγέθυνση, απόσταση κειμένου και προσαρμοζόμενη αναδιάταξη
- Φόρμες, σφάλματα και δυναμικές ανακοινώσεις
- Αντιπροσωπευτικός έλεγχος με screen reader
- Επανέλεγχος μετά τις διορθώσεις
ΕΣΠΑ, προμήθειες & συμβατικές απαιτήσεις
Πρώτα διαβάζουμε την ενεργή πρόσκληση. Μετά ορίζουμε το τεχνικό αντικείμενο.
Δεν παρουσιάζουμε κάθε προσβάσιμη ιστοσελίδα ως αυτόματα επιλέξιμη δαπάνη και δεν υποσχόμαστε ένταξη σε πρόγραμμα. Οι απαιτήσεις διαφέρουν ανά πρόσκληση, οργανισμό, κλάδο και ημερομηνία.
Στείλτε μας το τεχνικό παράρτημα ή την πρόσκληση ↗︎- 01
Ακριβές πρότυπο και επίπεδο
Καταγράφουμε αν ζητείται συγκεκριμένη έκδοση ή επίπεδο WCAG, EN 301 549, δήλωση ή τεκμηρίωση ελέγχων.
- 02
Επιλέξιμο αντικείμενο
Ο δικαιούχος και ο σύμβουλος χρηματοδότησης επιβεβαιώνουν τι καλύπτει η πρόσκληση και ποια παραστατικά απαιτούνται.
- 03
Τεχνική προσφορά & παραδοτέα
Αποτυπώνουμε templates, λειτουργίες, ελέγχους, διορθώσεις, τεκμηρίωση και όσα μένουν εκτός του συμφωνημένου εύρους.
- 04
Τεκμηρίωση πριν από την παραλαβή
Ο έλεγχος γίνεται πάνω στο πραγματικό περιεχόμενο και στις κρίσιμες διαδρομές πριν θεωρηθεί ολοκληρωμένο το έργο.
Accessibility-relevant work
Έργα με διαφορετικές απαιτήσεις χρήσης, περιεχομένου και αλληλεπίδρασης.
Τα case studies δείχνουν σχετικές σχεδιαστικές και τεχνικές αποφάσεις. Δεν παρουσιάζονται ως ανεξάρτητα πιστοποιητικά συμμόρφωσης WCAG.

Noema Home
Μεγάλος δίγλωσσος κατάλογος με συγκεκριμένες απαιτήσεις προσβασιμότητας, αναγνωσιμότητας και ομαλής χρήσης σε κάθε συσκευή.
Δείτε το case study ↗︎
Olympism Culture
Διαδοχικές οδηγίες και οπτικές επιλογές οργανώνουν μία σύνθετη διαδικασία για γονέα και παιδί.
Δείτε το case study ↗︎
NAK Επίγνωση
Ελαφριά στατική βάση, καθαρή ιεραρχία και άμεση πρόσβαση σε υπηρεσίες, στοιχεία και επικοινωνία.
Δείτε το case study ↗︎From requirement to evidence
Πέντε στάδια για να παραδοθεί κάτι ελέγξιμο και συντηρήσιμο.
Η προσβασιμότητα εντάσσεται στην αρχική καταγραφή, στον σχεδιασμό, στην ανάπτυξη και στη ροή περιεχομένου — όχι σε έναν έλεγχο την τελευταία ημέρα.
- 01
Απαιτήσεις & εύρος έργου
Καταγράφουμε κοινό, λειτουργίες, τεχνολογία, περιεχόμενο και τις ακριβείς απαιτήσεις πρόσκλησης, προμήθειας ή οργανισμού.
- 02
Προσβάσιμο UX & περιεχόμενο
Σχεδιάζουμε την ιεραρχία, την πλοήγηση, τα στοιχεία διεπαφής, τις φόρμες και τη γλώσσα, μαζί με τις καταστάσεις, την εστίαση και τις εναλλακτικές μορφές πληροφορίας.
- 03
Σημασιολογική ανάπτυξη
Υλοποιούμε με εγγενή στοιχεία HTML όπου είναι σωστό, ελεγχόμενο ARIA όπου χρειάζεται και προσαρμοζόμενη συμπεριφορά χωρίς εξάρτηση από δείκτη ή χρώμα.
- 04
Έλεγχοι & διορθώσεις
Συνδυάζουμε αυτοματοποιημένους ελέγχους με χειροκίνητες δοκιμές πληκτρολογίου, εστίασης, μεγέθυνσης, αναδιάταξης, φορμών και αντιπροσωπευτικών σεναρίων με υποστηρικτική τεχνολογία.
- 05
Τεκμηρίωση & παράδοση
Παραδίδουμε ευρήματα, διορθώσεις, γνωστούς περιορισμούς και οδηγίες περιεχομένου, με σαφές εύρος για μελλοντικό επανέλεγχο.
Standards, not slogans
Το έργο βασίζεται σε συγκεκριμένες απαιτήσεις και επίσημες πηγές.
Το WCAG 2.2 είναι η σύγχρονη σύσταση του W3C. Το EN 301 549 και οι ευρωπαϊκές ή εθνικές απαιτήσεις μπορεί να ορίζουν διαφορετική συμβατική βάση. Η εφαρμογή τους εξετάζεται ανά οργανισμό και υπηρεσία· η σελίδα αυτή δεν αποτελεί νομική συμβουλή.
Start with the requirement
Ας διαβάσουμε πρώτα τι πρέπει να καλύπτει η ιστοσελίδα — και μετά να δεσμευτούμε για το εύρος.
Στείλτε μας το υπάρχον URL, τις βασικές διαδρομές χρήστη και, αν υπάρχει, την πρόσκληση, προκήρυξη ή τεχνική προδιαγραφή που ορίζει τις απαιτήσεις.
Ζητήστε αρχική αξιολόγηση ↗︎FAQ
Συχνές ερωτήσεις για προσβάσιμες ιστοσελίδες, WCAG και ΕΣΠΑ.
Οι σωστές απαντήσεις ξεχωρίζουν το πραγματικό τεχνικό αντικείμενο από ένα widget, μια αυτόματη βαθμολογία ή μια γενική υπόσχεση συμμόρφωσης.
Τι σημαίνει προσβάσιμη ιστοσελίδα για ΑμεΑ;
Σημαίνει ότι το περιεχόμενο και οι βασικές λειτουργίες μπορούν να χρησιμοποιηθούν από ανθρώπους με διαφορετικές οπτικές, ακουστικές, κινητικές ή γνωστικές ανάγκες, με ή χωρίς υποστηρικτική τεχνολογία. Δεν αφορά μία ειδική έκδοση της σελίδας αλλά τον τρόπο με τον οποίο σχεδιάζεται, γράφεται, υλοποιείται και συντηρείται η ίδια εμπειρία.
Ποια έκδοση WCAG ακολουθείτε;
Χρησιμοποιούμε το WCAG 2.2 ως σύγχρονη τεχνική βάση όπου ταιριάζει στο έργο. Αν σύμβαση, προκήρυξη, δημόσια προμήθεια ή χρηματοδοτική πρόσκληση αναφέρει συγκεκριμένη έκδοση, επίπεδο ή το EN 301 549, εκείνη η ακριβής απαίτηση καταγράφεται στις τεχνικές προδιαγραφές και υπερισχύει.
Μπορείτε να εγγυηθείτε πλήρη συμμόρφωση WCAG;
Δεν δίνουμε γενική υπόσχεση χωρίς ορισμένο εύρος, αντιπροσωπευτικό περιεχόμενο και αξιολόγηση. Μπορούμε να σχεδιάσουμε και να ελέγξουμε με βάση συγκεκριμένα κριτήρια, να τεκμηριώσουμε τα αποτελέσματα και να καταγράψουμε γνωστούς περιορισμούς. Μελλοντικές αλλαγές περιεχομένου ή τρίτων συστημάτων χρειάζονται συνεχή έλεγχο.
Αρκεί ένα plugin προσβασιμότητας ή widget;
Όχι. Ένα widget μπορεί να προσφέρει ορισμένες προτιμήσεις χρήσης, αλλά δεν διορθώνει από μόνο του λανθασμένη σημασιολογία, παγίδες πληκτρολογίου, φόρμες χωρίς ετικέτες, μη προσβάσιμα έγγραφα ή προβλήματα σε custom στοιχεία διεπαφής. Η βάση πρέπει να διορθώνεται στον σχεδιασμό, στον κώδικα και στο περιεχόμενο.
Είναι υποχρεωτική η προσβασιμότητα για κάθε πρόγραμμα ΕΣΠΑ;
Δεν υπάρχει μία ενιαία απάντηση για όλες τις προσκλήσεις. Οι επιλέξιμες δαπάνες, τα πρότυπα, τα αποδεικτικά και οι προθεσμίες ορίζονται από την εκάστοτε ενεργή πρόσκληση και τα συμβατικά τεύχη. Εμείς αποτυπώνουμε το τεχνικό αντικείμενο· ο δικαιούχος και ο σύμβουλός του επιβεβαιώνουν την επιλεξιμότητα και τη διαδικασία ένταξης.
Μπορεί να γίνει προσβάσιμη μία υπάρχουσα ιστοσελίδα;
Ναι, αλλά ξεκινάμε με τεχνικό έλεγχο. Το εύρος εξαρτάται από το theme, τα plugins, τον page builder, το περιεχόμενο, τις φόρμες, τα αρχεία και τις εξωτερικές υπηρεσίες. Ορισμένα προβλήματα διορθώνονται στοχευμένα, ενώ άλλα μπορεί να απαιτούν αλλαγή στοιχείου, template ή συνολική ανακατασκευή.
Υποστηρίζετε WordPress, WooCommerce, OpenCart και custom ιστοσελίδες;
Ναι, με διαφορετική μεθοδολογία ανά πλατφόρμα. Σε WordPress και WooCommerce ελέγχουμε theme, blocks και plugins, στο OpenCart το template και τα checkout extensions, ενώ στα custom συστήματα εξετάζουμε τα πραγματικά στοιχεία διεπαφής και τον front-end κώδικα.
Πώς ελέγχετε μία ιστοσελίδα;
Χρησιμοποιούμε αυτοματοποιημένα εργαλεία για επαναλήψιμα τεχνικά ευρήματα και χειροκίνητους ελέγχους για πληκτρολόγιο, εστίαση, μεγέθυνση, αναδιάταξη, ετικέτες, σφάλματα, δυναμικές καταστάσεις και αντιπροσωπευτική χρήση υποστηρικτικής τεχνολογίας. Κανένα αυτοματοποιημένο score δεν αποδεικνύει μόνο του συμμόρφωση.
Ελέγχετε τη λειτουργία με screen reader;
Στο συμφωνημένο εύρος περιλαμβάνουμε αντιπροσωπευτικούς ελέγχους screen reader για landmarks, επικεφαλίδες, συνδέσμους, στοιχεία ελέγχου, φόρμες και δυναμικές ανακοινώσεις. Ο ακριβής συνδυασμός browsers και υποστηρικτικών τεχνολογιών καταγράφεται στο πλάνο δοκιμών.
Ποιος είναι υπεύθυνος για το περιεχόμενο μετά τη δημοσίευση;
Η προσβασιμότητα είναι συνεχής ευθύνη. Παραδίδουμε κανόνες για επικεφαλίδες, συνδέσμους, εναλλακτικά κείμενα, video, PDFs και νέα blocks, αλλά η ομάδα που δημοσιεύει χρειάζεται να τους εφαρμόζει. Μπορούμε να αναλάβουμε περιοδικό έλεγχο ή συνεχή τεχνική υποστήριξη.
Χρειάζεται δήλωση προσβασιμότητας;
Εξαρτάται από τον οργανισμό, τη νομοθεσία και το συμβατικό πλαίσιο. Όπου απαιτείται, η δήλωση πρέπει να αντανακλά πραγματική αξιολόγηση, εύρος ελέγχου, γνωστές εξαιρέσεις και τρόπο επικοινωνίας — όχι ένα γενικό έτοιμο κείμενο.
Πόσο κοστίζει και πόσο διαρκεί ένα έργο προσβασιμότητας;
Εξαρτάται από τον αριθμό των templates, τη λειτουργικότητα, την ποιότητα του υπάρχοντος κώδικα και περιεχομένου, το απαιτούμενο πρότυπο και το βάθος των ελέγχων. Μετά από αρχική απογραφή δίνουμε συγκεκριμένο εύρος, στάδια και παραδοτέα αντί για μία γενική τιμή.
