Accessibility Flashcards
1
Q
List all of the semantic html elements?
A
- nav
- header
- main
- section
- article
- aside
- footer
2
Q
Name the landmark-roles for all the elements
A
- navigation
- banner
- main
- contentinfo
- region
- complementary
- footer
3
Q
What would be an appropriate aria-role for an header element?
A
banner
4
Q
What can you add an image to help visually impaired people, this will read out what the image is if the user is using a screen reader.
A
alt
5
Q
What can you add to an semantic element to label it by an header? What do you need on the header too?
A
The header needs an id value, and you add an aria-labelledby property to the semantic element that matches the id.
