Учебное пособие по тестированию доступности — инженер по контролю качества

Описание: Запишитесь на бесплатную *консультацию по карьере в QA с Сергеем*: https://calendly.com/codemify/consult...

Недельный *Вводный курс по ручному QA*:
https://codemify.com/intro-week?utm_s...

*Недельный вводный курс по автоматизации QA*:
https://codemify.com/intro-automation...

*Курсы и цены*: https://www.codemify.com/experts

Instagram Codemify:   / codemify_  
Telegram Codemify: https://t.me/codemifyschool
LinkedIn Сергея:   / sergii-khromchenko-1099ab93  

Ссылки для связи:
Посмотрите свой первый БЕСПЛАТНЫЙ QA Урок - https://codemify.com/free-training-form

*Курсы по тестированию*:
*Курсы для новичков без опыта*:
✋ Обучение ручному тестированию (1,5 месяца) - Попробуйте БЕСПЛАТНО - https://codemify.com/manual-qa-course...

✋🧑‍💻 Полный курс по тестированию: руководство + автоматизированное тестирование (5 месяцев) - запишитесь на бесплатный вводный урок здесь - http://codemify.com/courses

Расписание курсов - https://codemify.com/courses-schedule

*Плейлисты YouTube для вас*:
✅ Подробнее о работе тестировщика:    • QA Engineer Job in details  
✅ Отзывы наших студентов:    • Codemify Bootcamp Student Reviews - QA Eng...  

✔️ Регистрационная форма на курс — ​https://codemify.com/contact
✔️ Отзывы участников Bootcamp: https://codemify.com/testimonials

00:00 — Введение: Как тестирование доступности помогло мне получить работу специалиста по контролю качества
00:10 — Почему доступность веб-сайтов важна для всех
00:52 — Что такое WCAG (руководство по доступности веб-контента)
01:17 — Инструменты для выявления проблем доступности
01:29 — Знакомьтесь с Валери: инженером по контролю качества и наставником в MFI Tech Bootcamp
01:57 — Тест по навигации с помощью клавиатуры в Википедии (демонстрация клавиши Tab)
02:24 — Состояние фокуса: обеспечение доступности каждого интерактивного элемента
02:54 – Почему чёткие контуры фокуса так важны
03:11 – Демонстрация скрытых элементов: имитация ловушки фокуса с помощью CSS
03:57 – Проблема с программой чтения с экрана: фокус попадает на скрытый элемент
04:32 – Как включить программу чтения с экрана VoiceOver (Mac)
05:02 – Проверка элементов страницы с помощью VoiceOver
06:42 – Тестирование выпадающего меню инструментов с помощью программы чтения с экрана
06:45 – Проверка наличия альтернативного текста и корректных описаний у изображений
08:00 – Краткая справка: Как я стал инженером по контролю качества
08:23 – Проверка структуры страницы: корректные заголовки и ориентиры
09:43 – Ориентиры упрощают навигацию для программ чтения с экрана
10:15 – Тестирование цветового контраста для обеспечения доступности
10:32 – Запуск аудита Lighthouse в Chrome DevTools
11:30 – Понимание оценки доступности Lighthouse и проблем
11:50 – Пример плохого Цветовой контраст на веб-странице
12:22 – Как Lighthouse выявляет проблемные элементы
12:42 – Дополнительные проблемы доступности, обнаруженные Lighthouse
13:26 – Проблемы с размером сенсорного экрана на мобильных устройствах
14:03 – UX DevTools: ещё один инструмент для тестирования доступности
15:01 – UX DevTools против Lighthouse: основные преимущества
16:02 – Подробные отчёты об ошибках и ссылки WCAG в UX DevTools
16:42 – Интеграция UX DevTools в конвейер непрерывной интеграции и доставки (CI/CD)
16:58 – Заключительные советы: начните с малого и выявляйте проблемы доступности как можно раньше
17:27 – Дальнейшие шаги: расширенные инструменты и ресурсы для обеспечения доступности