
WCAG 2.1 – Criterion 1.3.1 – Information and Relationships: (Level A) part 2
- Przejdź do artykułów z tagiem accessibility
- Przejdź do artykułów z tagiem digital accessibility
- Przejdź do artykułów z tagiem list
- Przejdź do artykułów z tagiem WCAG
- Przejdź do artykułów z tagiem WCAGacademy
Article content
Today, let’s continue with WCAG criterion 1.3.1 – let’s focus on lists.
Why is it worth grouping elements and how to do it?
The answer is quite trivial. By grouping certain elements, we know that they belong to a specific whole. We anticipate how many elements are in a given set. This structure creates a logical entity for us. Examples?
Shopping list – right from the start, we know the scope of our “undertaking.”
List of articles on accessibility – you immediately know how much you have to review and how much time you need (or rather can dedicate).
Lists can be ordered or unordered. How do we implement them?
Firstly – proper semantics.
First, we decide whether it is an ordered or unordered list.
Ordered list – `<ol>`
Unordered list – `<ul>`
Each subsequent element, a child of the list, will be our list item – <li>.
…
<p>Friday evening shopping list</p>
<ul>
<li>Lettuce</li>
<li>Bread</li>
<li>Water</li>
</ul>
…
Friday evening shopping list
* Lettuce
* Bread
* Water
We also have the option of using a definition list (`<dl>`), but it is no longer fully supported by all combinations of browsers and screen readers. In this case, it’s worth considering using a table, which we’ll discuss in the next article.
Link to a detailed description of the definition list: https://lnkd.in/dAEeCzxN
Link to the description of list types: https://lnkd.in/drAu2XVU
WCAG reference: https://lnkd.in/dKcSJw6d

Radosław Stachurski
Accessibility Specialist & WCAG 2.1 Auditor & Quality Assurance
Recommended articles
-
15.02.2024Blind perspective
Blind perspective: Walking into the unknown
Today, I would like to talk a bit about the issue of spatial orientation. Right away, I’ll mention that my…
-
19.07.2024Accessibility
WCAG 2.1 – Criterion 3.3.3 – Error Suggestion (Level AA)
We all like to know when we’ve made a mistake, right? Well, maybe not all of us… Ideally, it’s best…
-
09.08.2024WCAG Academy
WCAG 2.1 – Criterion 3.3.6 – Error prevention (all) (Level AAA)
Today, as part of the WCAG Academy, we’re covering criterion 3.3.6 – Error prevention (all) (Level AAA) – related to…