Accessible Navigation
Build menus, dropdowns and mobile navigation that work with a keyboard and screen reader.
What you'll learn
- Mark up navigation with the right landmarks
- Build disclosure dropdowns
- Build an accessible mobile menu
- Add skip links and breadcrumbs
About this course
You build a site header with a dropdown menu, a mobile menu and breadcrumbs. You test each with a keyboard and a screen reader and fix what fails.
Course curriculum
4 modules and 12 lessons over 4 weeks. Plan for about 12 learning hours.
01StructureWeek 1 · 3 lessons
- nav landmarks
- Lists and links
- Current page
02DropdownsWeek 2 · 3 lessons
- Disclosure pattern
- aria-expanded
- Keyboard support
03Mobile menuWeek 3 · 3 lessons
- Toggle button
- Focus management
- Escape to close
04WayfindingWeek 4 · 3 lessons
- Skip links
- Breadcrumbs
- Testing
Project
Accessible header. A site header with dropdowns, mobile menu, skip link and breadcrumbs.
Who this course is for
Front-end developers who build site navigation.
Prerequisites
You know HTML, CSS and JavaScript.
What's included
- 180-day course access
- Project brief
- Starter repository
- Coding labs
- Reference solutions
- One written project review
- A digital completion certificate
Learning format
Project-based online course, part of our guided project courses. One written project review.
Access and delivery
- Course access is delivered within 15 minutes after payment.
- Written project review is returned within 2 business days of submission.
- Completion materials are issued within 2 business days after the project is approved.
Certificate
You receive a digital completion certificate. Completion materials are issued within 2 business days after the project is approved.
Frequently asked questions
When does access start?
Course access is delivered within 15 minutes after payment.
Is payment taken on this website?
No. After you submit your enrollment request, we reply by email with payment details and enrollment confirmation.
Does this course guarantee a job or income?
No. It is an education and training service and does not include employment, income or placement guarantees.
Can I cancel?
Our Refund and Cancellation Policy lists the terms for project-based programs.
