Description List Semantics Tests
According to HTML 5 spec for
description list, it is valid to group dt
/dd
sets inside of div
elements. How does such grouping affect screen reader performance? Are semantics properly conveyed?
With Divs
- Name
- Godzilla
- Born
- 1952
- Birthplace
- Japan
- Color
- Green
Without Divs
- Name
- Godzilla
- Born
- 1952
- Birthplace
- Japan
- Color
- Green
With Divs, DT as Role Term, and DD as Role Definition
- Name
- Godzilla
- Born
- 1952
- Birthplace
- Japan
- Color
- Green
With Divs as Role Presentation, DT as Role Term, and DD as Role Definition
- Name
- Godzilla
- Born
- 1952
- Birthplace
- Japan
- Color
- Green
With Divs as Role Presentation, DT as Role Term, and DD as Role Definition with ARIA-Labelledby
- Name
- Godzilla
- Born
- 1952
- Birthplace
- Japan
- Color
- Green
With Divs as Role Presentation, DT as Role Term, and DD as Role Definition with ARIA-Describedby
- Name
- Godzilla
- Born
- 1952
- Birthplace
- Japan
- Color
- Green
All DIVs, using role of list, aria-roledescription, and term/defintion, with aria-describedby associations