Starting from an empty file Course
Accessible Web Pages: Keyboard, Contrast and Screen Readers
Semantic HTML, keyboard focus, colour contrast, forms and images that work with assistive technology, checked live with a screen reader and a keyboard.
“I have heard the site must be accessible, and I do not know what that means in code.”
the problem this course starts from
What is inside
34 lessons · about 10 min each · 5 h 40 min
- 01 Who uses the web differently
- 02 Semantic structure and landmarks
- 03 Keyboard and focus
- 04 Colour, contrast and motion
- 05 Forms and errors
- 06 Images, video and alternatives
// outcomes
You will be able to…
- Structure a page so assistive technology can navigate it
- Make every control usable with a keyboard and visible focus
- Check colour contrast and write useful text alternatives
What’s included
- A deliberately broken page repaired one problem at a time
- Screen reader and keyboard-only walk-throughs recorded on screen
- A checklist based on the success criteria the lessons cover
- End-of-unit exercises with the fixed code shown on screen
- 18 months of streaming access
who.txt
Who it suits
Anyone who builds or edits web pages, from beginners to people maintaining an existing site.
Suggested pace: 2 h a week · about 3 weeks
Pairs well with
Course
Layout with Flexbox and Grid
Three questions about this course
How much time does it take each week?
There are 34 lessons, 5 h 40 min of video in total. At the suggested 2 hours a week that is about 3 weeks, but you set the pace: the planner works it out for other weekly hours.
How long can I watch it?
For 18 months from the day your access starts. Access details are emailed within one working day of payment, and you can rewatch any lesson as often as you like during that time.
Can I download the videos or ask a tutor?
No. The lessons are recorded and streamed online only, and there is no tutor, mentoring or marking of your code. The exercises listed under what’s included show the finished result on screen, so you can check your own work. Read before you start for what you need.