a11yproject.com icon indicating copy to clipboard operation
a11yproject.com copied to clipboard

[Post] New Post: Text color contrasts on dynamic backgrounds

Open AccessiT3ch opened this issue 3 years ago • 4 comments

Thank you for your interest in writing a post! Please fill out the following information:

Text Contrast on Dynamic Backgrounds

This post could center around design and styling techniques to ensure color contrast for foreground text with dynamic background colors, images, videos, overflowing elements, etc. Providing a simple set of know tools / techniques, tricks of the trade, and best practice guidelines, this post can provide designers and developers with simple solutions for text overlaying complex and / or changing backgrounds.

Outline (optional)

  • Brief Overview (mostly definitions and links to other color contrast docs)
  • Obstacles of accessibly overlaying text on visually dynamic
  • The Solutions (best / most general cases)
  • Implementations (design tools, HTML / CSS, plugins / libraries)
  • Further Readings

Additional information (optional)

Hello, as a design technologist I have dealt with this issue many times in my career and would love to help discuss / document / establish some definitive best practices!

Terms

AccessiT3ch avatar May 28 '22 04:05 AccessiT3ch

Thanks for opening your first Issue! Please make sure you've read our Code of Conduct and Contributing guidelines.

boring-cyborg[bot] avatar May 28 '22 04:05 boring-cyborg[bot]

Hi @AccessiT3ch! This sounds amazing. I can't wait to review it.

ericwbailey avatar Jun 09 '22 23:06 ericwbailey

Hey @ericwbailey, sorry for the epically long turnaround, I'm finally ready for a first review!

AccessiT3ch avatar May 02 '23 22:05 AccessiT3ch