HTML & CSS · page 3

Collect reusable accessible patterns and associated testing notes.

Summarize accessibility issues by page, component, and severity.

Find legacy elements and attributes in supplied markup.

Explain how browser, user, and author styles compete to determine an element's final appearance.

Trace successive overrides of a property across selectors and media queries.

Find directional styling that may break in right-to-left layouts.

Generate test cases for horizontal and vertical writing modes.

Identify overlapping breakpoints with conflicting declarations.

Identify nested layouts that could benefit from shared parent grid tracks.

Calculate approximate flex item shrink distribution from basis sizes and shrink factors.

Identify the containing block that determines positioned element coordinates.

Normalize supported color functions into a consistent CSS representation.

Compare supported color representations using supplied color values.

Compare light, dark, and high-contrast theme tokens for missing equivalents.

Explain baseline, middle, and other vertical alignment outcomes in common layout contexts.

Analyze whitespace and baseline behavior in supplied inline markup and styles.

Find generated content declarations and identify unexpected decorative text dependencies.

Identify browser control reset rules that may remove expected affordances.

Compare focus indicator width, offset, and style across interactive components.

Identify hover-only interactions that lack a suitable touch or keyboard alternative.

Identify overlapping translucent surfaces that may reduce text contrast.

Identify components that may benefit from layout, paint, or size containment.

Locate broad or persistent will-change declarations that may waste browser resources.

Generate checks for forced-colors behavior and system color usage.