Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
MaptimeMSP: Tools - Color Accessibility
Search
Kitty Hurley
March 18, 2015
1
120
MaptimeMSP: Tools - Color Accessibility
From the March 18, 2015 Maptime MSP presentation touching on color accessibility.
Kitty Hurley
March 18, 2015
Tweet
Share
More Decks by Kitty Hurley
See All by Kitty Hurley
NACIS 2015: Starting Conversations for More Accessible Maps
geospatialem
0
490
Featured
See All Featured
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
130
Accessibility Awareness
sabderemane
0
68
Joys of Absence: A Defence of Solitary Play
codingconduct
1
300
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
140
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
2.3k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
67
37k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
14k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
110
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.3k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
Optimising Largest Contentful Paint
csswizardry
37
3.6k
Transcript
Tools for Making Maps: Color Accessibility Kitty Hurley, GISP
“In visual perception a color is almost never see as
it really is… This fact makes color the most relative medium in art.” -Josef Albers, Interaction of Color, 1963
Colorblindness Color blindness very rarely means that you can’t see
any color at all, or that people see things in greyscale.
Colorblindness Color blindness very rarely means that you can’t see
any color at all, or that people see things in greyscale. It is actually a decreased ability to see color, or a decreased ability to tell colors apart from one another.
What does it look like?
What does it look like? (Red-Green)*
What does it look like? (Red-Green) (Red-Green)*
What does it look like? (Red-Green) (Red-Green)* (Blue-Yellow)
• Don’t rely on color coding alone. • Pay attention
to contrast. • Check with a [color] simulator. • User testing. But… what can I do?
Simu… what?
None
None
None
None
None
None
Color Accessibility Tools Color Accessibility Tools • Color Oracle: http://colororacle.org
• Color Brewer: http://colorbrewer2.org Web Safe & Contrast Tools • Tanaguru Contrast-Finder: http://contrast-finder.tanaguru.com • Colorable: http://jxnblk.com/colorable • Color Transformations: http://safecolours.rigdenage.com/colours1.html
Thank you! Comments? Questions?