Part 3 - Semantic markup
Marking up content with no meaning
On the surface, these two pages look the same:
However, when the CSS is removed, the second example has no strucutre, and therefore no meaning.
What happens in different devices?
- With CSS, these two samples look similar
- Without CSS, the content in the second sample has no meaning
- In Lynx, the second example has no meaning
- When accessed by a screen reader, the second example has no meaning. It also has no headings or lists, which are two methods that blind users use to navigate pages
Two tools that can be used to test semantic meaning