https://www.wpkube.com/html5-cheat-sheet/
https://webaim.org/resources/htmlcheatsheet/
https://www.w3schools.com/html/html5_semantic_elements.asp
https://learn.shayhowe.com/html-css/getting-to-know-html/
<figure>
<img src = "" width = "50%" alt = "whatever image I choose"> <!-- width in percentages alt text: only for images that contain information, not for decorative images; don't use "image of" or "picture of"; decorative images alt = ""; link to page with long description of infographics; for icons, use aria-label; use diversity!-->
<figcaption>This is a caption.</figcaption>
</figure>
https://www.w3.org/WAI/tutorials/images/decision-tree/
Absolute links for outside links.
Relative links for owned links.
Never include local paths.
Can use an image as a link.
Use an informative name for the link text.
Embedded/internal links: contain id tag.
target attributes: _self - default action _blank - open in new tab or window _top - not covered; look up later _parent - not covered; look up later
<details>
<summary>
Click to show details.
</summary>
details
</details>
is a neat tag.
screen readers contrast readability hearing issues motor skills cognitive disabilities neurological conditions
W3C WCAG 2.0
wave.webaim.org
code and accessibility
GitHub Pages