Accessible Design Flashcards
What is the optimal line spacing for text?
At least 1.5 but not more than 2
What is the optimal spacing for paragraphs?
1.5 times larger than the line spacing
What is required (MUST) contrast ratio for small text?
4.5 : 1 with the background
What is the required (MUST) contrast ratio for large text?
3 : 1 with the background
What is the recommended (SHOULD) contrast ratio for small text?
7 : 1 with the background
What defines small text?
Under 18 point or 14 point bold
What defines large text?
At or over 18 point or 14 point bold
What is the required (MUST) contrast ratio for visual boundaries?
3 : 1 with the background
What is the required (MUST) contrast ratio for visual focus indicators?
3 : 1 with the background
How can a developer override Windows High Contrast settings?
Using -ms-high-contrast media queries with the -ms-high-contrast-adjust CSS property
Should Windows High Contrast settings ever be overridden by webpage CSS?
NO
What is the maximum number of English characters that should appear in a column?
80
Should text be full-justified or left-justified?
Left-justified
Images of text or HTML text? And why?
HTML text so users can customize
Will CSS generated text always be read by screen readers?
No, it’s not always recognized by the Accessibility API
Will nodes with display: none be read by screen readers?
No
Will nodes with visibility: hidden be read by screen readers?
No
For content triggered on keyboard focus or pointer hover, what are the 3 accessibility requirements for that content?
That it be:
1. Dismissible
2. Hoverable
3. Persistent
Is link text allowed to be the same color as surrounding text?
No
Is link text color alone enough to differentiate a link from regular text?
No
Do link text design rules apply the same way to navigation menu links?
No
What is the most accessible way to implement infinite scrolling?
Add a button to let the user control the infinite scroll
What image type should always be chosen for smooth scaling?
SVG
What is an “affordance”?
The range of possible actions that someone can perform with a particular object.
What is the minimum acceptable size for a pointer target?
24px x 24px
True or False:
Users must be able to pause an animation
True
What is one accessibility advantage of icon fonts over other image types?
They respond to Windows High Contrast settings and other user color schemes.
