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
140
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
MaptimeMSP: Tools - Color Accessibility
From the March 18, 2015 Maptime MSP presentation touching on color accessibility.
Kitty Hurley
March 18, 2015
More Decks by Kitty Hurley
See All by Kitty Hurley
NACIS 2015: Starting Conversations for More Accessible Maps
geospatialem
0
510
Featured
See All Featured
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
550
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
Automating Front-end Workflow
addyosmani
1370
210k
Building AI with AI
inesmontani
PRO
1
1.1k
The Curious Case for Waylosing
cassininazir
1
430
Facilitating Awesome Meetings
lara
57
7k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.5k
Git: the NoSQL Database
bkeepers
PRO
432
67k
Unsuck your backbone
ammeep
672
58k
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
1.1k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
220
Six Lessons from altMBA
skipperchong
29
4.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?