Перейти к основному содержанию
Мобильное меню стало понятнее и доступнее
Если вы пользовались Brandmine с телефона, то нажимали на одну из пяти иконок внизу экрана. Мы исправили две вещи в этом меню: теперь сразу видно, в каком разделе вы находитесь, а каждый цвет в меню соответствует стандарту доступности WCAG — это проверено и в светлой, и в тёмной теме.
Откройте Brandmine с телефона — внизу экрана вы увидите пять иконок: Бренды, Основатели, Измерения, Аналитика и Отчёты. В этом меню только что появились два реальных улучшения.
Раньше было не всегда понятно, где вы находитесь
Меню должно ясно показывать, какой раздел открыт сейчас. До этого обновления оно справлялось с этим плохо. Активная вкладка отличалась от остальных лишь чуть более жирной подписью и немного более толстым контуром иконки — и то, и другое белым цветом на одном и том же бирюзовом фоне. При том мелком размере текста, который неизбежен в мобильном меню, разница была слишком незаметной для беглого взгляда.
Мы решили это, добавив активной вкладке заметную плашку на фоне — простой и мгновенный сигнал, который не зависит от того, заметите ли вы мелкие изменения текста. Теперь понятно, где вы находитесь, без лишних усилий.
Как сделать вкладку «Отчёты» доступной, а не просто оранжевой
«Отчёты» — наш раздел коммерческих отчётов — всегда выделялся оранжевым акцентом, ведь это другой тип раздела по сравнению с бесплатным контентом вокруг него. Но как только каждая вкладка получила возможность показывать плашку «вы здесь», постоянный оранжевый значок «Отчётов» стал смотреться неловко рядом с новой активной плашкой другой вкладки — будто одновременно включились сразу два индикатора.
Заодно мы проверили то, что раньше подробно не изучали: действительно ли оранжевый текст или иконки прямо на нашем бирюзовом фоне соответствуют стандартам доступности по контрастности. Оказалось, что нет — и близко нет. Стандарт WCAG AA требует коэффициент контрастности 4.5:1 для текста; оранжевый на нашем бирюзовом дал всего 1.79:1. Это не эстетическая мелочь, а настоящий пробел в доступности — людям с пониженным зрением было бы по-настоящему трудно это прочитать.
Решение: теперь вкладка «Отчёты» использует ту же простую белую иконку и подпись, что и остальные, плюс небольшую постоянную оранжевую точку в углу — это маркер, а не заливка цветом, проваливающим проверку на контраст. Всё однозначно, точку невозможно спутать с плашкой «активно», и она полностью проходит проверку на доступность.
Продумано для обеих тем
Ничего из этого не появилось впервые в тёмной теме — нижнее меню и раньше подстраивалось под тёмный режим устройства. Но перед выпуском мы проверили каждый цвет из этого обновления в обеих темах, а не только в теме по умолчанию. И плашка активной вкладки, и маркер «Отчётов» сохраняют нужный контраст в обоих случаях.
Это небольшая деталь интерфейса — но такая, к которой вы прикасаетесь каждый раз, когда открываете Brandmine с телефона. Стоило довести её до ума.