Blog · Accessibility
Accessibility Tips
Color contrast, text over header images, links that open new tabs: small design choices that decide whether a page works for everyone.
Check contrast where it actually appears
Color contrast can look fine in a design file and fail on the real page, especially when text sits over a header image, a gradient, or a textured background.
Run your contrast checker on the colors people actually see on the page, not the ideal values in your color palette.
Image headers need extra care
Text over a photo is easy to break. The crop changes between screen sizes, responsive layouts can move the focal point, and a bright patch of the image can end up right behind important text.
If a header puts text over an image, give it a consistent treatment that keeps the text readable at every screen size.
Open new tabs on purpose
Opening a link in a new tab can help for documents, outside resources, or tasks where leaving the current page would lose someone's place.
Don't make it the default. A tab that opens unexpectedly can confuse people, especially those navigating with assistive technology.