4.1.1 Parsing
We could see that there are a number of validation errors that can cause accessibility issues. Among other things, there are several elements with identical ID-values.
There are also validation errors regarding code semantics that doesn’t follow the standard.
We had limited means to validate the code but we can affirm that there are issues that fail the WCAG-standard.
The following validation errors aren’t allowed in the WCAG-standard:
- Elements have complete start and end tags
- Elements are nested according to their specifications
- Elements do not contain duplicate attributes
- Any IDs are unique
It is worth keeping in mind that other validation errors can also cause accessibility problems. But these four are very likely to do so.
It’s generally best to keep a website’s code as close to standard as possible. This makes it more robust and minimizes risks for errors when assistive technologies interact with it.
We list some serious issues below, but there are more. We recommend that you validate the code, control that it’s semantically correct, and fix as many issues as possible.
Talk app
Some examples from the Talk app:
- Elements without end tags
- Button-elements nested in other buttons or link-elements
- Div-elements nested in list-elements
- li-elements nested in span-elements
- Use of negative tab-index on interactive elements
- Elements with identical id-values
Kalender app
- Elements with identical id-values
- svg-elements with alt-attributes
- li-elements outside of ul/ol-elements
Deck app
As shown below, a button nested in a list-element nested in another button.
Another example below is a button in a list-element in a span in a button. The span has aria-hidden=“true” to hide it from screen readers, making anything in it impossible to reach with a screen reader. But even without that this has a high risk of causing issues for users with assistive technologies.
Lägg till kort
- Validate the code and fix as many issues as you can, but especially any of the four that fail this WCAG-criterion
- Follow standard as much as you can and validate anytime you build something new