HTML has what’s called complex elements. This is like a drop down, i.e. something that is made up of other elements. If you are to inspect the drop-down element invert browser, you will see the shadowDOM, Which is in accessible to users
- ex. Input, Select, checkbox, radio button
HTML should be coded to represent the data that will be populated and not based on its default presentation styling.
- presentation should solely be the responsibility of CSS (Cascading Style Sheets).
Semantic HTML is important because...
- It impacts SEO
- Makes it navigable to screen readers