Учёт контраста при использовании opacity в веб-дизайне важен по нескольким причинам:

• Обеспечение читаемости текста. 1 Прозрачность не сделает текст удобочитаемым автоматически. 1 Важно продумать контраст как в отношении прозрачного блока к тексту, так и фонового изображения к прозрачной рамке. 1
• Создание доступности. 45 Контраст помогает людям с заболеваниями зрительной системы лучше видеть сайт или в принципе давать возможность с ним взаимодействовать. 5
• Выделение элементов. 5 Контрастность помогает выделить одни элементы среди других и тем самым помочь пользователю сориентироваться в информации, понять иерархию элементов на странице. 5

Например, согласно рекомендациям Web Content Accessibility Guidelines (WCAG), для обычного текста требуется соотношение контраста 4,5:1, а для крупного текста, такого как заголовки, — 3:1. 4