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
“Voice Interfaces on a Budget: Building Real-time Speech Recognition on Low-c...
Edge AI and Vision Alliance
 
PPTX
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
PDF
How do you fast track Agentic automation use cases discovery?
DianaGray10
 
PDF
“Computer Vision at Sea: Automated Fish Tracking for Sustainable Fishing,” a ...
Edge AI and Vision Alliance
 
PDF
What’s my job again? Slides from Mark Simos talk at 2025 Tampa BSides
Mark Simos
 
PDF
Book industry state of the nation 2025 - Tech Forum 2025
BookNet Canada
 
PDF
CIFDAQ Market Wrap for the week of 4th July 2025
CIFDAQ
 
PDF
Staying Human in a Machine- Accelerated World
Catalin Jora
 
PDF
NASA A Researcher’s Guide to International Space Station : Physical Sciences ...
Dr. PANKAJ DHUSSA
 
PPTX
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
PDF
SIZING YOUR AIR CONDITIONER---A PRACTICAL GUIDE.pdf
Muhammad Rizwan Akram
 
PDF
Newgen 2022-Forrester Newgen TEI_13 05 2022-The-Total-Economic-Impact-Newgen-...
darshakparmar
 
PPTX
Agentforce World Tour Toronto '25 - Supercharge MuleSoft Development with Mod...
Alexandra N. Martinez
 
PPTX
Agentforce World Tour Toronto '25 - MCP with MuleSoft
Alexandra N. Martinez
 
PDF
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
DOCX
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
PDF
Peak of Data & AI Encore AI-Enhanced Workflows for the Real World
Safe Software
 
PDF
The 2025 InfraRed Report - Redpoint Ventures
Razin Mustafiz
 
PDF
Newgen Beyond Frankenstein_Build vs Buy_Digital_version.pdf
darshakparmar
 
PDF
Transcript: Book industry state of the nation 2025 - Tech Forum 2025
BookNet Canada
 
“Voice Interfaces on a Budget: Building Real-time Speech Recognition on Low-c...
Edge AI and Vision Alliance
 
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
How do you fast track Agentic automation use cases discovery?
DianaGray10
 
“Computer Vision at Sea: Automated Fish Tracking for Sustainable Fishing,” a ...
Edge AI and Vision Alliance
 
What’s my job again? Slides from Mark Simos talk at 2025 Tampa BSides
Mark Simos
 
Book industry state of the nation 2025 - Tech Forum 2025
BookNet Canada
 
CIFDAQ Market Wrap for the week of 4th July 2025
CIFDAQ
 
Staying Human in a Machine- Accelerated World
Catalin Jora
 
NASA A Researcher’s Guide to International Space Station : Physical Sciences ...
Dr. PANKAJ DHUSSA
 
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
SIZING YOUR AIR CONDITIONER---A PRACTICAL GUIDE.pdf
Muhammad Rizwan Akram
 
Newgen 2022-Forrester Newgen TEI_13 05 2022-The-Total-Economic-Impact-Newgen-...
darshakparmar
 
Agentforce World Tour Toronto '25 - Supercharge MuleSoft Development with Mod...
Alexandra N. Martinez
 
Agentforce World Tour Toronto '25 - MCP with MuleSoft
Alexandra N. Martinez
 
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
Peak of Data & AI Encore AI-Enhanced Workflows for the Real World
Safe Software
 
The 2025 InfraRed Report - Redpoint Ventures
Razin Mustafiz
 
Newgen Beyond Frankenstein_Build vs Buy_Digital_version.pdf
darshakparmar
 
Transcript: Book industry state of the nation 2025 - Tech Forum 2025
BookNet Canada
 
Ad

Building Apps With Color Blind Users in Mind