ContrastKit 1.0.0 — проверь читаемость цветовой пары
Опубликовал ContrastKit — бесплатный инструмент для проверки контрастности текста и фона при разработке интерфейсов.
Выберите цвета палитрой или введите HEX-коды: инструмент покажет контрастное отношение и проверит уровни WCAG AA и AAA для обычного и крупного текста. Можно посмотреть результат в живом примере, проверить несколько цветов по отдельности, поменять местами текст и фон и скопировать CSS-переменные.
Проверка работает с непрозрачными цветами sRGB. Прозрачность, градиенты, изображения и смешивание слоёв не анализируются; это практическая проверка цвета, а не полная оценка доступности сайта.
Открыть приложение: https://ghostnever-lkm.github.io/contrastkit/Код, инструкция и ZIP-релиз v1.0.0: https://github.com/GhosTnever-lkm/contrastkit/releases/tag/v1.0.0
Проект бесплатный, с открытым кодом под лицензией MIT. Предложения и найденные проблемы можно добавить в Issues репозитория.
Выберите цвета палитрой или введите HEX-коды: инструмент покажет контрастное отношение и проверит уровни WCAG AA и AAA для обычного и крупного текста. Можно посмотреть результат в живом примере, проверить несколько цветов по отдельности, поменять местами текст и фон и скопировать CSS-переменные.
Проверка работает с непрозрачными цветами sRGB. Прозрачность, градиенты, изображения и смешивание слоёв не анализируются; это практическая проверка цвета, а не полная оценка доступности сайта.
Открыть приложение: https://ghostnever-lkm.github.io/contrastkit/Код, инструкция и ZIP-релиз v1.0.0: https://github.com/GhosTnever-lkm/contrastkit/releases/tag/v1.0.0
Проект бесплатный, с открытым кодом под лицензией MIT. Предложения и найденные проблемы можно добавить в Issues репозитория.
accessibility
wcag
color contrast