frontendmasters
FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.
Продолжительность
4 ч 6 мин
Категория
JavaScript
Количество уроков
45 Видео
Дата добавления
31 июл. 2019 г., 09:25
Язык
Английский
Дата выхода
30 июл. 2019 г., 12:22
Дата обновления
23 сент. 2019 г., 12:08
То, что часто забывают или забывают в веб-разработке, это доступность. Существует заблуждение, что доступные сайты скучны и устарели, и даже миф о том, что вспомогательные технологии не поддерживают JavaScript. Хотя на самом деле мы можем создавать инновационные и инклюзивные веб-приложения. Этот семинар научит вас устранять препятствия для доступа, которые могут помешать людям с ограниченными возможностями использовать современные веб-приложения. Мы изучим доступность компонентов UI, в первую очередь, с помощью React и Gatsby.js, но со знаниями, применимыми ко всем веб-стекам с большим количеством JavaScript. Мы узнаем, как правильно тестировать наши компоненты пользовательского интерфейса, и мы будем проверять доступность на уровне страницы, а также охватывать сквозные тесты на основе браузера. Чтобы поддержать пользователей без включенного клиентского JavaScript, мы также рассмотрим рендеринг и прогрессивное улучшение Gatsby на стороне сервера.
- Узнайте, как включить доступность в рабочий процесс веб-разработки.
- Отладка ваших сайтов и приложений для доступности с использованием новейших инструментов.
- Применяйте специальные возможности для веб-приложений React с помощью Gatsby, изучая, как специальные возможности применяются к другим стекам.
- Узнайте о преимуществах ручного и автоматизированного тестирования, чтобы вырастить сверхспособности в области веб-доступности!
- Интегрируйте управление фокусом в свои веб-приложения, корректно обрабатывая взаимодействия с клавиатурой и программой чтения с экрана.
- Потренируйтесь сообщать об изменениях в вашем коде и постоянно обновлять пользователей программы чтения с экрана.
- Достигайте побед с помощью семантической разметки, ненавязчивой анимации и прогрессивного улучшения.
Посмотреть больше
-
Урок 1. 00:03:26Introduction
-
Урок 2. 00:04:07Course Overview
-
Урок 3. 00:07:02Course Materials Setup
-
Урок 4. 00:01:51Tool Considerations
-
Урок 5. 00:02:27Steps for Debugging Accessibility
-
Урок 6. 00:07:26Auditing Slack & GitHub
-
Урок 7. 00:07:39Auditing Google Maps & NY Times
-
Урок 8. 00:04:50Hidden vs Visible CSS Rules
-
Урок 9. 00:02:27Accessibility Tree
-
Урок 10. 00:02:07Currently Focused Element
-
Урок 11. 00:07:19Accessibility Debugging: Practice Problems
-
Урок 12. 00:01:52Accessibility Debugging Q&A
-
Урок 13. 00:07:28Focus Management & tabindex
-
Урок 14. 00:02:34Focus Events
-
Урок 15. 00:01:33ARIA Overview
-
Урок 16. 00:04:35Focus Management Patterns
-
Урок 17. 00:02:30Visible Focus Styles
-
Урок 18. 00:00:52CSS in JS
-
Урок 19. 00:11:38Coding an Accessible Dropdown
-
Урок 20. 00:13:42Focus Event Handling in the Dropdown
-
Урок 21. 00:02:16Accessible Dropdown Exercise
-
Урок 22. 00:06:22Routing & Skip Links
-
Урок 23. 00:10:50Coding a Skip Link: Creating the Component
-
Урок 24. 00:08:33Coding a Skip Link: Wiring it Up
-
Урок 25. 00:03:01Skip Links Exercise
-
Урок 26. 00:03:04Skip Links Solution
-
Урок 27. 00:06:54Announcements with ARIA Live Regions
-
Урок 28. 00:07:28Coding a Live Region Component
-
Урок 29. 00:05:54Semantic HTML
-
Урок 30. 00:10:05Unobtrusive Motion
-
Урок 31. 00:02:11reduced-motion Exercise
-
Урок 32. 00:03:45Progressive Enhancement Overview
-
Урок 33. 00:09:47Coding a Progressive Enhancement Component
-
Урок 34. 00:03:57Progressive Enhancement Exercise
-
Урок 35. 00:07:50Progressive Enhancement Solution
-
Урок 36. 00:07:17Accessibility Testing Overview
-
Урок 37. 00:11:54Using a Testing Library
-
Урок 38. 00:06:17Running Tests & Firing Events
-
Урок 39. 00:04:50Focus State Assertions
-
Урок 40. 00:01:19Unit Testing Exercise
-
Урок 41. 00:08:53Accessibility Integration Testing
-
Урок 42. 00:04:17Testing Goals & Prebuilt Rules
-
Урок 43. 00:08:41Coding Integration Tests
-
Урок 44. 00:02:14Continuous Integration & Manual Testing
-
Урок 45. 00:01:51Wrapping Up
Автор - frontendmasters
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
Разрабатывайте доступные веб-приложения с React
Develop Accessible Web Apps with React
Большое количество людей не могут эффективно использовать Интернет из-за нарушений или инвалидности. Как разработчики, мы можем использовать несколько инструментов и методик, чтобы сделать наши веб-приложения доступными, обеспечивая удобство работы для всех пользователей.
Доступность, V2
Accessibility, v2
Обеспечение веб-сайта доступностью чрезвычайно важно, но информации мало, и аудит вашего сайта часто отходит на второй план. Этот курс даст вам все навыки, необходимые для аудита и устранения проблем с доступностью в любом проекте! Начните создавать доступные веб-приложения, которые сможет использовать каждый!
vueschool.io
29 сент. 2021 г., 00:59
Основы веб-доступности
Web Accessibility Fundamentals
Узнайте, как сделать Интернет доступным для всех, независимо от их оборудования, программного обеспечения, языка, местоположения или возможностей.
udemy
18 июл. 2022 г., 11:09
Как проектировать для доступности: Для UX-дизайнеров (WCAG 2.2)
How To Design for Accessibility: for UX Designers (WCAG 2.2)
Этот курс предназначен для людей, которые отвечают за дизайн цифровых интерфейсов, которые хотят сделать их более доступными и удобными для пользователя (и при этом эстетичными), но не знают, что именно нужно сделать, чтобы дизайн пользовательского интерфейса стал более доступным.
Доступность веб-сайтов, версия 3
Website Accessibility, v3
Научитесь делать свои веб-сайты и веб-приложения доступными для более широкой аудитории. Используйте методы отладки доступности для выявления проблем при разработке. Обеспечьте хорошую работу вашего веб-сайта с адаптивными технологиями и изучите использование HTML, ARIA и JavaScript для обеспечения доступности даже самых сложных пользовательских интерфейсов!