Choose different text alternatives for informative, decorative and linked images, then inspect their names and broken-image behavior.
Build a three-file local site, resolve paths from nested folders and test fragments and deliberate new-tab navigation.
Build a page with named navigation regions and a working skip link, and distinguish page landmarks from an article header.
Reuse one card across home, catalog and related-item contexts, test long content and keep each action accessible without nested links.
Reproduce a fixed-width overflow on a narrow screen, locate the offending element and verify a repair without clipping the page.
Reproduce navigation overflow with long and translated labels, repair nested flex and text constraints, and verify reflow and keyboard access.
Test visible keyboard focus on a link, input and working button, and distinguish focus-visible from hover and pointer focus.
Build a complete main-and-sidebar layout, reproduce long-content overflow, and verify track widths, the mobile breakpoint and keyboard access.
Choose a breakpoint by testing real card content, compare 719px with 720px and distinguish CSS viewport width from device resolution.
Anchor badges to separate cards, inspect their containing block and distinguish a visual relative offset from normal-flow spacing.
Compare natural sizing, cover and contain with one downloadable test image. Measure the result and choose cropping deliberately without stretching the artwork.
Reproduce an anchor hidden beneath a sticky header and keep a measured scroll offset correct when the header wraps.