Skip to content
GitLab
Open
Issue created by Conor@AccessiT3ch3 of 3 checklist items completed3/3 checklist items

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

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