Εξέλιξη Κομματιού
Νομικό Πλαίσιο & Βασικά στην Προσβασιμότητα
Module 1: Εισαγωγή στη Νομοθεσία για την Προσβασιμότητα και τη Σημασία Της
- Επισκόπηση της νέας Νομοθεσίας για την Προσβασιμότητα (ενεργή από τις 28 Ιουνίου)
- Νομικές απαιτήσεις και προθεσμίες
- Επίδραση στον δημόσιο τομέα, τις ιδιωτικές εταιρείες και τους προγραμματιστές
- Γιατί η προσβασιμότητα έχει σημασία: κοινωνικές, ηθικές και επιχειρηματικές οπτικές
- Κόστες για μη συμμόρφωση
- Επισκόπηση προτύπων προσβασιμότητας (WCAG 2.1/2.2, ARIA)
- Κατηγορίες αναπηριών
Module 2: Αρχές & Οδηγίες Προσβασιμότητας
- Αρχές POUR (Αντιληπτές, Ενεργητές, Κατανοητές, Σταθερές)
- Εισαγωγή στις οδηγίες WCAG
- Ρόλοι, καταστάσεις και ιδιότητες ARIA
- Σημασιολογικό HTML και ο ρόλος του στην προσβασιμότητα
Module 3: Ρύθμιση Περιβάλλοντος Ανάπτυξης Προσβάσιμης
- Εργαλεία: εργαλεία dev browser, αναγνώστες οθόνης (NVDA, VoiceOver), επεκτάσεις προσβασιμότητας
- Ρύθμιση linters και εργαλείων αυτόματων δοκιμών προσβασιμότητας
- Επισκόπηση συνηθισμένων εργαλείων δοκιμών προσβασιμότητας
- Ρύθμιση δοκιμών προσβασιμότητας σε κινητά simulators και πραγματικές συσκευές (χρησιμοποιώντας VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Module 4: Πρακτική Κωδικοποίηση – Σημασιολογικό HTML & Πλοήγηση με Πληκτρολόγιο
- Σύγγραση σημασιολογικού markup για προσβασιμότητα
- Διασφάλιση πλήρους πλοήγησης με πληκτρολόγιο
- Τεχνικές διαχείρισης εστίασης
- Χειρισμός φορμών και διαδραστικών στοιχείων με προσβασιμότητα
Προσβασιμότητα σε Native Κινητές Εφαρμογές (Προαιρετικό επιπλέον module για 1.5 ώρα)
- Σημαντικές οδηγίες πλατφορμής (Google Material, Apple Human Interface)
- Κάνοντας πλοήγηση, κουμπιά, φόρμες προσβάσιμα σε κινητά
- Συνήθη ζητήματα προσβασιμότητας κινητού και λύσεις
- Πρακτική δοκιμή με VoiceOver και TalkBack
Προχωρημένη Κωδικοποίηση & Τεχνολογίες Υποστήριξης
Module 5: Προσβάσιμα CSS και Οπτικός Σχεδιασμός
- Καλύτερες πρακτικές για αντίθεση χρωμάτων και μέγεθος κειμένου
- Στυλ εστίασης και ορατοί δείκτες εστίασης
- Συνιστάμενες σκέψεις responsive design για προσβασιμότητα
- Αποφυγή παγίδων προσβασιμότητας σε animations και transitions
- Οδηγίες αντίθεσης χρωμάτων και μεγέθους για οθόνες κινητού.
Module 6: ARIA για Δυναμικό Περιεχόμενο & Πολύπλοκες Ιστοσελίδες
- Πότε και πώς να χρησιμοποιείτε attributs ARIA
- Διαχείριση ζωντανών περιοχών για αναγνώστες οθόνης
- Δημιουργία προσβάσιμων widgets και προσαρμοσμένων στοιχείων
- Ρόλος του ARIA σε SPA (Single Page Applications)
- Για κινητά, συζήτηση ρόλων προσβασιμότητας και ετικετών σε native πλατφόρμες (π.χ. contentDescription σε Android, accessibilityLabel σε iOS).
Module 7: Εργαστήριο Πρακτικής Κωδικοποίησης: Δημιουργία Προσβάσιμων Στοιχείων
- Δημιουργία προσβάσιμων κουμπιών, modals, dropdowns, tabs
- Εφαρμογή προσβάσιμης επαλήθευσης φόρμας και διαχείρισης σφαλμάτων
- Χρήση ARIA και σημασιολογικού HTML για πραγματικά στοιχεία UI
Δοκιμές, Συμμόρφωση, και Συνεχής Προσβασιμότητα
Module 8: Δοκιμές & Εξετάσεις Προσβασιμότητας
- Τεχνικές χειροκίνητων δοκιμών με αναγνώστες οθόνης και μόνο με πληκτρολόγιο
- Αυτόματοι δοκιμές με εργαλεία όπως axe, Lighthouse, pa11y
- Συγγραφή περιπτώσεων δοκιμών προσβασιμότητας για ομάδες QA
- Ενσωμάτωση δοκιμών προσβασιμότητας σε pipelines CI/CD
- Πώς να εκτελέσετε εξετάσεις προσβασιμότητας σε native κινητές εφαρμογές (χειροκίνητες δοκιμές, αυτόματα εργαλεία όπως Accessibility Scanner, Espresso για Android, XCTest για iOS)
Module 9: Διόρθωση & Συνεχής Προσβασιμότητα
- Συνήθη ζητήματα προσβασιμότητας και πώς να τα διορθώσετε
- Διαχείριση προσβασιμότητας σε κώδικα legacy
- Συντήρηση προσβασιμότητας κατά την ενημέρωση λειτουργιών και refactoring
- Προσβασιμότητα σε multi-platform εφαρμογές (κινητό, desktop, web)
Module 10: Τελική Πρακτική Άσκηση και Κλείσιμο
- Δημιουργία ή refactoring μιας μικρής εφαρμογής/μονάδας για να πληροί πρότυπα προσβασιμότητας
- Αξιολόγηση ομοτίμων και ομαδική συζήτηση
- Q&A και σεάνς αποστολής υπολογιστών
- Πόροι για συνεχή μάθηση και ενημερώσεις συμμόρφωσης
Απαιτήσεις
- Βασικές έως μεσαίες γνώσεις HTML, CSS, JavaScript
- Βασικές έως μεσαίες γνώσεις τεχνικών κινητών εφαρμογών (Android, iOS)
- Οικειότητα με frameworks front-end (React, Angular, Vue κ.λπ.) θεωρείται πλεονέκτημα
- Οικειότητα με την ανάπτυξη κινητών εφαρμογών θεωρείται πλεονέκτημα
- Βασική κατανόηση του κύκλου ζωής ανάπτυξης web/kinhtou
- Portable υπολογιστής με ρυθμισμένο περιβάλλον ανάπτυξης (επεξεργαστής κώδικα, εργαλεία dev browser)
Κοινό Συμμετεχόντων
- Προγραμματιστές Frontend/Backend/Kinctou
- Σχεδιαστές UI/UX με γνώσεις προγραμματισμού
- Μηχανικοί QA που εστιάζουν σε δοκιμές προσβασιμότητας
- Ιδιοκτήτες Προϊόντων και Διευθυντές Προγραμμάτων εμπλεκόμενοι στη συμμόρφωση προσβασιμότητας
Σχόλια (3)
Το τι πρέπει να λάβω υπόψη κατά τη σχεδίαση ροών διαδικασιών, ώστε να εξασφαλίζω ότι η εμπειρία χρήστη (UX) θα ευνοηθεί ή θα γίνει εύκολη στη βιομηχανοποίηση.
Lineo Nchaba - Revenue Services Lesotho
Κομμάτι - User Experience (UX) Design
Μηχανική Μετάφραση
Πειραματισμός με εργαλεία
Nuwan Gunaratne - AZQORE
Κομμάτι - User Experience Design with Figma
Μηχανική Μετάφραση
Ο εκπαιδευτής μας, ο Yashank, ήταν εξαιρετικά γνωσιακώς πλούσιος. Εγυμνάστηκε το πρόγραμμα μελετών ώστε να ανταποκρίνεται στο απολογιστικό μας επίπεδο και έζησαν εμπνευσμένη μάθηση. Η κατανόησή του του επιχειρηματικού τομέα που δίδασκε ήταν ανταγωνιστική· μοιράστηκε συλλήψεις από πραγματικές εμπειρίες και μας βοήθησε να λύσουμε πραγματικά προβλήματα με τα οποία αντιμετώπιζαμε στο εργαλειοδοχείο μας.
Ahmed Nazeem - Maldives Pension Administration Office
Κομμάτι - Multimodal AI for Enhanced User Experience
Μηχανική Μετάφραση