Construct so that the meaning does not break when linearized (when read with screen reader). Be careful when arranging elements at an arbitrary position with CSS position absolute etc. It is good to check off by turning off CSS.
Please do layout that makes use of line breaks and spaces so as not to disturb understanding of meaning. Not only does it make it difficult to obtain information with a screen reader if you align the end of a line with a new line, or arrange lines with spaces, it becomes hard to read even when changing font size. Also, as a measure against search engines, I will never work plus.
In order to keep the readability of HTML, markup-engineers shaping by linefeed in attribute values such as alt. remember that there are cases where some screen readers do not intentionally read for each new line.
| Principle | Perceivable | Information and user interface components must be presentable to users in ways they can perceive. |
|---|---|---|
| Guideline | Adaptable | Create content that can be presented in different ways (for example simpler layout) without losing information or structure. |
| Criterion | Meaningful Sequence (1.3.2 A) |
If the order in which the content is presented affects the meaning, the correct reading order can be interpreted by the program. |