Start with semantic HTML
Use a small student resource page as your project. Organize content with meaningful landmarks, headings, lists and links before styling.
Break it down
01Practice: a meaningful outline
Use a descriptive main heading and logical sections. Use buttons for actions and links for navigation. Write link text that explains its destination without surrounding context.
02Checkpoint
The page makes sense without CSS. Informative images have useful alternatives; decorative images do not repeat nearby text.
Take it further
Continue learning on these source websites.
W3C WAI: accessibility tutorials(opens in a new tab)