Учебное пособие по тестированию доступности — инженер по контролю качества
Запишитесь на бесплатную *консультацию по карьере в 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 – Дальнейшие шаги: расширенные инструменты и ресурсы для обеспечения доступности
