Accessibility Testing Tutorial - QA Engineer

Publicado em: 24 Setembro 2025
no canal de: Codemify
7,167
137

Book your free *QA career consultation with Sergii*: https://calendly.com/codemify/consult...

1 week *Introduction to Manual QA course*:
https://codemify.com/intro-week?utm_s...

*QA Automation one-week Introduction course*:
https://codemify.com/intro-automation...

*Courses and prices*: https://www.codemify.com/experts

Codemify Instagram:   / codemify_  
Codemify Telegram: https://t.me/codemifyschool
Sergii's LinkedIn:   / sergii-khromchenko-1099ab93  

Quick links to get in touch:
Watch your first FREE QA Lesson - https://codemify.com/free-training-form

QA Courses :
Courses For Beginners with no experience :
✋ Manual QA Training (1,5 months duration) - Try for FREE - https://codemify.com/manual-qa-course...

✋🧑‍💻 Complete QA Course Manual + Automation QA (5 months duration)- sign up for a free Intro lesson here - http://codemify.com/courses

Courses Schedule - https://codemify.com/courses-schedule

*YouTube playlists for you*:
✅ More about QA Job:    • QA Engineer Job in details  
✅ Our student's reviews:    • Codemify Bootcamp Student Reviews - QA Eng...  

✔️ Registration form for the course - ​https://codemify.com/contact
✔️Bootcamp student reviews: https://codemify.com/testimonials

00:00 – Intro: How Accessibility Testing Helped Me Land a QA Job
00:10 – Why Web Accessibility Matters for Everyone
00:52 – What is WCAG (Web Content Accessibility Guidelines)
01:17 – Tools That Flag Accessibility Issues
01:29 – Meet Valerie: QA Engineer & Mentor at MFI Tech Bootcamp
01:57 – Keyboard Navigation Test on Wikipedia (Tab Key Demo)
02:24 – Focus State: Ensuring Every Interactive Element is Reachable
02:54 – Why Clear Focus Outlines Are Crucial
03:11 – Hidden Element Demo: Simulating a Focus Trap with CSS
03:57 – Screen Reader Problem: Focus Lands on Hidden Element
04:32 – How to Turn On VoiceOver Screen Reader (Mac)
05:02 – Checking Page Elements with VoiceOver
06:42 – Testing a Tools Dropdown Menu with Screen Reader
06:45 – Verifying Images Have Alt Text & Proper Descriptions
08:00 – Quick Background: How I Became a QA Engineer
08:23 – Checking Page Structure: Proper Headings & Landmarks
09:43 – Landmarks Make Navigation Easier for Screen Readers
10:15 – Testing Color Contrast for Accessibility
10:32 – Running Lighthouse Audit in Chrome DevTools
11:30 – Understanding Lighthouse Accessibility Score & Issues
11:50 – Example of Poor Color Contrast on a Webpage
12:22 – How Lighthouse Pinpoints Problematic Elements
12:42 – Additional Accessibility Issues Found by Lighthouse
13:26 – Touch Target Size Problems on Mobile Devices
14:03 – UX DevTools: Another Accessibility Testing Tool
15:01 – UX DevTools vs Lighthouse: Key Advantages
16:02 – Detailed Issue Reports & WCAG References in UX DevTools
16:42 – Integrating UX DevTools into CI/CD Pipeline
16:58 – Final Tips: Start Small & Catch Accessibility Issues Early
17:27 – Next Steps: Advanced Accessibility Tools & Resource


Nesta página do site você pode assistir ao vídeo on-line Accessibility Testing Tutorial - QA Engineer duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Codemify 24 Setembro 2025, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 7,167 vezes e gostou 137 espectadores. Boa visualização!