One of the ways we can make our interfaces more accessible is through color. There are a few different accessibility issues to look out for.
One: is there enough difference in contrast between the text color and the background color behind it so everyone can read your text easily? There are many contrast checker tools out there, including a plugin for Penpot.
You also need to pay attention to interactive elements like buttons, icons, and form fields, even if they don't have any text. If it's important to using and understanding your interface, it needs to have sufficient contrast.
Two: are you using color as information when something goes wrong? Do you put a big red box around it or turn the text red? Do you use a little red asterisk to indicate a required form field? What happens ifa person can't see that big red box or understand what that red asterisk means? Providing a text label or description alongside these visual indicators will make your interface easier to read whether a person is colorblind or using a device that doesn't display color.
I'm not saying don't use color to aid understanding. Just make sure it's in a supporting role.
01:25 min