| Semantic HTML |
Writing semantic HTML means using HTML elements to structure your content based on each element’s meaning, not its appearance. |
https://web.dev/learn/html/semantic-html/ https://primer.style/guides/accessibility/semantic-html |
| AOM |
As the browser parses the content received, it builds Accessibility object model (AOM) which is accessibility tree. The AOM is like a semantic version of the DOM. |
https://web.dev/learn/html/semantic-html |
| The role attribute |
The role attribute describes the role an element has in the context of the document. The role attribute is a global attribute—meaning it is valid on all elements—defined by the ARIA specification rather than the WHATWG HTML specification, where almost everything else in this series is defined. |
https://web.dev/learn/html/semantic-html https://w3c.github.io/aria/#dfn-role https://html.spec.whatwg.org/dev/ |
| Semantic Tags For Structure |
header, nav, main, article, section, aside, footer, details, figure |
https://www.semrush.com/blog/semantic-html5-guide/ https://www.w3schools.com/html/html5_semantic_elements.asp |
| Semantic Tags For Text |
h1 to h6, p, a, ol, ul, q, em, strong, code, figcaption, mark, summary, time |
https://www.semrush.com/blog/semantic-html5-guide/ https://www.w3schools.com/html/html5_semantic_elements.asp |