skills.rest
Luqman-Ud-Din
Luqman-Ud-DinCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

qa-detect-zoom-200

Detect zoom-related accessibility defects at 150% and 200% page zoom.

Updated May 22, 2026
Search Tags:#accessibility#responsive design#wcag#browser testing#overflow#zoom
One-click install
npx skills add https://github.com/Luqman-Ud-Din/blackbox-qa-agent --skill qa-detect-zoom-200
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: qa-detect-zoom-200
Source: https://github.com/Luqman-Ud-Din/blackbox-qa-agent/tree/main/skills/qa-detect-zoom-200
Command: npx skills add https://github.com/Luqman-Ud-Din/blackbox-qa-agent --skill qa-detect-zoom-200

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill finds layout and accessibility failures that appear when a page is viewed at 150% and 200% zoom, helping catch content loss, overflow, and unreachable controls before they reach users.

Core Features & Use Cases

  • Zoom overflow detection: Identifies pages that require horizontal scrolling at higher zoom levels.
  • Fixed overlay detection: Flags oversized fixed or sticky elements that cover the main content and block interaction.
  • Unreachable control detection: Finds interactive elements pushed offscreen without a usable scroll path to reach them.
  • Use case: Run it on responsive web apps, dashboards, or forms to verify WCAG 1.4.4 behavior and spot zoom-specific defects that break enterprise and accessibility experiences.

Quick Start

Ask the assistant to run the zoom accessibility probe on the current page and return any overflow, overlay, or unreachable control defects.

Frequently Asked Questions about qa-detect-zoom-200

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I detect zoom overflow and accessibility defects at 200% page zoom?▼

Detect zoom overflow and accessibility defects by running an asynchronous browser evaluation that checks responsive web pages at 150% and 200% zoom. This probes for horizontal scrolling, oversized fixed overlays, and offscreen interactive elements, then resets the zoom level afterward.

Why does fixed overlay content block interaction when browser scaling is applied?▼

Fixed overlay content blocks interaction during browser scaling because oversized sticky or fixed elements expand to cover main content at 150% and 200% zoom. This creates unreachable controls and violates WCAG 1.4.4 accessibility requirements for text resizing.

How do I test WCAG 1.4.4 responsive design compliance for enterprise dashboards?▼

Test WCAG 1.4.4 responsive design compliance for enterprise dashboards by simulating 150% and 200% browser zoom levels. The evaluation identifies horizontal overflow, fixed overlay blockages, and offscreen interactive elements that break usability under display magnification.

Can I find unreachable interactive elements pushed offscreen without a usable scroll path?▼

Find unreachable interactive elements pushed offscreen without a usable scroll path through in-page browser evaluation at 150% and 200% zoom. The probe detects controls that lack a valid scroll path to reach them, ensuring forms and app routes remain accessible.

What is the best way to automate browser testing for zoom-specific layout breakage?▼

Automate browser testing for zoom-specific layout breakage by running an asynchronous in-page probe that scales pages to 150% and 200% zoom. It catches content loss, overflow, and unreachable controls, then resets the zoom state to restore the original view.

Does zoom accessibility testing work on forms and app routes that require asynchronous evaluation?▼

Zoom accessibility testing works on forms and app routes by requiring an in-page asynchronous browser evaluation. This process checks for overflow, oversized fixed overlays, and offscreen interactive elements at 150% and 200% zoom, verifying that app routes remain usable under scaling.

Related Skills

Explore More Software Engineering Skills→
ils15ils15
10

web-ui-analysis

Analyze web interfaces for WCAG 2.1 compliance and Core Web Vitals.

Community
Advanced
Luqman-Ud-DinLuqman-Ud-Din

qa-detect-reflow

Detect 320px reflow violations causing horizontal scrolling on mobile pages.

Community
Advanced
SeemSeamSeemSeam
17

browser-quality

Validate frontend quality with visual QA, responsive screenshots, accessibility, and performance metrics.

Community
Advanced
Luqman-Ud-DinLuqman-Ud-Din

qa-detect-fluid-sweep

Detect responsive layout overflow across non-standard viewport widths.

Community
Advanced