This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Responsive
How do you check a single element on every screen size?
You check a single element by targeting it specifically and measuring it individually on every device size. The audit service does exactly that: it searches for the named element — a price table, a sign-up form, or an embedded calendar, say — on smartphone, tablet, and desktop, and checks whether it's present and visible, fits fully within the device width, and operates well.
These are the questions the element check answers
For every device size, the check answers five questions. Is the element present at all? Some building blocks disappear entirely on small screens. Is it visible, with measurable width and height? Does it fit within the device width, or does it overhang the screen's edge? Are all controls within it — buttons, links, input fields — at least 24 by 24 pixels, as the accessibility rule WCAG 2.5.8 requires? And does every piece of text within it stay fully readable, instead of getting cut off? For every device profile, the report includes a marked screenshot highlighting the element checked — so the state is documented, not just claimed.
When it's worth looking at a single element
The targeted check is the right tool when a specific spot causes worry or has just been fixed. Typical cases: a price table overhung the edge on mobile, and after the fix, it needs proof that it now fits on all four device sizes. A new contact form needs an operability check before going live. Or embedded third-party content — a map, a booking widget, a review block — behaves differently from the rest of the page, because it comes from a different provider. Instead of rechecking the whole page, the element check gives a clear answer for exactly this one spot.
- Name the element that worries you as specifically as possible — "the price table on the offers page", say.
- After every fix, specifically check the affected element on all four device sizes, instead of relying on the desktop impression.
- Look at the marked screenshots in the report — they show the element's state at every device size.
- Have embedded third-party content like maps or booking widgets checked separately, since they follow their own rules.
FAQ
What is a viewport?
The viewport is the browser's visible display area — put simply: the window visitors see the website through. On a smartphone it's narrow, on desktop it's wide. The audit service works with four viewport profiles of 390, 768, 1440, and 1920 pixels wide, because a page's behaviour changes with width.
Why does an element disappear on mobile?
Many websites deliberately hide building blocks on small screens to save space — sometimes intentionally, sometimes by accident through a template setting. The element check reveals this: it reports, per device size, whether the element is present and visible. If it's missing only on mobile, you know the mobile view needs a separate setting.
Can embedded content like maps or booking widgets be checked?
Yes, that's exactly what the element check is suited for. Embedded content comes from third-party providers and follows its own rules — it can be wider than the device or bring along controls that are too small. The check measures the element across all four device sizes and documents the state with a marked screenshot per profile.