ΕργασίαQuick recap. Build a tiny page proving you know the 4 A5 must-haves. Skip link at top, <main id='main'>, <nav aria-label='Primary'> inside with one <a>, and an icon-only button with aria-label='Search'. The 4 checks verify each piece.
Recap: Accessibility, for real
50 XP5 min
Θεωρία
Quick recap — Module A5
12 lessons of a11y. The 4 things you cannot ship without:
- Landmark structure —
<main>+<nav>+<header>+<footer>. Screen-reader users navigate by landmark. - `aria-label` on icon-only buttons + nav — without text, the assistive tech has nothing to announce.
- Skip link —
<a href="#main">Skip to content</a>as the first focusable element. Keyboard users repeat-tab through nav otherwise. - Visible focus — never
outline: nonewithout a replacement. Use:focus-visibleto scope the ring to keyboard users.
If any feels random, redo A5-02 / A5-04 / A5-07 / A5-10 then come back.
🔒
Εγγράψου για να αρχίσεις να προγραμματίζεις
Η θεωρία είναι ανοιχτή για όλους. Ο επεξεργαστής, η ζωντανή προεπισκόπηση και ο έλεγχος ξεκλειδώνουν με 7-ήμερη δωρεάν δοκιμή — απαιτείται κάρτα.
Εγγραφή — δωρεάν δοκιμή →Τα πρώτα 10 μαθήματα κάθε διαδρομής είναι δωρεάν. Δεν χρειάζεται κάρτα.