Accessibility Testing Tutorial - QA Engineer
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
Auf dieser Seite können Sie das Online-Video Accessibility Testing Tutorial - QA Engineer mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Codemify 24 September 2025 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 7,167 Mal angesehen und es wurde von 137 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
