(Floe) UI Options brainstorming resources

Disabilities & needs

Type

 

Low vision

Color
Blindness

Hearing

Motor

Cognitive

Speech

Control type size

x

 

 

 

x

 

Customize font color

x

x

 

 

 

 

Customize the color of titles
or other identifiers

x

x

 

 

x

 

Customize font spacing

x

 

 

 

 

 

Customize line spacing

x

 

 

 

x

 

Customize the color of links

x

x

 

 

x

 

Make links underlined

x

x

 

 

x

 

Emphasize tiles & headings

x

 

 

 

x

 

Emphasize key elements
(navigation, links, headings,...)

x

 

 

 

x

 

Avoid italics

 

 

 

 

x

 

Avoid allcaps

 

 

 

 

x

 

Images

 

Low vision

Color
Blindness

Hearing

Motor

Cognitive

Speech

Control image size

x

 

 

 

 

 

Turn off background images

x

 

 

 

x

 

Disable unnecessary graphics

 

 

 

 

x

 

Media (video, audio and animations)

 

Low vision

Color
Blindness

Hearing

Motor

Cognitive

Speech

Real time captioning

 

 

x

 

 

 

Captions: customize text size

 

 

x

 

 

 

Captions: customize text color

x

 

 

 

 

 

Textual transcription
for audio contents

 

 

x

 

 

 

Text-to-speech syntesis

x

 

 

 

 

 

Audio descriptions of video

x

 

 

 

 

 

Disable flashing objects

 

 

 

 

x

 

Layout

 

Low vision

Color
Blindness

Hearing

Motor

Cognitive

Speech

Avoid page cluttering

x

 

 

 

x

 

Control the page layout

x

 

 

 

x

 

Liquid layouts
to readapt page when zoom-in

x

 

 

 

 

 

Control column width

 

 

 

 

x

 

Control color contrast

x

x

 

 

x

 

Contents

 

Low vision

Color
Blindness

Hearing

Motor

Cognitive

Speech

Table of contents

x

 

 

 

x

 

Grammar and spelling
tools to assist writing

 

 

 

 

x

 

Dictionary

 

 

 

 

x

 

Textual annotations 

 

 

x

 

x

 

Annotations using voice

x

 

 

 

 

 

Text highlighting

x

 

 

 

x

 

Allow extracting
the highlighted text

x

 

 

 

x

 

Allow creation of contents
by assembling a choice of parts

x

 

 

 

 

 

Control design of printed version

x

 

 

 

x

 

Interactions

 

Low vision

Color
Blindness

Hearing

Motor

Cognitive

Speech

Increase size of clickable areas

 

 

 

x

 

 

Customizable shortcuts

 

 

 

x

x

 

Visible indicator of the interaction focus

 

 

 

x

x

 

Activate hover effect on links

 

 

 

 

x

 

Activate hover effect on table cells

 

 

 

 

x

 

Full keyboard support to any functionality

 

 

 

x

 

 

Alternatives to functions that rely on voice

 

 

 

 

 

x

Activate aural feedback to interactions

x

 

 

 

 

 

Disable time control
for assignments and processes

 

 

 

x

x

 

Supplement text options with icons

 

 

 

 

x

 

Navigation

 

Low vision

Color
Blindness

Hearing

Motor

Cognitive

Speech

Customize the menu behavior

 

 

 

x

x

 

Provide alternative ways of navigating:
menu or search

 

 

 

 

x

 

Clarify the navigation structure

 

 

 

 

x

 

Features mindmap

Download UI Options Features mindmap in PNG format

Download UI Options Features mindmap in PDF format