skills.rest
toqoz
toqozCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

webapp-a11y-scaling-checks

Verify webapp rendering on Android Chrome with maximum display and font scaling.

Updated Oct 15, 2021
Search Tags:#automation#testing#accessibility#chrome#android#emulator
One-click install
npx skills add https://github.com/toqoz/config --skill webapp-a11y-scaling-checks
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-a11y-scaling-checks
Source: https://github.com/toqoz/config/tree/main/home/agents/skills/webapp-a11y-scaling-checks
Command: npx skills add https://github.com/toqoz/config --skill webapp-a11y-scaling-checks

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires adb, emulator, avdmanager, sdkmanager, agent-browser, and includes scripts (resource) components.

What problem does it solve?

This skill addresses the difficulty of testing how web applications render under extreme accessibility settings on real Android devices, preventing layout breakage for users with visual impairments.

Core Features & Use Cases

  • Real-Device Rendering: Boots a dedicated Android emulator or connects to a physical device to apply maximum Display Size and Font Size settings.
  • Automated Visual Verification: Captures high-fidelity screenshots of the webapp in its scaled state for visual regression testing.
  • Interactive Automation: Integrates with agent-browser to perform click, fill, and navigation flows within the scaled Android Chrome environment.

Quick Start

Use the webapp-a11y-scaling-checks skill to capture a screenshot of https://example.com on a Pixel 4a emulator with maximum accessibility scaling applied.

Frequently Asked Questions about webapp-a11y-scaling-checks

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

FAQPage Schema
How do I test webapp accessibility with maximum font and display scaling on Android?▼

To test webapp accessibility with maximum display and font scaling on Android, this skill applies maximum system-level display and font size settings to an emulator or physical device, then captures screenshots or enables interactive browser testing via CDP.

Can I automate accessibility visual regression testing on an Android emulator?▼

Yes, you can automate accessibility visual regression testing on an Android emulator by using this skill to capture high-fidelity screenshots of your webapp in its scaled state for visual comparison across rendering configurations.

Do I need an Android SDK environment to run Android Chrome accessibility checks?▼

Yes, you need a configured Android SDK environment with appropriate system images and build tools to manage the emulator lifecycle and apply accessibility configurations for Android Chrome accessibility checks.

What's the best way to interact with a webapp on Android Chrome under extreme display settings?▼

The best way to interact with a webapp under extreme display settings is using agent-browser integration, which performs click, fill, and navigation flows within the scaled Android Chrome environment via CDP on emulated or physical devices.

Does this tool support physical Android devices for accessibility scaling verification?▼

Yes, this tool supports physical Android devices for accessibility scaling verification by connecting directly to them to apply maximum display and font size settings, functioning identically to emulator-based testing.

Why does my webapp layout break when Android system font size is set to maximum?▼

Your webapp layout breaks under maximum Android system font size because extreme accessibility scaling magnifies text and display elements beyond standard responsive breakpoints, requiring visual verification on an emulator to identify rendering failures.

Related Skills

Explore More Software Engineering Skills→
software-mansionsoftware-mansion
1.9k

argent-android-emulator-setup

Boot an Android AVD and configure adb reverse for Metro connectivity.

Official
Intermediate
cattboycattboy

canary

Monitor live applications for console errors, performance regressions, and page failures.

Community
Advanced
misty-stepmisty-step
13

agent-browser

Automate browser interactions for AI agents via Chrome CDP.

Official
Intermediate
aryaxtaryaxt

emulator

Launch the Android emulator to run Android applications for testing.

Community
Basic