Web performance и доступность
WCAG, assistive technologies и измеримая скорость интерфейса.
WCAG, assistive technologies и измеримая скорость интерфейса.
Учитесь по порядку: прочитайте объяснение, решите задачу до раскрытия ответа и проверьте ход рассуждений. Затем выполните лабораторную работу курса. В справочнике собраны все разделы и пример с пояснениями; переходить на другие сайты для чтения материала не требуется. Для выполнения кода или работы с оборудованием нужна указанная учебная среда. Оценка часов включает самостоятельную практику и итоговый проект, а не только чтение.
Что вы разберёте
1Семантика, accessibility tree и screen readerОбъяснение и задача с ответом2Keyboard, focus и интерактивные паттерныОбъяснение и задача с ответом3Цвет, zoom, motion и когнитивная доступностьОбъяснение и задача с ответом4Network waterfall и critical rendering pathОбъяснение и задача с ответом5LCP, INP, CLS и performance budgetОбъяснение и задача с ответом6Автоматический и ручной аудит в CIОбъяснение и задача с ответомУчитесь с проверкой результата
Сначала решайте задачи самостоятельно, затем сравнивайте рассуждение с разбором. Итоговая работа проверяет применение знаний; отметка урока не является автоматической аттестацией.
Подготовка, пример и итоговая работа →