Курс NextJS. 14. Улучшение доступности приложения / Improving Accessibility

Курс NextJS. 14. Улучшение доступности приложения / Improviьg accessibility Обсуждаем понятие доступности (accessibility) и аспекты ее реализации в Next.js Валидируем значения, введенные в поля формы создания и редактирования инвойсов: 1. Непосредственно в формах с помощью атрибутов HTML required (валидация на клиентской стороне) 2. С помощью проверок схемы Zod, происходящей в Server Actions (валидация на серверной стороне) Возникающие при проверке ошибки возвращаются в форму через хук useActionState и отображаются под полями с ошибочными значениями в виде aria-labels с описанием соответствующей ошибки Используем инструмент lint для проверки кода приложения Презентацию можно скачать здесь: Ссылка на GitHub: Хронометраж 0:00:00 Введение 0:00:36 Целевая аудитория 0:00:55 План работы 0:03:03 Реализация доступности (accessibility) в приложениях Next.js 0:05:45 Улучшение доступности приложения. Постановка задачи 0:08:08 Проверка значений непосредственно в форме (Client-side validation) 0:13:38 Схема взаимодействия компонентов при серверной валидации 0:17:45 Валидация на серверной стороне: форма создания инвойса 0:23:06 Валидация на серверной стороне: форма редактирования инвойса 0:28:19 Используем next lint для проверки кода приложения 0:32:01 Заключительные операции. Домашнее задание 0:33:05 Полезные ссылки 0:34:18 Подведем итоги 0:34:54 Заключительные замечания Timing 0:00:00 Introduction 0:00:36 Target audience 0:00:55 Agenda 0:05:45 Improving accessibility of an...