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

webapp-a11y-scaling-in-webview-checks

Verify web app rendering and accessibility in Android WebViews under high-scaling conditions.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires bash, adb, emulator, avdmanager, curl, nix, jq, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill solves the challenge of verifying how web applications render inside Android WebViews when subjected to extreme accessibility text scaling and display density settings, which often cause layout overflows that standard browser-based checks miss.

Core Features & Use Cases

  • WebView Harness: Provides a dedicated Android WebView environment to simulate host-app rendering (e.g., LINE MiniApps).
  • Accessibility Calibration: Applies precise combinations of system font scaling and display density to mirror real-world user accessibility configurations.
  • Automated Exploration: Supports parallelized screenshot capture and CDP-based interaction to audit UI integrity across multiple states and device profiles.

Quick Start

Use the webapp-a11y-scaling-in-webview-checks skill to capture a screenshot of the target URL using the default LINE MiniApp accessibility preset.

Frequently Asked Questions about webapp-a11y-scaling-in-webview-checks

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

FAQPage Schema
How do I test webapp accessibility under high font scaling in Android WebView?▼

Test webapp accessibility under high font scaling in Android WebView by simulating specific system font-scale and display-density presets using ADB and CDP-based browser automation to capture visual regressions.

What problems does accessibility scaling cause in Android WebView rendering?▼

Accessibility scaling causes layout overflows in Android WebView rendering when extreme text scaling and display density settings are applied, issues that standard browser-based checks often miss.

Do I need an Android emulator to run WebView accessibility checks?▼

Yes, you need an Android emulator or device to run WebView accessibility checks, as the skill utilizes Android SDK tools, ADB, and emulator environments to apply system-level font and display configurations.

Can I use CDP automation to capture screenshots of mobile-web apps in WebView?▼

Yes, you can use CDP automation to capture screenshots of mobile-web apps in WebView, allowing parallelized visual capture and UI interaction audits across multiple device profiles and states.

What's the best way to automate visual regression testing for host-app embedded browsers?▼

Automate visual regression testing for host-app embedded browsers by deploying a dedicated WebView harness that mirrors real-world accessibility configurations and uses CDP for interaction checks.

Why does my web layout overflow when testing LINE MiniApps with accessibility settings?▼

Web layouts overflow when testing LINE MiniApps with accessibility settings because extreme system font scaling and display density configurations stress the WebView rendering beyond standard browser tolerances.

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
viably-labsviably-labs

playwright-screenshot-inspector

Analyze Playwright screenshots to validate UI rendering accuracy semantically.

Official
Advanced
devMoezdevMoez
1

gif-search

Search Tenor GIFs via v2 API with curl and jq.

Community
Basic
toqoztoqoz

webapp-a11y-scaling-checks

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

Community
Advanced