Talk by Colleen Gratzer / View Slides
A discussion of color and contrast and why it’s important for designers to think about accessibility as early as possible in the design process, even at the branding stage.
Talk by Colleen Gratzer / View Slides
A discussion of color and contrast and why it’s important for designers to think about accessibility as early as possible in the design process, even at the branding stage.
An earlier speaker mentioned black & white and impact on a segment of the community. Are there colors to avoid?
Black (#000) and white used together can be problematic for users with Irlen syndrome. You can find out more about that here https://irlen.com/reading-problems-dyslexia-learning-difficulties-the-irlen-method/ So, for body text, you can use an almost-black (a really dark gray) on a white background, or perhaps black (#000) on a very light gray background (#eee, for example) to lessen the contrast a bit.
Q: An earlier speaker mentioned black & white and possible negative impact on a segment of the community. Are there colors to avoid? Or embrace?
Colleen, thank you for bringing some light to the way we should approach to colour and accessibility. I have a question: how much more costly could it be to redo a design because colors weren’t accessible?
Pewtah: Also designers and developers: Accessibility limits my creativity.
Working with design system that are not tested Accessibility is a challenge.
Q: Form fields often get very ‘arsty’ and use colors in inaccessible ways. What is your approach to color and design for forms, Coleen?
Better (that is, more accessible) to use (high contrast) color for hyperlinks or use underline / border-bottom? What about hover state effects?
QUESTION: Better (that is, more accessible) to use (high contrast) color for hyperlinks or use underline / border-bottom? What about hover state effects? (thanks for this fantastic preso, Colleen!)
Is there any legal implication for the inaccessible websites?
Q: Is there any legal implication for the inaccessible websites?
A few suggestions for educating clients on Accessibility please
Do you know of any good examples of sites with WCAG AAA-compliant colours?
QUESTION: do you use REM or pixels to set font sizes? If REM is used, do you calculate the REM against your browser font size pixel setting for color contrast (ratios for font differ by px size)?
Question: You mentioned not using color alone to convey info. In the case of that error state on the email input field, does contrast make that sufficient, or does it need an error icon as well?
So we’re not responsible if the end-user sets a default font size in their browser at < 16 px which would throw off the calculation we already set?