A concise view of HTML for QA with DevTools, accessibility checks, and XPath/CSS selectors. Practical DOM analysis and a11y verification techniques.
Language of course:
English
Format of the event:
Video lectures
Add to collection
you haven't created a collection yet
Add Collection
Course overview
Description generated based on course syllabus and open data.
This material focuses on applying HTML in testing: working with DevTools, performing Accessibility (a11y) checks, and crafting stable XPath/CSS selectors for reliable automation and DOM analysis.
Who it suits / who it does not: HTML, DevTools, Accessibility, XPath for QA
Recommended for
- QA engineers (manual/automation) dealing with DOM, selectors, and DevTools debugging.
- Junior/Middle testers needing fundamentals of HTML semantics and a11y checks.
- Specialists building XPath/CSS selectors for stable automation.
- Those investigating UI defects via Chrome DevTools and the Accessibility Tree.
Not recommended for
- Those seeking purely backend topics without HTML/DOM work.
- Anyone expecting theory only without DevTools practice and a11y verification.
- Readers focusing on marketing or business aspects instead of technical depth.
Problem → outcome: HTML, DevTools, Accessibility, XPath
- Flaky tests due to fragile selectors → adopt XPath/CSS strategies with attributes, roles, and unique locators.
- Hard-to-reproduce layout issues → use DevTools (Device Emulation, Layout, Styles) to isolate states.
- Hidden accessibility gaps → a11y audits (ARIA roles, focus, contrast) via Accessibility pane and Lighthouse.
- Confusion with XPath axes/functions → apply proven path patterns and validate in console tools.
- Dynamic DOM changes during interaction → observe events/mutations via DevTools and logging.
Comparison with alternatives: CSS vs XPath, DevTools vs extensions
- CSS selectors for straightforward cases; XPath for complex DOM relationships.
- Built-in DevTools instead of third-party plugins for precise diagnostics and performance insights.
- Accessibility Tree and ARIA roles over visual-only checks.
- Manual HTML/DOM analysis rather than relying solely on recorders.
Expected outcomes: HTML, a11y, DevTools, XPath
- Understanding HTML semantics, DOM structure, and ARIA roles for accessibility testing.
- Building resilient XPath/CSS selectors using attributes, roles, and locator strategies.
- Using DevTools (Elements, Network, Console, Performance, Accessibility) for diagnostics.
- a11y checks: focus management, keyboard navigation, contrast, alternative text.
- Creating minimal HTML snippets to reproduce and localize defects.
Course Description
Become a better QA by expanding your skills. With HTML you can test accessibility and create stable automation xpats.
Evaluation
Only authorized users can leave reviews and rate
Log in »
