Главная страницаКатегория javascriptДоступность в приложениях JavaScript

Доступность в приложениях JavaScript

Name: Доступность в приложениях JavaScript
Rating: 4.5 (21 reviews)

Accessibility in JavaScript Applications

frontendmasters

★4.5 (всего оценок - 21)

Продолжительность

4 ч 6 мин

Категория

JavaScript

Количество уроков

45 Видео

Дата добавления

31 июл. 2019 г., 09:25

Язык

Английский

Дата выхода

30 июл. 2019 г., 12:22

Дата обновления

23 сент. 2019 г., 12:08

Доступность — это аспект веб-разработки, который часто упускают из виду или забывают. Существует заблуждение, что доступные сайты выглядят скучно и устарели, а также миф о том, что вспомогательные технологии не поддерживают JavaScript. Однако, возможно создать инновационные и инклюзивные веб-приложения. На этом семинаре вы узнаете, как устранять препятствия для доступа, мешающие людям с ограниченными возможностями пользоваться современными веб-приложениями. Мы рассмотрим доступность компонентов пользовательского интерфейса (UI), главным образом, с помощью React и Gatsby.js, при этом полученные знания будут применимы ко всем веб-стекам с большим количеством JavaScript. Вы научитесь тестировать компоненты UI и проверять доступность на уровне страницы, а также охватите сквозные тесты на основе браузера. Для поддержки пользователей без включенного клиентского JavaScript мы также рассмотрим серверный рендеринг и прогрессивное улучшение Gatsby.

Что вы узнаете

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

Удален по просьбе правообладателя

Урок 1.00:03:26
Introduction
Урок 2.00:04:07
Course Overview
Урок 3.00:07:02
Course Materials Setup
Урок 4.00:01:51
Tool Considerations
Урок 5.00:02:27
Steps for Debugging Accessibility
Урок 6.00:07:26
Auditing Slack & GitHub
Урок 7.00:07:39
Auditing Google Maps & NY Times
Урок 8.00:04:50
Hidden vs Visible CSS Rules
Урок 9.00:02:27
Accessibility Tree
Урок 10.00:02:07
Currently Focused Element
Урок 11.00:07:19
Accessibility Debugging: Practice Problems
Урок 12.00:01:52
Accessibility Debugging Q&A
Урок 13.00:07:28
Focus Management & tabindex
Урок 14.00:02:34
Focus Events
Урок 15.00:01:33
ARIA Overview
Урок 16.00:04:35
Focus Management Patterns
Урок 17.00:02:30
Visible Focus Styles
Урок 18.00:00:52
CSS in JS
Урок 19.00:11:38
Coding an Accessible Dropdown
Урок 20.00:13:42
Focus Event Handling in the Dropdown
Урок 21.00:02:16
Accessible Dropdown Exercise
Урок 22.00:06:22
Routing & Skip Links
Урок 23.00:10:50
Coding a Skip Link: Creating the Component
Урок 24.00:08:33
Coding a Skip Link: Wiring it Up
Урок 25.00:03:01
Skip Links Exercise
Урок 26.00:03:04
Skip Links Solution
Урок 27.00:06:54
Announcements with ARIA Live Regions
Урок 28.00:07:28
Coding a Live Region Component
Урок 29.00:05:54
Semantic HTML
Урок 30.00:10:05
Unobtrusive Motion
Урок 31.00:02:11
reduced-motion Exercise
Урок 32.00:03:45
Progressive Enhancement Overview
Урок 33.00:09:47
Coding a Progressive Enhancement Component
Урок 34.00:03:57
Progressive Enhancement Exercise
Урок 35.00:07:50
Progressive Enhancement Solution
Урок 36.00:07:17
Accessibility Testing Overview
Урок 37.00:11:54
Using a Testing Library
Урок 38.00:06:17
Running Tests & Firing Events
Урок 39.00:04:50
Focus State Assertions
Урок 40.00:01:19
Unit Testing Exercise
Урок 41.00:08:53
Accessibility Integration Testing
Урок 42.00:04:17
Testing Goals & Prebuilt Rules
Урок 43.00:08:41
Coding Integration Tests
Урок 44.00:02:14
Continuous Integration & Manual Testing
Урок 45.00:01:51
Wrapping Up

Автор - frontendmasters

frontendmasters

FrontendMasters — одна из ведущих онлайн-платформ для изучения фронтенд- и веб-разработки. Курсы представлены в формате видеоворкшопов и преподаются практикующими экспертами из крупных технологических компаний. Платформа охватывает широкий спектр современных технологий (JavaScript, React, TypeScript и др.) и делает упор на глубокое понимание и применение знаний на практике.

+790

Комментарии