Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
1
1.3k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
0
94
Site-Speed That Sticks
csswizardry
13
1k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.6k
Building AI with AI
inesmontani
PRO
1
570
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
73
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.5k
Building Applications with DynamoDB
mza
96
6.8k
A Modern Web Designer's Workflow
chriscoyier
698
190k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.1k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
0
22
Raft: Consensus for Rubyists
vanstee
141
7.3k
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?