Accessibility Testing Tutorial - QA Engineer

YouTube Excerpt: Book your free *QA career consultation with Sergii*: https://calendly.com/codemify/consultation 1 week *Introduction to Manual QA course*: https://codemify.com/intro-week?utm_source=youtube&utm_medium=organic *QA Automation one-week Introduction course*: https://codemify.com/intro-automation?utm_source=youtube&utm_medium=organic *Courses and prices*: https://www.codemify.com/experts Codemify Instagram: https://www.instagram.com/codemify_ Codemify Telegram: https://t.me/codemifyschool Sergii's LinkedIn: https://www.linkedin.com/in/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-with-real-practice ✋🧑‍💻 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: https://www.youtube.com/playlist?list=PLveOiEbKQr3L85JijVuoUlhZ7A-7UTmFX ✅ Our student's reviews: https://www.youtube.com/playlist?list=PLveOiEbKQr3LaRhyLwmOgjL968v4NVTPR ✔️ 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

Book your free *QA career consultation with Sergii*: https://calendly.com/codemify/consultation 1 week *Introduction to Manual QA...

Read Full Article 🔍

Curious about Accessibility Testing Tutorial - QA Engineer's Color? Explore detailed estimates, salary breakdowns, and financial insights that reveal the full picture of their profile.

Source ID: UiCln_r-CsY

Category: color style guide