Главная страницаКатегория другое (frontend)Удобство веб-сайтов

Удобство веб-сайтов

Name: Удобство веб-сайтов
Rating: 4.4 (17 reviews)

Website Accessibility

frontendmasters

★4.4 (всего оценок - 17)

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

3 ч 54 мин

Категория

Другое (Frontend)

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

40 Видео

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

21 февр. 2017 г., 00:00

Язык

Английский

Дата выхода

1 янв. 2017 г., 01:00

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

8 янв. 2018 г., 13:16

Узнайте, как сделать ваш веб-сайт доступным для более широкой аудитории.Используйте различные методы навигации и элементы управления, чтобы любой пользователь мог легко взаимодействовать с вашим сайтом. Убедитесь, что ваш сайт оптимизирован для чтения с экрана, и применяйте ARIA, чтобы даже самый сложный интерфейс стал простым для конечного пользователя.

Основы доступности веб-сайтов

Создание доступного веб-сайта начинается с понимания нужд пользователей с особыми потребностями. Это позволяет вам адаптировать дизайн так, чтобы он был более инклюзивным.

Навигация и её важность

Правильная навигация помогает пользователям легко находить необходимую информацию. Используйте интуитивно понятные меню и простые кнопки.

Простая и ясная структура меню.
Кнопки с четкими надписями.
Логичные пути переходов.

Совместимость с программами чтения с экрана

Убедитесь, что все элементы вашего сайта поддерживают программы чтения с экрана. Это особенно важно для людей с нарушениями зрения.

Использование ARIA

ARIA-метки помогают программам чтения с экрана правильно интерпретировать содержимое. Это делает ваш сайт более доступным.

Добавьте роли и метки ARIA для сложных компонентов.
Используйте живые области, чтобы предупреживать пользователей о динамических изменениях.

Тестирование и улучшение доступности

Регулярное тестирование вашего сайта на доступность поможет выявлять и устранять возможные проблемы. Используйте автоматизированные инструменты и обратную связь от реальных пользователей.

Инструменты тестирования доступности

Существует множество инструментов, помогающих в проверке доступности веб-сайтов.

WAVE – Web Accessibility Evaluation Tool.
axe Accessibility Checker.
Google Lighthouse.

Всегда стремитесь улучшать свой сайт, следуя актуальным стандартам и рекомендациям по доступности.

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

Урок 1.00:12:57
Introduction
Урок 2.00:03:09
Types of Disability
Урок 3.00:02:52
How to browse the web
Урок 4.00:02:17
Keyboard Shortcuts
Урок 5.00:06:45
Tabbable Elements
Урок 6.00:02:59
Visible Focus
Урок 7.00:04:06
Skip Links
Урок 8.00:03:52
Exercise 1: Setting up an A11y Project
Урок 9.00:12:42
Exercise 1: Solution
Урок 10.00:01:19
Focus Control
Урок 11.00:02:08
Tabtrapping
Урок 12.00:01:20
Exercise 2: Focus Control
Урок 13.00:14:48
Exercise 2: Solution
Урок 14.00:02:12
Screen Readers
Урок 15.00:08:42
Alt Text
Урок 16.00:07:45
Label and ARIA Labels
Урок 17.00:02:44
ARIA Roles
Урок 18.00:01:05
Exercise 3: Screen Reader
Урок 19.00:13:26
Exercise 3: Solution
Урок 20.00:07:31
Semantic HTML
Урок 21.00:00:47
Exercise 4: Semantic HTML
Урок 22.00:05:58
Exercise 4: Solution
Урок 23.00:03:41
ARIA
Урок 24.00:06:01
Live Regions
Урок 25.00:01:13
Exercise 5: Live Regions
Урок 26.00:10:25
Exercise 5: Solution
Урок 27.00:04:41
Color
Урок 28.00:01:59
Exercise 6: Colors
Урок 29.00:03:29
Exercise 6: Solution
Урок 30.00:02:11
Tools for Accessibility Testing
Урок 31.00:01:02
Action Items
Урок 32.00:26:26
Accessibility Auditing 1
Урок 33.00:08:54
Accessibility Q&A Round 1
Урок 34.00:01:07
Accessibility Auditing 2
Урок 35.00:02:55
Accessibility Q&A Round 2
Урок 36.00:08:42
Accessibility Auditing 3
Урок 37.00:07:38
Accessibility Q&A Round 3
Урок 38.00:05:43
Accessibility Q&A Round 4
Урок 39.00:10:26
Accessibility Q&A Round 5
Урок 40.00:06:16
Accessibility Q&A Round 6

Автор - frontendmasters

frontendmasters

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

+790

Комментарии