Встречайте «Инклюзивные компоненты»: доступные, пуленепробиваемые интерфейсные шаблоны

В наши дни доступность внешнего интерфейса все еще остается загадочной. Как мы создаем доступные кнопки и раскрывающиеся списки? Как насчет удобных для клавиатуры подсказок, вкладок и уведомлений? Или включающие аккордеоны, ползунки, таблицы данных и модальные окна ? Давайте разбираться вместе. Познакомьтесь с Inclusive Components , нашим новым руководством по созданию полностью доступных цифровых продуктов. Загрузите бесплатный образец в формате PDF (1,1 МБ).

О книге

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

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

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

332 страницы . Качественный твердый переплет с прошитым переплетом и ленточным маркером. Электронная книга доступна в форматах PDF, ePUB, Amazon Kindle. Написано и разработано Хейдоном. Загрузите образец в формате PDF (1,1 МБ).

Оглавление

Каждая глава посвящена одному компоненту, рассматривая, как разные и уязвимые люди могут читать и взаимодействовать с ней, и как они могут быть лучше приспособлены. Загрузите образец в формате PDF (1,1 МБ).

Об авторе

Хейдон Пикеринг (@heydonworks) работал с The Paciello Group, BBC, Smashing Magazine и Bulb Energy в качестве дизайнера, инженера, писателя, редактора и иллюстратора. Он был номинирован на премию «Дизайнер года» по версии The Net Awards.

Ранее Хейдон написал Inclusive Design Patterns, которые были проданы тиражом более 10 000 копий. Доходы от этого названия были пожертвованы ACLU и Демократическим социалистам Америки, чтобы помочь этим организациям бороться с фашизмом и создавать более инклюзивное общество.

Вот что поделился Хейдон, когда его спросили, почему он решил написать эту книгу:

«Несколько лет назад мне наскучил веб-дизайн. Затем появился адаптивный дизайн, который поставил передо мной новые задачи. Это снова сделало мою жизнь и работу интересной. Затем я открыл для себя мир веб-доступности, и мой энтузиазм снова возродился. Некоторые люди, кажется, думают, что я делаю веб-доступность, потому что чувствую себя морально обязанным, или что я чувствовал бы себя виноватым, если бы не сделал этого.

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

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

Отзывы

«Inclusive Components — это очень глубокое и тщательное объяснение разработки доступных компонентов с примерами из реального мира. Хейдон Пикеринг показывает несколько альтернативных подходов и объясняет плюсы и минусы каждого из них. Это тоже приятно читать!»

— Артем Сапегин, фронтенд-разработчик, Wayfair

«Инклюзивные компоненты» полны практических и исчерпывающих советов по созданию доступного пользовательского интерфейса. Это мой любимый ресурс после официальной документации WCAG и ARIA. Я нашел это чрезвычайно полезным при построении нашей дизайн-системы!»

— Сара Федерман, старший разработчик интерфейса

«То, чего Хейдон достигает в своей работе над инклюзивными компонентами, — это прагматичный, удобный и доступный набор руководств, которые помогут вам создавать не только доступные компоненты, но также устойчивые и прогрессивные отправные точки, которые помогут вам создавать лучшие веб-сайты и веб-приложения в Общая. Именно по этой причине я часто описываю эту работу как важный учебный материал».

— Энди Белл, независимый дизайнер и разработчик

Почему эта книга может быть для вас

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

1. Как использовать элементы <button> , как применять стили к кнопкам-переключателям и как их маркировать.
2. Как создавать управляемые списки, которые позволяют пользователям создавать и удалять контент — инклюзивным образом.
3. Как решать и решать проблемы доступности с навигационными меню и подменю (так называемые «раскрывающиеся списки»).
4. Как создавать доступные и удобные для клавиатуры подсказки и всплывающие подсказки .
5. Как создать тему «темного режима» , которая будет одновременно доступной и удобной в обслуживании в долгосрочной перспективе.
6. Как создать слайдер доступного контента , чтобы предотвратить вред для людей, чувствительных к движению.
7. Как создавать инклюзивные уведомления с живыми областями, чтобы одновременно общаться с вашими пользователями через визуальные и слуховые каналы.
8. Как создавать таблицы данных , которые являются семантически правильными, отзывчивыми и сортируемыми.
9. Как создавать доступные диалоговые окна и модальные диалоговые окна с учетом производительности и инклюзивного дизайна.
10. Как создавать и группировать инклюзивные карточки (например, для тизеров).

Технические подробности

• ISBN: 978-3-945749-82-1 (печать)
• Качественный твердый переплет, прошитый переплёт, маркеры-ленты.
• Электронная книга доступна в форматах PDF, ePUB и Amazon Kindle с сайта Хейдона.
• Бесплатная доставка авиапочтой по всему миру из Германии. (Проверьте сроки доставки.)
• Доступен как электронная книга и печать + электронная книга.

Вопросы сообщества ️

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

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

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

Оставайтесь сокрушительными, и спасибо всем за вашу постоянную поддержку!

Больше потрясающих книг

Пропаганда лучших практик и предоставление вам практических советов по решению ваших ежедневных проблем с кодированием и дизайном всегда были (и будут) в основе всего, что мы делаем в Smashing. В последние несколько лет нам очень повезло, что мы работали вместе с некоторыми талантливыми, неравнодушными людьми из веб-сообщества, чтобы опубликовать их богатый опыт в виде книг, выдержавших испытание временем. Алла, Адам и Энди — одни из таких людей. Вы уже ознакомились с их книгами?