Top 10 Accessibility Issues in Spain
These are the main A11Y issues found in the most prominent Spain websites for the main sectors.
Last update: Sunday, December 15, 2024
1. All touch targets must be 24px large, or leave sufficient space. 33.28%
Touch targets must have a minimum dimension of 24 by 24 CSS pixels. The greatest unobscured area of the touch target is used to calculate size. The target must be at least 24 CSS pixels distant from any other touch target if its size is insufficient.
2. Links must have discernible text. 24.84%
When used as links, link text and alternative text for images must be recognizable by screen readers, have no duplicate labels, and be focusable.
3. Elements must meet minimum color contrast ratio thresholds. 17.24%
According to WCAG 2 AA contrast ratio thresholds, all text elements must have sufficient contrast between foreground text and background colors.
4. <li> elements must be contained in a <ul> or <ol>. 9.93%
All list items (li) must have ul or ol parent elements.
5. Elements must have their visible text as part of their accessible name. 6.35%
The visible label of interactive items labeled through their content must be included in their accessible name.
6. <ul> and <ol> must only directly contain <li>, <script> or <template> elements. 2.37%
Lists must be correctly marked up, which means they cannot contain content components other than li elements.
7. Styled <p> elements must not be used as headings. 2.30%
Since screen reader users cannot otherwise determine the structure of the document, styled p components must not be utilized to represent headings.
8. Elements should not have tabindex greater than zero. 2.14%
To avoid an unexpected tab order that would appear to miss some components entirely, a tabindex attribute must never have a value greater than 0.
9. ARIA dialog and alertdialog nodes should have an accessible name. 0.95%
For screen reader users, Aria dialog items must include intelligible language that specifies the destination, purpose, function, or action in detail.
Elements with role="dialog" or role="alertdialog" that lack an accessible name cannot be understood by screen reader users.
10. Scrollable region must have keyboard access. 0.60%
Elements with scrollable content must be keyboard-accessible.
Ready to validate your sites?
Start your trial today.