HTML CSS and Accessibility topics
10 short topics in HTML CSS and Accessibility. Each one is a single focused exercise with a clear piece of evidence at the end.
10 topics, one exercise each.
Work through them in order, or jump to the one you need.
These are draft topic outlines (draft; instructor review pending). Full lessons follow after review; ask Ajay if you need a topic sooner.
- 01
Semantic document structure
Implement a focused example of Semantic document structure within a small part of Responsive accessible learning landing page; demonstrate a normal and an edge or failure case.
Open micro-course → - 02
Forms and validation semantics
Implement a focused example of Forms and validation semantics within a small part of Responsive accessible learning landing page; demonstrate a normal and an edge or failure case.
Open micro-course → - 03
CSS selectors and cascade
Implement a focused example of CSS selectors and cascade within a small part of Responsive accessible learning landing page; demonstrate a normal and an edge or failure case.
Open micro-course → - 04
Box model
Implement a focused example of Box model within a small part of Responsive accessible learning landing page; demonstrate a normal and an edge or failure case.
Open micro-course → - 05
Flexbox layouts
Implement a focused example of Flexbox layouts within a small part of Responsive accessible learning landing page; demonstrate a normal and an edge or failure case.
Open micro-course → - 06
CSS Grid layouts
Implement a focused example of CSS Grid layouts within a small part of Responsive accessible learning landing page; demonstrate a normal and an edge or failure case.
Open micro-course → - 07
Responsive breakpoints
Implement a focused example of Responsive breakpoints within a small part of Responsive accessible learning landing page; demonstrate a normal and an edge or failure case.
Open micro-course → - 08
Typography and design tokens
Implement a focused example of Typography and design tokens within a small part of Responsive accessible learning landing page; demonstrate a normal and an edge or failure case.
Open micro-course → - 10
Accessible names and screen reader testing
Implement a focused example of Accessible names and screen reader testing within a small part of Responsive accessible learning landing page; demonstrate a normal and an edge or failure case.
Open micro-course →
More in Core IT concepts.
You have the curiosity.
Let’s turn it into capability.
Start with a practical workshop or bring a specific question to Ajay.