(Floe) UI Options brainstorming resources
Disabilities & needs
Type
|
Low vision |
Color |
Hearing |
Motor |
Cognitive |
Speech |
---|---|---|---|---|---|---|
Control type size |
x |
|
|
|
x |
|
Customize font color |
x |
x |
|
|
|
|
Customize the color of titles |
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 |
x |
|
|
|
x |
|
Avoid italics |
|
|
|
|
x |
|
Avoid allcaps |
|
|
|
|
x |
|
Images
|
Low vision |
Color |
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 |
Hearing |
Motor |
Cognitive |
Speech |
---|---|---|---|---|---|---|
Real time captioning |
|
|
x |
|
|
|
Captions: customize text size |
|
|
x |
|
|
|
Captions: customize text color |
x |
|
|
|
|
|
Textual transcription |
|
|
x |
|
|
|
Text-to-speech syntesis |
x |
|
|
|
|
|
Audio descriptions of video |
x |
|
|
|
|
|
Disable flashing objects |
|
|
|
|
x |
|
Layout
|
Low vision |
Color |
Hearing |
Motor |
Cognitive |
Speech |
---|---|---|---|---|---|---|
Avoid page cluttering |
x |
|
|
|
x |
|
Control the page layout |
x |
|
|
|
x |
|
Liquid layouts |
x |
|
|
|
|
|
Control column width |
|
|
|
|
x |
|
Control color contrast |
x |
x |
|
|
x |
|
Contents
|
Low vision |
Color |
Hearing |
Motor |
Cognitive |
Speech |
---|---|---|---|---|---|---|
Table of contents |
x |
|
|
|
x |
|
Grammar and spelling |
|
|
|
|
x |
|
Dictionary |
|
|
|
|
x |
|
Textual annotations |
|
|
x |
|
x |
|
Annotations using voice |
x |
|
|
|
|
|
Text highlighting |
x |
|
|
|
x |
|
Allow extracting |
x |
|
|
|
x |
|
Allow creation of contents |
x |
|
|
|
|
|
Control design of printed version |
x |
|
|
|
x |
|
Interactions
|
Low vision |
Color |
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 |
|
|
|
x |
x |
|
Supplement text options with icons |
|
|
|
|
x |
|
Navigation
|
Low vision |
Color |
Hearing |
Motor |
Cognitive |
Speech |
---|---|---|---|---|---|---|
Customize the menu behavior |
|
|
|
x |
x |
|
Provide alternative ways of navigating: |
|
|
|
|
x |
|
Clarify the navigation structure |
|
|
|
|
x |
|
Features mindmap