A11ying with Sanna - I would if I could a guide to web accessibility

Design tips for text content

While designing text content, remember that users need to be able to zoom the content (both the screen and only the text).

Text content

Remember that users need to be able to zoom the content (both the whole screen and just text). Don't design anything that cannot stretch if necessary. Users need to be able to zoom text content up to 200 percent without loss of content or functionality. This is covered by criterion 1.4.4 (Level AA). Criterion 1.4.12 (Level AA) specifies a user should be able to alter the line height and spacing of the content.

Don't design too small targets, make sure people can click buttons and other target elements. If you're aiming for level AAA, the size of the target for pointer inputs should be at least 44 by 44 CSS pixels. If your icons are smaller, add padding around them to meet the minimum size requirement. This is covered by criterion 2.5.5 (Level AAA). Also, don't design the targets too close to each other.

If you are aiming for AAA level, remember to check out criterion 1.4.8 (Level AAA) about the visual presentation of blocks of text. For example, text cannot be justified and line spacing (leading) is at least space-and-a-half within paragraphs, and paragraph spacing is at least 1.5 times larger than the line spacing.

All interactive elements should be clearly labeled, and well-designed interactive elements should show users how they can interact with the elements.

Buttons

A button's label should signify a call to action. If you have a dialog asking the user to save changes, you should aim for having buttons like 'Discard' and 'Save' instead of 'No' and 'Yes'. The button label 'Submit' should be eliminated from websites, aim for more descriptive labels.

Aim to provide link text that identifies the purpose of the link without needing additional context. Avoid non-specific links, such as "read more" or "click here".