TGViewer
UX Notes UX Notes @uxnotes · 23.7K subscribers
Post #803 4.92K
Роман Шамин написал, что может сделать дизайнер, чтобы обеспечить 80% доступности экранных интерфейсов. Например:

— Почти всегда полезно иметь раздельные текстовые стили: Paragraph — покрупнее, со свободным интерлиньяжем, для набора текста и чтения; UI — помельче, с плотным интерлиньяжем, для интерфейсных элементов;
— Помните, что Contrast Ratio считается относительно фона, и когда вы помещаете текст на цветную плашку, контрастность снижается;
— Чтобы отделить менее важный текст от основного, вместо сильного изменения цвета или размера комбинируйте умеренное изменение цвета и размера. Также можно использовать курсивное или сжатое (Condensed) начертание;
— Дополняйте выделение элементов в ряду подобных чем-то кроме цвета: начертанием шрифта, контрастным графическим элементом, пиктограммой;
— Применяйте принцип «тексту — собственный этаж». Он может в любой момент занять больше места, чем было в макете, потому что пользователь увеличил шрифт в настройках ОС. Или из-за изменения текста и локализации;
— По возможности откажитесь от усечения текста многоточием или фейдом;
— Передавая разработчикам макеты с нетекстовыми контролами, указывайте, какой глагол экранная читалка должна прочитать незрячим людям для каждой пиктограммы.

https://teletype.in/@romanshamin/a11y-for-designers
Teletype Доступность в дизайне 20% усилий дизайнера, дающие 80% доступности экранных интерфейсов
More from @uxnotes
  1. Oct 6, 2026Андрей Шапиро написал о слабых местах подхода SDD (Specification-Driven Development) в аге…
  2. Oct 2, 2026Сархан Громов написал о проблеме связи брендинга и интерфейса. Фирменные приёмы могут отли…
  3. Oct 1, 2026Post #1813
  4. Sep 30, 2026Александр Краснобаев написал об а/б-тестах на малом трафике. • Нельзя выбирать один из вар…
  5. Sep 27, 2026Елена Плинер написала о юзерфлоу. — User flow — это блок-схема пользовательского пути в ра…
  6. Sep 23, 2026Ночной UX — цифровая вечеринка от Сбера Необычные решения, творчество и ошибки делают нас…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →