feinkost-hersteller.example

16 controls without a usable accessible name or valid ARIA (button-name, link-name). Screen readers announce controls by their name. A button without one is announced as just “button”.

Fix→Give icon-only buttons and links an aria-label, connect form fields to their <label>, and make sure the accessible name contains the visible text.

1 form field has no persistent label; the placeholder disappears as soon as people type. Forms are where accessibility problems cost you leads and sales directly.

Fix→Give every field a visible label, mark required fields in text, link error messages to their field, and use the right autocomplete attributes.

Content scrolls sideways when zoomed (200% zoom); people who zoom in must scroll in two directions to read. Many people zoom or enlarge text. If the layout breaks, content and buttons disappear for them.

Fix→Use relative units and flexible layouts so the page works at 400% zoom and with larger letter and line spacing, without content being cut off.

13 focus stop(s) without a visible indicator, 15 hidden behind other elements, out of 83. Keyboard users need to see where they are. Without a visible focus outline they are navigating blind.

Fix→Never remove the focus outline without a replacement. Add a clear :focus-visible style (for example a 2 px outline with 3:1 contrast) to every interactive element.

Navigation order differs on 15 of 15 pages. When navigation moves around between pages, people relying on memory or assistive tech lose their way.

Fix→Keep navigation in the same place and order on every page, and don’t change context automatically when a field gets focus or input.

2 h1 headings. Screen reader users jump by headings and landmarks. A page without real structure is one long stream.

Fix→Use one <h1>, nest headings in order (h2 under h1, h3 under h2), and wrap the page in <header>, <nav>, <main> and <footer>.

8 vague button/link label(s); "mehr erfahren" leads to 3 different places. Labels like “Learn more” or “Click here” don’t say what happens, so people hesitate or skip them.

Fix→Write every button and link as a verb plus what the visitor gets: “Book a call”, “See pricing”, “Download the guide”.

Homepage says "you" 10× and "we" 16×. Visitors care about their problem, not your company. Copy full of “we” reads like it’s about you.

Fix→Rewrite key sections from the visitor’s side: lead with “you” and what they get, then say what you do.

Harder to read than needed: Amstad 48 (aim ≥ 60). Long sentences and difficult words lose readers, including experts reading on a phone.

Fix→Aim for sentences under 20 words, prefer everyday words, write in the active voice, and explain any jargon the first time it appears.

Lab data: LCP 16247 ms, CLS 0.03, Total Blocking Time 11 ms. Slow, jumpy pages rank lower and lose visitors before they load.

Fix→Shrink and preload the largest above-the-fold image, defer non-critical JavaScript, and reserve space for images and embeds to stop layout shift.

1 page(s) without a meta description; 5 description(s) outside 70–170 characters; 7 title(s) outside 15–65 characters. The title and description are your ad in search results. Missing or duplicate ones get fewer clicks.

Fix→Write a unique title per page (main topic first, brand last, under about 60 characters) and a 120–160 character description that makes people want to click.

Image delivery can improve: Improve image delivery (Est savings of 5,661 KiB); Image elements do not have explicit `width` and `height`; Serves images with low resolution. Heavy images slow every page, especially on mobile data.

Fix→Serve images as WebP or AVIF at the size they are shown, set width and height, and add loading="lazy" to images below the fold.

4 font families and 7 different sizes: the type has no clear system. Too many font sizes and families make a page feel unplanned and blur the difference between a heading and body text.

Fix→Pick two families at most and a scale of six to eight sizes (for example 14, 16, 20, 25, 31, 39 px), then map every text style onto it.

0% of tested controls respond the moment they're pressed. Buttons that react a moment late feel unresponsive, even if the site is fast.

Fix→Show a pressed state immediately (:active), open menus from the element that triggered them, and use CSS transitions so animations can be interrupted.

48% of spacing values sit on a 4 px grid; text aligns to 10 left edges. Random spacing makes a layout feel slightly off even when visitors can’t say why.

Fix→Choose a spacing base (4 or 8 px), define a short set of steps (8, 16, 24, 32, 48, 64), and replace one-off values with the nearest step.

Landing page: LCP 16.2 s, 16.0 MB on mobile. Later funnel steps are measured by the funnel walk. On phones, every extra second of loading costs conversions.

Fix→Get mobile LCP under 2.5 s and pages under 2 MB: compress images, cut unused scripts and fonts, and lazy-load what’s below the fold.

No analytics found, so conversions cannot be measured or improved. Without measurement you can’t tell which changes help, so improvements become guesswork.

Fix→Install privacy-friendly analytics and track your key actions (button clicks, form submissions, bookings) as conversion events.

newsletter form asks for 1 field; 1 field(s) without the right keyboard type. Every extra form field lowers completion, and wrong field types make phones show the wrong keyboard.

Fix→Ask only for what you need now (five fields or fewer for a lead form), mark optional fields, and use type="email"/"tel" with autocomplete.

49 page(s) reached under different names; 18 label(s) leading to different pages. When one destination has several names, or one name leads to different places, visitors stop trusting the navigation and second-guess every click.

Fix→Give every destination one label and use it everywhere: menu, buttons, footer and page title. Rename or remove the duplicates the audit found.

First action 3.1 screens down. Most visits are on phones. Small tap targets and actions pushed far down make the mobile site feel second-class.

Fix→Make primary buttons at least 44 px tall, bring the main action into the first screen on mobile, and check that nothing overflows sideways.