Проектирование для изменения размера и перетекания: доступная разработка веб-сайтов

Каждый пользователь заслуживает бесперебойного просмотра, независимо от устройства, размера экрана или визуальных потребностей. Когда текст перекрывается, клипс, или исчезает при увеличении, веб-сайты становятся полностью непригодными для миллионов людей. Этот текстовый курс поможет вам освоить основные принципы изменения размера и перетекания, а также научиться создавать макеты, которые легко масштабируются и сохраняют удобочитаемость при любых условиях. Вы узнаете, как привести свой дизайн в соответствие с глобальными стандартами доступности, используя чистые, современные методы CSS. Что вы узнаете: - Понять основные принципы изменения размера текста, перетекания и требования Руководящих принципов доступности веб-контента (WCAG). - Применять жидкость типографии и масштабируемые макеты с использованием современных функций CSS, как зажим, мин, и макс. - Внедрение адаптивных шаблонов дизайна, которые предотвращают горизонтальную прокрутку и перекрытие контента при высоких уровнях масштабирования. - Используйте гибкие модули макета, такие как Flexbox и CSS Grid, чтобы создавать адаптивные, готовые к перетеканию структуры. - Проверьте свои проекты с помощью инструментов разработчика браузера и переопределения текстовых интервалов для обеспечения соответствия. Начиная с основных понятий и ключевых определений доступности, вы пройдете через практические методы CSS для масштабирования текста и макетов, завершая тестированием рабочих процессов для проверки ваших дизайнов. Этот курс предназначен для начинающих веб-разработчиков, дизайнеров и энтузиастов цифровой доступности, которые хотят создавать инклюзивные веб-опыта. Не требуется опыта программирования. Начните читать сегодня, чтобы построить веб-макет, которые действительно доступны для всех.