Долбаный контраст и отдолбанный мизинчикНа фото — кровать в отельном номере, установщик которой проклят мной неоднократно и, наверняка, уже погиб от такой мощной насланной порчи.
Дело в том, что каркас шире матраса, а его цвет практически идентичен цвету пола... поэтому незаметен, на что я попадаюсь каждый долбаный раз.
И совсем не мизинчик В интерфейсах мы постоянно утыкаемся в то же самое: нравящиеся, нам интересные и креативные сочетания фона и цвета шрифта не всегда контрастны. Просто потому что не у всех последний макбук или свежий телефон. А ещё не всегда полная яркость экрана.
Плюс банальная усталость и мутность взгляда под вечер.
И это я не говорю о тех, у кого базовые проблемы с визуальным восприятием из-за проблем со здоровьем.
Как быть Чтобы все важные элементы были заметны, а шрифт читабелен, давно разработы стандарты контрастности интерфейсов. Достаточно просто знать коды цветов фона и элемента, чтобы удостовериться, что нужные штуки будут заметны всем.
И нет, для этого не нужно пихать красный вырвиглазный шрифт на кислотно-зелёный фон... Кстати, есть нарушения цветовосприятия, где даже такие противоположные цвета сливаются.
Диапазоны оттенков в стандарте вполне приемлемые. Можно делать и красиво, и контрастно.
Полезности Если вдруг кто не в теме, стандарт задан документацией WCAG
А готовые чекеры работают в плагинах «Фигмы». Например, «Contrast» или «A11y Color Contrast Checker»
Бонус: файл «Accessible Colour Palettes» с готовыми палитрами по WCAG.
#uxksenia_доступность
#uxksenia_ux_вещей