Εξέλιξη Κομματιού
Νομικό Πλαίσιο & Βασικές Αρχές Προσβασιμότητας
Ενότητα 1: Εισαγωγή στον Νόμο για την Προσβασιμότητα και τη Σημασία του
- Επισκόπηση του νέου Νόμου για την Προσβασιμότητα (σε ισχύ από τις 28 Ιουνίου)
- Νομικές απαιτήσεις και προθεσμίες
- Επιπτώσεις στον δημόσιο τομέα, τις ιδιωτικές εταιρείες και τους προγραμματιστές
- Γιατί έχει σημασία η προσβασιμότητα: κοινωνικές, ηθικές και επιχειρηματικές προοπτικές
- Κυρώσεις για μη συμμόρφωση
- Επισκόπηση των προτύπων προσβασιμότητας (WCAG 2.1/2.2, ARIA)
- Κατηγορίες αναπηριών
Ενότητα 2: Αρχές & Οδηγίες Προσβασιμότητας
- Αρχές POUR (Perceivable, Operable, Understandable, Robust - Αντιληπτό, Λειτουργικό, Κατανοητό, Ανθεκτικό)
- Εισαγωγή στις οδηγίες WCAG
- Ρόλοι, καταστάσεις και ιδιότητες ARIA
- Σημασιολογική HTML και ο ρόλος της στην προσβασιμότητα
Ενότητα 3: Ρύθμιση ενός Προσβάσιμου Περιβάλλοντος Ανάπτυξης
- Εργαλεία: εργαλεία ανάπτυξης περιηγητή, προγράμματα ανάγνωσης οθόνης (NVDA, VoiceOver), επεκτάσεις προσβασιμότητας
- Ρύθμιση εργαλείων linting και αυτοματοποιημένων δοκιμών προσβασιμότητας
- Επισκόπηση κοινών εργαλείων δοκιμής προσβασιμότητας
- Ρύθμιση δοκιμών προσβασιμότητας σε προσομοιωτές κινητών και πραγματικές συσκευές (χρησιμοποιώντας VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Ενότητα 4: Πρακτική Κωδικοποίηση – Σημασιολογική HTML & Πλοήγηση με Πληκτρολόγιο
- Συγγραφή σημασιολογικής σήμανσης για προσβασιμότητα
- Διασφάλιση πλήρους πλοήγησης μέσω πληκτρολογίου
- Τεχνικές διαχείρισης εστίασης
- Χειρισμός φορμών και διαδραστικών στοιχείων με προσβάσιμο τρόπο
Προσβασιμότητα σε Εγγενείς Εφαρμογές για Κινητά (Προαιρετική πρόσθετη ενότητα 1,5 ώρας)
- Βασικές οδηγίες πλατφόρμας (Google Material, Apple Human Interface)
- Δημιουργία προσβάσιμης πλοήγησης, κουμπιών, φορμών σε κινητά
- Συνήθη ζητήματα προσβασιμότητας σε κινητά και λύσεις
- Πρακτική δοκιμή με VoiceOver και TalkBack
Προηγμένη Κωδικοποίηση & Υποβοηθητικές Τεχνολογίες
Ενότητα 5: Προσβάσιμο CSS και Οπτικός Σχεδιασμός
- Βέλτιστες πρακτικές αντίθεσης χρωμάτων και μεγέθους κειμένου
- Στυλ εστίασης και ορατοί δείκτες εστίασης
- Σχεδιαστικές σκέψεις απόκρισης για προσβασιμότητα
- Αποφυγή παγίδων προσβασιμότητας σε κινούμενα σχέδια και μεταβάσεις
- Οδηγίες αντίθεσης χρωμάτων και μεγέθους για οθόνες κινητών.
Ενότητα 6: ARIA για Δυναμικό Περιεχόμενο & Πλούσιες Διαδικτυακές Εφαρμογές
- Πότε και πώς να χρησιμοποιείτε τα χαρακτηριστικά ARIA
- Διαχείριση ζωντανών περιοχών για προγράμματα ανάγνωσης οθόνης
- Δημιουργία προσβάσιμων widgets και προσαρμοσμένων στοιχείων
- Ο ρόλος του ARIA σε SPAs (Εφαρμογές Μίας Σελίδας)
- Για κινητά, συζήτηση ρόλων και ετικετών προσβασιμότητας σε εγγενείς πλατφόρμες (π.χ. contentDescription στο Android, accessibilityLabel στο iOS).
Ενότητα 7: Πρακτικό Εργαστήριο Κωδικοποίησης: Δημιουργία Προσβάσιμων Στοιχείων
- Δημιουργήστε προσβάσιμα κουμπιά, modals, dropdowns, καρτέλες
- Υλοποιήστε προσβάσιμη επικύρωση φόρμας και χειρισμό σφαλμάτων
- Χρησιμοποιήστε ARIA και σημασιολογική HTML για στοιχεία UI πραγματικού κόσμου
Δοκιμές, Συμμόρφωση και Συνεχής Προσβασιμότητα
Ενότητα 8: Δοκιμή & Έλεγχος Προσβασιμότητας
- Τεχνικές χειροκίνητης δοκιμής με προγράμματα ανάγνωσης οθόνης και μόνο πληκτρολόγιο
- Αυτοματοποιημένη δοκιμή με εργαλεία όπως axe, Lighthouse, pa11y
- Συγγραφή σεναρίων δοκιμής προσβασιμότητας για ομάδες QA
- Ενσωμάτωση δοκιμών προσβασιμότητας σε pipelines CI/CD
- Πώς να εκτελείτε ελέγχους προσβασιμότητας σε εγγενείς εφαρμογές κινητών (χειροκίνητες δοκιμές, αυτοματοποιημένα εργαλεία όπως Accessibility Scanner, Espresso για Android, XCTest για iOS)
Ενότητα 9: Αποκατάσταση & Συνεχής Προσβασιμότητα
- Συνήθη ζητήματα προσβασιμότητας και τρόποι διόρθωσής τους
- Διαχείριση προσβασιμότητας σε παλαιότερες βάσεις κώδικα
- Διατήρηση της προσβασιμότητας κατά τις ενημερώσεις λειτουργιών και την ανακατασκευή κώδικα
- Προσβασιμότητα σε εφαρμογές πολλαπλών πλατφορμών (κινητά, υπολογιστές, web)
Ενότητα 10: Τελική Πρακτική Άσκηση και Ανακεφαλαίωση
- Δημιουργήστε ή ανακατασκευάστε μια μικρή εφαρμογή/ενότητα για να συμμορφώνεται με τα πρότυπα προσβασιμότητας
- Αξιολόγηση από ομοτίμους και ομαδική συζήτηση
- Συνεδρία ερωτήσεων & απαντήσεων και ανατροφοδότησης
- Πόροι για συνεχή μάθηση και ενημερώσεις συμμόρφωσης
Απαιτήσεις
- Βασική έως μέτρια γνώση HTML, CSS, JavaScript
- Βασική έως ενδιάμεση γνώση τεχνικών ανάπτυξης εφαρμογών για κινητά (Android, iOS)
- Εξοικείωση με frontend frameworks (React, Angular, Vue, κ.λπ.) είναι επιπλέον προσόν
- Εξοικείωση με την ανάπτυξη εφαρμογών για κινητά είναι επιπλέον προσόν
- Βασική κατανόηση του κύκλου ζωής ανάπτυξης web/κινητών εφαρμογών
- Φορητός υπολογιστής με ρυθμισμένο περιβάλλον ανάπτυξης (πρόγραμμα επεξεργασίας κώδικα, εργαλεία ανάπτυξης περιηγητή)
Ακροατήριο
- Προγραμματιστές Frontend/Backend/Κινητών εφαρμογών
- Σχεδιαστές UI/UX με γνώσεις κωδικοποίησης
- Μηχανικοί QA που επικεντρώνονται στη δοκιμή προσβασιμότητας
- Ιδιοκτήτες προϊόντος και Διαχειριστές Έργου που εμπλέκονται στη συμμόρφωση με την προσβασιμότητα
Σχόλια (3)
Πειραματισμός με εργαλεία
Nuwan Gunaratne - AZQORE
Κομμάτι - User Experience Design with Figma
Μηχανική Μετάφραση
Ο εκπαιδευτής μας, ο Yashank, ήταν εξαιρετικά γνωσιακώς πλούσιος. Εγυμνάστηκε το πρόγραμμα μελετών ώστε να ανταποκρίνεται στο απολογιστικό μας επίπεδο και έζησαν εμπνευσμένη μάθηση. Η κατανόησή του του επιχειρηματικού τομέα που δίδασκε ήταν ανταγωνιστική· μοιράστηκε συλλήψεις από πραγματικές εμπειρίες και μας βοήθησε να λύσουμε πραγματικά προβλήματα με τα οποία αντιμετώπιζαμε στο εργαλειοδοχείο μας.
Ahmed Nazeem - Maldives Pension Administration Office
Κομμάτι - Multimodal AI for Enhanced User Experience
Μηχανική Μετάφραση
"Εισάκουα μεγάλως την προσέγγιση σε πραγματικό χρόνο που ο καθηγητής χρησιμοποίησε για να δείξει πώς το ομάδα μας μπορεί να εφαρμόσει την Ανθρωποκέντρικη Σχεδίαση (HCD) στο έργο μας. Ήταν επίσης πολύ χρήσιμο το γεγονός ότι ο καθηγητής διέθεσε χρόνο να κατανοήσει συνοπτικά το έργο μας, πράγμα που βοήθησε σημαντικά στην παροχή σαφών και πρακτικών κατευθύνσεων για το πώς μπορούμε να βελτιώσουμε την UX και την UI."
Nichole Bryant Joven - Grundfos
Κομμάτι - Human-Centered Design (HCD)
Μηχανική Μετάφραση