WEBVTT

00:00:00.000 --> 00:00:06.000
Is a large bold line automatically a heading?

00:00:06.000 --> 00:00:13.000
Semantic HTML describes what content is, as well as how it looks.

00:00:13.000 --> 00:00:18.000
Choose the element that matches the job.
6 semantic HTML basics.

00:00:18.000 --> 00:00:30.000
A heading has a structural role
Heading markup identifies a section rather than just enlarging its text.
Section heading · Document structure · Visual styling

00:00:30.000 --> 00:00:42.000
A button performs an action
Use a suitable native control for an interactive task.
Action control · Native behaviour · Clear label

00:00:42.000 --> 00:00:54.000
A link leads somewhere
Link markup identifies navigation to a resource or destination.
Destination · Link purpose · Navigation behaviour

00:00:54.000 --> 00:01:06.000
Lists identify related items
List markup communicates the relationship between entries.
Related items · List structure · Meaningful grouping

00:01:06.000 --> 00:01:18.000
Appearance can be styled
CSS can change presentation while useful HTML meaning remains.
HTML meaning · CSS appearance · Working structure

00:01:18.000 --> 00:01:30.000
Check software understanding
Review structure, names and keyboard behaviour as well as the screenshot.
Programmatic role · Accessible name · Actual interaction

00:01:30.000 --> 00:01:39.000
Your checklist
A heading has a structural role · A button performs an action · A link leads somewhere · Lists identify related items · Appearance can be styled · Check software understanding

00:01:39.000 --> 00:01:47.000
Use meaningful structure and test the resulting behaviour.
jerseyweb.je