All elements with semantic roles contain all required parent and child elements. (e.g., a "list" must contain "listitem").
WGAC 2 criterion | 1.3.1 Info and Relationships (A) |
---|---|
Category | Structure |
ACT Rules |
WCAG 2 criterion
1.3.1 Info and Relationships (Level A)
Tools and requirements
- Siteimprove (Next-Gen)
Test procedure
Use the Siteimprove issue check labeled "Role not inside the required context" and note any findings.
For manual testing, you want to spot check that these common roles have the following properties.
- List (
<ul>
,<ol>
, orrole="list"
)- Parent Element: Any element – however a nested list must be within an
<li>
orrole="listitem"
) element from a parent list. - Children element(s): List item (
<li>
orrole="listitem"
)
- Parent Element: Any element – however a nested list must be within an
- Listitem (
<li>
orrole="listitem"
)- Parent Element: List (
<ul>
,<ol>
, orrole="list"
) - Child Element(s): Any element (although it should probably be text of some sort)
- Parent Element: List (
- Radio button or Checkbox
- Parent element: Fieldset or Group (
<fieldset>
orrole="group"
)
- Parent element: Fieldset or Group (
- Table (
<table>
)- Parent Element: Any element
- Child Element(s): Table row
<tr>
,<thead>
(optional),<tbody>
(optional),<tfoot>
(optional)
- Table Row (
<tr>
)- Parent Element: Table (
<table>
) - Child Element(s): Table Header (
<th>
), Table Cell (<td>
)
- Parent Element: Table (
- Table Cell or Table Header (
<td>
or<th>
)- Parent Element: Table Row (
<tr>
) - Child Element(s): Any element (typically just plain text)
- Parent Element: Table Row (