Επικοινωνήστε μαζί μας
 Διάρκεια 21 Ώρες

Εξέλιξη Κομματιού

Νομικό Πλαίσιο & Βασικά στην Προσβασιμότητα

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)

Εφεξής Μαθήματα

Σχετικές Κατηγορίες