Especially for people with visual, cognitive or attention deficit disorders, use visula assistive tools. Those tools need the html semantic.
Otherwise, concerned people cannot anticipate how to use and possible behaviors for a given interface element.
Steps to reproduce
Pages, if required, must contain semantically relevant lists. Add semantics to the [HTML] content using the following tags:
olfor ordered lists
ulfor unordered lists
lifor list items
ddfor definition lists
There must be no empty list and a list must contain at least two elements to be a real list (unless this list is generated dynamically!).
<blockquote> for long citations and
<q> for short ones.
Links are real links (a
<a> tag): they open a new URL, page or tab…
Buttons are real buttons (a
button , ou
input type=button tag): they trigger an action, a validation or allow a choice…
Respect as much as possible, the classic aspect of these elements to avoid bothering the user, accustomed to a specific aspect for them.
In the [HTML] code, ensure, when you validate, that, at least:
- Elements must have opening and closing tags
- Elements can be nested according to their specifications
- Elements cannot contain duplicate attributes
- Each [ID](s unique
What did you see happen? Please include relevant error messages and/or screenshots.