HTML Complete Course
Build semantic, accessible web pages from your first file to native dialogs, safe embeds and fast loading.
- Beginner
- 25 lessons
- 10 hours
Web development
Courses
CSS Complete Course
Style and lay out modern websites, from your first rule to cascade layers, Grid and scroll-driven animation.
- Beginner
- 34 lessons
- 16 hours
Responsive Web Design
Build pages that work on every screen, from a 320 pixel phone to a wide desktop monitor.
- Beginner
- 13 lessons
- 6 hours
Web Accessibility Essentials
Build and test websites that disabled people can use, from alt text to WCAG 2.2 audits.
- Beginner
- 22 lessons
- 12 hours
JavaScript Complete Course
Learn modern JavaScript from your first script to closures, async code, modules and the event loop, with projects you build as you go.
- Beginner
- 54 lessons
- 23 hours
Tutorials
-
Accessible media: captions, transcripts and audio description
What WCAG requires for audio and video, writing captions and transcripts, and avoiding autoplay problems.
-
Building an accessible modal dialog
Use the dialog element for modals: focus moves in and back, Escape closes, the background is inert.
-
Accessible disclosures, accordions and tabs
Build show-hide components and tabs with the right markup, keyboard support and ARIA states.
-
Accessible navigation menus and dropdowns
Site navigation and dropdowns that work by keyboard and screen reader, and why app-style menu roles are usually wrong.
-
Live regions: announcing dynamic changes
Tell screen reader users about updates such as search results, saved messages and errors with live regions and status roles.
-
Motion, animation and vestibular disorders
Why motion can make people unwell, WCAG motion criteria, and implementing prefers-reduced-motion properly.
-
Accessibility in single-page apps
Announce route changes, move focus to new content and keep titles updated in client-rendered apps.
-
Running an accessibility audit and remediation plan
Scope an audit, combine automated and manual testing, record issues against WCAG, and prioritise fixes.
-
Complex widgets: comboboxes, grids and accessible charts
Patterns from the ARIA Authoring Practices Guide for comboboxes and data grids, and making charts understandable.
-
Automated accessibility testing and its limits
Run axe and Lighthouse, read their results, and know the large share of issues only manual testing finds.
-
Testing with a screen reader: NVDA and VoiceOver basics
Start NVDA or VoiceOver, navigate by headings, landmarks and forms, and note what to listen for.
-
Media queries: width, orientation and user preferences
Media query syntax, range syntax, and querying user preferences such as dark mode and reduced motion.
-
Responsive images: srcset, sizes and picture
Serve the right image size and format for each screen with srcset, sizes and the picture element.
-
Fluid typography and spacing with clamp()
Scale type and spacing smoothly between screen sizes with clamp(), and keep text zoomable.
-
Responsive layouts without media queries
Intrinsic layouts that adapt by themselves with flex-wrap, auto-fit and minmax().
-
What is web accessibility, and who does it help?
Disabilities and situations that affect how people use the web, assistive technologies, and the legal and business case.
-
Choosing breakpoints from content, not devices
Find breakpoints where the layout breaks instead of copying device widths, and how many you really need.
-
WCAG explained: principles and conformance levels
The POUR principles, success criteria and A, AA and AAA levels in WCAG 2.2, in plain language.
-
Responsive tables and wide content
Keep tables, code blocks and embeds usable on small screens without breaking the page.
-
Writing useful alt text
When images need alt text, how to describe them for context, and when an empty alt is correct.