Как документация влияет на дизайн-системы в аспектах доступности

• Статьи
• 9 мин на чтение
• 
  9

В дизайн-системах дизайнеры, разработчики и другие члены команды ориентируются на документацию. Она содержит пошаговые инструкции о том, как внедрять руководства по доступности в дизайн. Более того, качественная документация позволяет учесть и эффективно реализовать все ключевые аспекты доступности. Тем самым она способствует сотрудничеству и последовательности в работе.

В этой статье мы рассмотрим:

• Значение дизайн-систем и их влияние на UX
• Необходимость включения доступности как обязательной части документации для дизайн-систем
• Важность исследования пользователей для предоставления им продуктов и услуг, которые соответствуют их потребностям, независимо от их физического состояния, а также ухода от предвзятостей

Понимание аспектов доступности в дизайн-системах

Учёт доступности в дизайн-системах — способность создавать интерфейсы и цифровые продукты, которыми могут пользоваться все, включая людей с ограниченными возможностями. Структурированная и хорошо задокументированная дизайн-система облегчает внедрение практик доступности в дизайн-команды. Это позволяет создавать более инклюзивные продукты, доступные для всех.

Доступность подразумевает, что все пользователи могут воспринимать, управлять, понимать и доверять контенту и функционалу цифрового продукта. Доступность включает такие аспекты, как цветовой контраст, навигация с клавиатуры, читаемость текста и совместимость с такими вспомогательными технологиями, как программы чтения экрана. Если в контексте дизайн-систем с самого начала обеспечить доступность, это позволит поддерживать согласованность дизайна и убережёт от проблем с доступностью на более поздних этапах разработки.

Почему важно учитывать аспекты доступности в самом начале проектирования продуктов:

• Удобство использования: фокус на инклюзивности продуктов. Это не должно быть просто решением, это должно стать приоритетом
• Инклюзивность: аспекты доступности в дизайн-системах гарантируют подключение к использованию продукта людей с ограниченными возможностями. Таким образом они вносят разнообразие и увеличивают круг пользователей
• Затраты и время: внедрение мышления о доступности с самого начала и его применение во всех продуктах на базе дизайн-системы снижает затраты и время на последующие корректировки и обновления

Эта статья содержит описания и объяснения рекомендаций Руководства по доступности веб-контента (WCAG 2.1), а также способы улучшения доступности. Если использовать эти рекомендации в дизайн-системах, то все продукты будут соответствовать стандартам, ориентированным на доступность, а их UX станет лучше.

Роль документации для включения аспектов доступности в дизайн-систему

Документация играет фундаментальную роль для дизайн-систем и команд. Она служит руководством, которое содержит стандарты и рекомендации для проектирования доступных цифровых продуктов. Документация предоставляет централизованное справочное руководство по доступности всем членам команды. Это необходимо для того, чтобы все в команде понимали, как проектировать и разрабатывать компоненты и элементы интерфейса.

Более того, дизайнеры, разработчики и другие заинтересованные стороны сотрудничают между собой посредством документации дизайн-системы, потому что каждый из них может легко и быстро получить доступ к необходимой информации. Прозрачность и чёткость — важные основы, которые помогают убедиться в том, что команда не исключает аспекты доступности из процессов.

Некоторые примеры документации, которая встречается в дизайн-системах:

• Руководство по стилю: оно определяет айдентику и общий вид интерфейса, включая цветовые палитры, типографику, иконографику и рекомендации по дизайну
• Библиотеки шаблонов: они содержат примеры повторяющихся дизайн-паттернов, например, кнопок, форм и карточек, чтобы поддерживать согласованность и повторно использовать их в дизайне
• Документация по компонентам: в ней подробно описан каждый компонент, который используется в дизайн-системе, его характеристики, взаимодействия и способы реализации в разработке

Многие компании, включая Google, Microsoft и Atlassian, внедряют аспекты доступности веб-контента в свои дизайн-системы и документируют процессы. Это показывает, что не следует рассматривать доступность в качестве модного тренда. Наоборот, при создании продукта важно поставить в приоритет внесение изменений в дизайн-системы и их документацию.

