Accessibility HELPS: Presentation
Presentation involves the use of color and sensory characteristics and controlled by web templates and standard settings in word processors like Microsoft Office. If you are developing content for the 窪蹋勛圖 Drupal environment or any similar accessible environment, most of these design decisions cannot be changed by content creators. It can be helpful to keep these concepts in mind if you are developing flyers, handouts or resources on non-窪蹋勛圖 web templates
Color Contrast
Color contrast requirements are specified in the :
- Regular sized font should have a minimum of 4.5:1 color contrast
- Large font such as headings should have a minimum of 3:1 contrast ratio
- should follow 3:1 for user interface components and image content required for understanding, such as charts, graphs or diagrams. This color contrast is between each bordering color, so if a pie chart is used, alternate dark and light colors, and preferably use textures to further differentiate fills.
Sensory Characteristics
Sensory characteristics are characteristics that require vision, color differentiation, hearing or other sense to recognize. To ensure content is discernible, use a second sensory characteristic.
For example, fire alarms used to only make a very loud noise. However, deaf persons may not hear the alarm. A second sensory characteristic was added to fire alarm building regulations to include flashing lights in addition to sound.
This is most commonly the differentiation of colors to differentiate information, such as important dates highlighted by a color. Changing the color does not inform assistive technology that the text is emphasized and that can lead to it being missed or lost in the background. Best practice is to use either a <strong> or <em> passage to highlight text.
Another example is differentiating key items on a map by changing the color alone. For instance, using red and blue squares on a map can be very difficult to differentiate for people who are color blind or those using a cell phone in a high-glare environment. By changing the shapes or providing different borders or fills, you make them much easier to differentiate at a glance for most users.
Fonts
Fonts and text decoration have a significant effect on reading. While there is no best font, the basics are important:
- Avoid Script Fonts or Fonts with Significant Embellishments: Do not use a script fonts or fonts with significant embellishments. The embellishments can be hard for some to understand, and script writing looks like handwriting which may be unfamiliar to some students.
- Do Not Use Justified Text: Justified text can have visual gaps called which attract the eye and reduce reading speed and comprehension. Best practice is to left-align text with sparing use of centering and only right-aligning text when appropriate.
- Avoid Underline or Strikethrough Text Decorations: Underlining causes visual clutter, slowing readers. Strikethrough is not communicated to screen reader users, so ensure there is sufficient information in the surrounding text to clarify that the text is incorrect and deleted.
- Allow for Reading Customization: Instead of sharing a PDF, provide a Word document or HTML page to allow users to use reading mode tools that support their reading preferences.
When deciding on fonts, often the default is sufficient, whether that is Times New Roman, Calibri, Aptos, Roboto or Arial. In addition to these, is designed for low vision readability, if you want to use it, it is helpful for some readers, though not significantly better than typical serif or sans-serif fonts. There are some fonts that are identified as designed for dyslexic and early readers, however research shows dubious value.
There is some research available:
by Google Fonts