SlideShare a Scribd company logo
MAARTEN ARTS | DESIGNER | AVISI | @MUURTEGEL
Building Apps With Color
Blind Users in Mind
Photo by bady qb on Unsplash
What is
color
blindness?
How does it
affect
people?
Building for
color blind
people
Agenda
What is
color
blindness?
How does it
affect
people?
Building for
color blind
people
Agenda
Photo by Sharon Pittaway on Unsplash
Photo by Sharon Pittaway on Unsplash
Photo by Sharon Pittaway on Unsplash
Photo by Sharon Pittaway on Unsplash
Normal Deuteranopia
Protanopia Tritanopia
Photo by Sharon Pittaway on Unsplash
Protanopia Protanomaly
Photo by Sharon Pittaway on Unsplash
What is
color
blindness?
How does it
affect
people?
Building for
color blind
people
Agenda
Photo by bady qb on Unsplash
Photo by bady qb on Unsplash
Building Apps With Color Blind Users in Mind
Photo by Harshal Desai on Unsplash
John Doe
Mary Cook
Kevin Carroll
Hi, what’s up Maarten? 8:12
23:11
19:53
Sure, see you then!
Ok perfect
Building Apps With Color Blind Users in Mind
How about apps in the
Atlassian Marketplace?
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
What is
color
blindness?
How does it
affect
people?
Building for
color blind
people
Agenda
www.archclimbingwall.com
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
Don’t rely on color
Use patterns, icons, text and other visual cues
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
Test your apps
Sim Daltonism
Mac / iOS
Building Apps With Color Blind Users in Mind
Color Oracle
Mac / Windows / Linux
Building Apps With Color Blind Users in Mind
Building Apps With Color Blind Users in Mind
If you have to use color
Use a color palette adapted for color blindness.
Test your apps
With one of the many color blindness simulators.
Don’t rely on color
Use patterns, icons, text and other visual cues.
Recap
MAARTEN ARTS | DESIGNER | AVISI | @MUURTEGEL
Thank you!

More Related Content

More from Atlassian (20)

PDF
Trusted by Default: The Forge Security & Privacy Model
Atlassian
 
PDF
Designing Forge UI: A Story of Designing an App UI System
Atlassian
 
PDF
Forge: Under the Hood
Atlassian
 
PDF
Access to User Activities - Activity Platform APIs
Atlassian
 
PDF
Design Your Next App with the Atlassian Vendor Sketch Plugin
Atlassian
 
PDF
Tear Up Your Roadmap and Get Out of the Building
Atlassian
 
PDF
Nailing Measurement: a Framework for Measuring Metrics that Matter
Atlassian
 
PDF
Creating Inclusive Experiences: Balancing Personality and Accessibility in UX...
Atlassian
 
PDF
Beyond Diversity: A Guide to Building Balanced Teams
Atlassian
 
PDF
The Road(map) to Las Vegas - The Story of an Emerging Self-Managed Team
Atlassian
 
PDF
Building Apps With Enterprise in Mind
Atlassian
 
PDF
Shipping With Velocity and Confidence Using Feature Flags
Atlassian
 
PDF
Build With Heart and Balance, Remote Work Edition
Atlassian
 
PDF
How to Grow an Atlassian App Worthy of Top Vendor Status
Atlassian
 
PDF
Monitoring As Code: How to Integrate App Monitoring Into Your Developer Cycle
Atlassian
 
PDF
How to Market Your New App on the Atlassian Marketplace
Atlassian
 
PDF
Expand Your App's Global Potential With Internationalization
Atlassian
 
PDF
Threat Modeling 101
Atlassian
 
PDF
Behind the Scenes of Vendor Security Reviews in the Enterprise
Atlassian
 
PDF
Herding Microservices – the Atlassian Way
Atlassian
 
Trusted by Default: The Forge Security & Privacy Model
Atlassian
 
Designing Forge UI: A Story of Designing an App UI System
Atlassian
 
Forge: Under the Hood
Atlassian
 
Access to User Activities - Activity Platform APIs
Atlassian
 
Design Your Next App with the Atlassian Vendor Sketch Plugin
Atlassian
 
Tear Up Your Roadmap and Get Out of the Building
Atlassian
 
Nailing Measurement: a Framework for Measuring Metrics that Matter
Atlassian
 