В таком контексте, с учётом аспектов доступности в дизайн-системах, все пользователи, независимо от своих возможностей, смогут без труда взаимодействовать с цифровыми продуктами. Люди с ограниченными возможностями смогут эффективно пользоваться интерфейсом, который поддерживает высокий уровень доступности. Таким образом сотни людей с любыми ограничениями могут получить позитивный и насыщенный опыт, а также улучшить своё социальное положение за пределами экранов.

Ключевые элементы доступности в документации

Поскольку дизайн-системы — структуры, которые постоянно усложняются, крайне важно документировать компоненты, особенно те, которые касаются доступности. В их число входят стандарты доступности, которые вместо ограничений служат рекомендациями по доступности. Их можно менять в зависимости от требований команды и стадии внедрения аспектов доступности в дизайн-систему.

В этом контексте в Целях Доступности следует кратко изложить то, чего можно достичь с учётом описанных в дизайн-системе задач по доступности. Сюда можно включить соблюдение стандартов доступности и обеспечение инклюзивного UX. Кроме того, рекомендации по дизайну с учётом аспектов доступности содержат информацию о том, как создавать инклюзивный дизайн. Они могут включать рекомендации по читаемым размерам шрифта, соответствующим цветовым контрастам, понятным иконкам и тому, как проектировать интерфейсы для навигации с клавиатуры и устройств вспомогательной навигации.

Также документация должна включать библиотеку доступных компонентов с примерами и рекомендациями по реализации UI-элементов в контексте доступности. Например, руководства по инклюзивным компонентам предоставляют информацию о том, как создать дизайн карточек, уведомлений, переключателей и других компонентов с учётом аспектов доступности.

Кроме того, в дизайн-системах нужно обязательно создать инклюзивную структуру с прямым включением компонентов и шаблонов, учитывающих аспекты доступности. Это гарантирует, что каждый раз, когда дизайнеры и разработчики будут пользоваться дизайн-системой, они будут использовать компоненты, учитывающие аспекты доступности, в качестве базовых.

Опции, которые можно внедрить в дизайн-систему:

• Присвоение наименований и документирование: в рамках дизайн-системы сделайте каждый компонент и рекомендацию в отношении доступности узнаваемыми
• Постоянное обновление: поддерживайте актуальность документации по доступности, учитывая международные стандарты. Так она будет соответствовать последним рекомендациям по доступности
• Доступные формы: добавьте в документацию рекомендации о том, как проектировать и разрабатывать доступные формы, включая правильные названия, чёткие инструкции и простую навигацию
• Учёт доступности мультимедиа: включите рекомендации по доступности таких элементов мультимедиа, как изображения и видео, для лиц с нарушениями слуха или зрения. Например, добавление альтернативных описаний для изображений (альтернативный текст) и текстовых подписей для видео
• Рекомендации по доступной навигации: сформулируйте рекомендации в отношении чёткой и последовательной навигации в цифровом продукте, чтобы облегчить пользователям поиск нужной информации. Они включают навигацию с клавиатуры и логическую структуру контента с заголовками в логическом порядке

Чёткая и лаконичная документация

Документация играет ключевую роль в точной реализации доступности в дизайн-системах. Суть в том, чтобы включить в документацию чёткие и подробные инструкции для дизайнеров и разработчиков. Так они смогут разобраться в рекомендациях по доступности и последовательно применять их в проектах.

Посредством хорошо структурированной документации члены команды смогут сотрудничать, понять весь процесс и сосредоточиться на общей цели в отношении доступности.

Некоторые аспекты чёткой и лаконичной документации:

• Иерархия: организуйте документацию чётко и логично — позвольте пользователям быстро и легко получать доступ к информации. Группируйте связанные темы и устанавливайте приоритеты для заголовков и подзаголовков, чтобы облегчить навигацию и распознавание
• Теги и категории: используйте соответствующие теги и категории для классификации документации, связанной с доступностью. Это поможет дизайнерам и разработчикам быстрее находить нужную информацию
• Списки и оглавление: создавайте списки и оглавления, в которых перечислены темы, изложенные в документации. Они ускорят поиск и послужат справочником по актуальной информации
• Изображения: используйте изображения и схемы для визуализации ключевых понятий доступности, таких как структура страницы с учётом доступности, примеры подходящих тегов для изображений и улучшение навигации с клавиатуры
• Примеры: показывайте практические примеры реализации требований по доступности для таких элементов дизайна, как кнопки, формы и меню навигации. Они помогут членам команды лучше понять, как применять аспекты доступности на практике
• Фрагменты кода: Включайте фрагменты кода и технические решения для закрытия конкретных задач, связанных с доступностью. Эти фрагменты кода помогут разработчикам быстро внедрить лучшие практики цифровой доступности в код

