You may not think of logos as inherently Accessible, or not. Even if you're considering WCAG compliance or Universal Design in your design process, you're mostly likely just adding alt text to your logo (which is important), and calling it good.

This guide will walk you through how to make your logo more Accessible, and demonstrate to Dis/abled users that you're designing for them, too.

<aside> đź’ˇ

Meaningful Marks

Good design is a channel for good communication. So, let's make sure that channel is incorporating as many people and their abilities as possible. There is no such thing as “Universal” imagery, but by ensuring symbols are common, clear, and identifiable, I'm including as many different cognitive abilities and visual understandings as possible.

Identifiable Symbols

Multiple Methods

Simple & Unique

Color Contrast

Color contrast is a cornerstone of any Digital Accessibility workflow. Ensuring a 4.5:1 contrast ratio for critical content will allow visually impaired or color blind users to understand your brand.

3 Color Max

Black and White

Dark Mode Alternative

Dis/abled Feedback

Obviously you should get feedback during your design process. But more specifically, seek out feedback from Did/abled users whose experiences are likely to be affected if you don't get it right.

Pay Dis/abled Testers

Collaborate

Style Guide

Your Style Guide will dictate how you logo is used, and must consider Accessibility in layouts for print and screen.

Templates