Creating Inclusive Experiences: Balancing Personality and Accessibility in UX...
Atlassian
 
Beyond Diversity: A Guide to Building Balanced Teams
Atlassian
 
The Road(map) to Las Vegas - The Story of an Emerging Self-Managed Team
Atlassian
 
Building Apps With Enterprise in Mind
Atlassian
 
Shipping With Velocity and Confidence Using Feature Flags
Atlassian
 
Build With Heart and Balance, Remote Work Edition
Atlassian
 
How to Grow an Atlassian App Worthy of Top Vendor Status
Atlassian
 
Monitoring As Code: How to Integrate App Monitoring Into Your Developer Cycle
Atlassian
 
How to Market Your New App on the Atlassian Marketplace
Atlassian
 
Expand Your App's Global Potential With Internationalization
Atlassian
 
Threat Modeling 101
Atlassian
 
Behind the Scenes of Vendor Security Reviews in the Enterprise
Atlassian
 
Herding Microservices – the Atlassian Way
Atlassian
 

Recently uploaded (20)

PDF
Transforming Utility Networks: Large-scale Data Migrations with FME
Safe Software
 
PDF
CIFDAQ Market Wrap for the week of 4th July 2025
CIFDAQ
 
PDF
UPDF - AI PDF Editor & Converter Key Features
DealFuel
 
PPTX
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
PPTX
MuleSoft MCP Support (Model Context Protocol) and Use Case Demo
shyamraj55
 
PDF
Mastering Financial Management in Direct Selling
Epixel MLM Software
 
PDF
SIZING YOUR AIR CONDITIONER---A PRACTICAL GUIDE.pdf
Muhammad Rizwan Akram
 
PDF
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
PPTX
Digital Circuits, important subject in CS
contactparinay1
 
PDF
Go Concurrency Real-World Patterns, Pitfalls, and Playground Battles.pdf
Emily Achieng
 
PPTX
Designing_the_Future_AI_Driven_Product_Experiences_Across_Devices.pptx
presentifyai
 
PDF
Future-Proof or Fall Behind? 10 Tech Trends You Can’t Afford to Ignore in 2025
DIGITALCONFEX
 
PDF
UiPath DevConnect 2025: Agentic Automation Community User Group Meeting
DianaGray10
 
PDF
The 2025 InfraRed Report - Redpoint Ventures
Razin Mustafiz
 
PPTX
Mastering ODC + Okta Configuration - Chennai OSUG
HathiMaryA
 
PDF
Book industry state of the nation 2025 - Tech Forum 2025
BookNet Canada
 
PDF
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
PPTX
Future Tech Innovations 2025 – A TechLists Insight
TechLists
 
DOCX
Cryptography Quiz: test your knowledge of this important security concept.
Rajni Bhardwaj Grover
 
PPTX
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
Transforming Utility Networks: Large-scale Data Migrations with FME
Safe Software
 
CIFDAQ Market Wrap for the week of 4th July 2025
CIFDAQ
 
UPDF - AI PDF Editor & Converter Key Features
DealFuel
 
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
MuleSoft MCP Support (Model Context Protocol) and Use Case Demo
shyamraj55
 
Mastering Financial Management in Direct Selling
Epixel MLM Software
 
SIZING YOUR AIR CONDITIONER---A PRACTICAL GUIDE.pdf
Muhammad Rizwan Akram
 
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
Digital Circuits, important subject in CS
contactparinay1
 
Go Concurrency Real-World Patterns, Pitfalls, and Playground Battles.pdf
Emily Achieng
 
Designing_the_Future_AI_Driven_Product_Experiences_Across_Devices.pptx
presentifyai
 
Future-Proof or Fall Behind? 10 Tech Trends You Can’t Afford to Ignore in 2025
DIGITALCONFEX
 
UiPath DevConnect 2025: Agentic Automation Community User Group Meeting
DianaGray10
 
The 2025 InfraRed Report - Redpoint Ventures
Razin Mustafiz
 
Mastering ODC + Okta Configuration - Chennai OSUG
HathiMaryA
 
Book industry state of the nation 2025 - Tech Forum 2025
BookNet Canada
 
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
Future Tech Innovations 2025 – A TechLists Insight
TechLists
 
Cryptography Quiz: test your knowledge of this important security concept.
Rajni Bhardwaj Grover
 
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
Ad

Building Apps With Color Blind Users in Mind