Каждый должен стремиться к согласованности между продуктами и различными командами. Глубоко понять потребности людей с ограниченными возможностями можно через эмпатию. Дизайн-системы, разработанные с учётом доступности, представляют собой сдвиг парадигмы, предлагая больше возможностей и подключая больше людей.

Сотрудничество и документация в отношении аспектов доступности

Дизайнерам, разработчикам и экспертам по вопросам доступности крайне важно сотрудничать, чтобы разработать наиболее полную и эффективную документацию в отношении аспектов доступности. Необходимо вовлечь каждого члена команды. Для создания дизайн-системы, учитывающей аспекты доступности и интегрированной в каждую задачу, важны эмпатия и подключение каждого из команды.

Каждый человек привносит уникальные знания и видение, объединение которых улучшает документацию и гарантирует то, она будет включать все соответствующие аспекты доступности. Каждая команда несёт ответственность за поддержание и укрепление инклюзивного видения. Любой член команды должен рассматривать документацию с позиции доступности.

Командная работа даёт пространство для обсуждения того, насколько важен вклад каждого в создание документации с учётом аспектов доступности. Люди с разными способностями и опытом могут замечать специфические задачи и потребности, связанные с доступностью. Рассмотрение разнообразных точек зрения делает документацию более комплексной и доступной для широкого круга пользователей.

Сотрудничество позволяет членам команды обмениваться знаниями и совместно решать проблемы. Работая вместе, можно увидеть и устранить потенциальные барьеры при внедрении доступности. Кроме того, постоянное общение гарантирует, что документация в отношении доступности в дизайн-системе будет оставаться актуальной, точной и будет учитывать последние практики и стандарты доступности.

Поддержание актуальности и обновление документации в отношении аспектов доступности

Чтобы цифровые продукты были доступными и соответствовали текущим стандартам доступности, важно поддерживать документацию в отношении аспектов доступности актуальной. Рекомендации по доступности и лучшие практики в этом направлении развиваются. Поэтому необходимо периодически проверять и обновлять документацию, чтобы отражать изменения и предоставлять дизайн-командам и командам разработки наиболее точную и актуальную информацию.

Одна из ключевых стратегий поддержания актуальности документации — её регулярное ревью. Этим может заниматься специальная команда, ответственная за периодический пересмотр и обновление документации. Кроме того, важно быть в курсе последних событий в области доступности, чтобы поддерживать актуальность документации.

Доступность — постоянно развивающийся процесс, и необходимо признать в нём важность оценки и итераций. Сбор обратной связи от пользователей, проведение тестирования доступности и открытость к непрерывным улучшениям позволят постепенно улучшать документацию в отношении аспектов доступности.

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

Заключение

Доступность — неотъемлемая часть современных продуктов. Содействие формированию хороших практик в технологических командах играет ключевую роль в будущем продуктов, доступных для всех. Это сложный и трудный процесс.

Важно, чтобы при разработке документации по доступности дизайнеры, разработчики и эксперты по вопросам доступности сотрудничали. Путем внедрения разнообразных точек зрения и знаний дизайн-системы будут лучше закрывать потребности любого пользователя.

Доступность не должна быть опцией, это ответственность, которая лежит на каждом. Настоящее и будущее дизайн-систем — акцент на доступности, а документацию по дизайн-системам все команды должны ставить в приоритет. Включение пользовательских исследований и сбор обратной связи от пользователей способствует развитию дизайн-систем и документации. Это помогает создавать более качественный цифровой опыт, где технологии становятся частью решения, а не проблемы.

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

---

Перевод статьи от UX Teddy – в их телеграме найдете так же переводы практических статей из блога UX Movement про проектирование сложных интерфейсов, форм и страниц — подписывайтесь!