Accessibility
· 13 checks — Landmarks, headings, alt text, forms, and link quality rolled into one auditable list.FFavicon & BrandingAction1 icon(s) detectedFIX
DWeb ManifestActionNot foundFIX
No web manifest found.
DDark Mode SupportActionNo dark mode signalsFIX
Detection limited to meta tags and inline styles.
DPrint StylesheetActionNo print stylesFIX
BLandmark Structure22 landmarksREVIEW
Multiple navigations need aria-label to distinguish them for screen readers.
Some <nav> elements lack aria-label — screen-reader users hear 'navigation' multiple times with no way to distinguish them.
Learn more ▾ ▴
When a page has multiple <nav> regions (primary, footer, breadcrumb), each needs aria-label or aria-labelledby. AT users navigate by landmark; identical 'navigation' announcements force them to enter each one to discover purpose.
Source: WAI-ARIA Authoring Practices
Add a skip link as the first focusable element so keyboard users can bypass repeated navigation.
Without a skip-nav link, keyboard users tab through every nav item before reaching content — every page, every visit.
Learn more ▾ ▴
WCAG 2.4.1 (Bypass Blocks) requires a mechanism to skip past repeated content. The standard implementation is a 'Skip to main content' link that's the first focusable element, visually hidden until focused. Three lines of HTML + four of CSS.
Source: WCAG 2.1 SC 2.4.1
BLink & Button Quality1 issue(s) across 193 links and 175 buttonsREVIEW
| Element | Text | Issue | Suggested Fix |
|---|---|---|---|
| https://www.twitter.com/BMG_Bund | X | new tab | Add '(opens in new tab)' to text |
| https://www.instagram.com/bundesgesundhe… | new tab | Add '(opens in new tab)' to text | |
| https://www.facebook.com/bmg.bund | new tab | Add '(opens in new tab)' to text | |
| https://www.youtube.com/user/BMGesundhei… | Youtube | new tab | Add '(opens in new tab)' to text |
| https://www.tiktok.com/@bmg_bund/ | TikTok | new tab | Add '(opens in new tab)' to text |
| https://de.linkedin.com/company/bundesge… | new tab | Add '(opens in new tab)' to text | |
| https://t.me/corona_infokanal_bmg | Telegram | new tab | Add '(opens in new tab)' to text |
| https://mastodon.social/@BMG_Bund | Mastodon | new tab | Add '(opens in new tab)' to text |
| https://bsky.app/profile/bmg-bund.bsky.s… | Bluesky | new tab | Add '(opens in new tab)' to text |
| https://www.threads.net/@bundesgesundhei… | Threads | new tab | Add '(opens in new tab)' to text |
| <button> | (empty) | empty | Add button text or aria-label |
Add '(opens in new tab)' to link text or aria-label.
https://www.twitter.com/BMG_Bund; https://www.instagram.com/bundesgesundheitsministerium; https://www.facebook.com/bmg.bund; https://www.youtube.com/user/BMGesundheit; https://www.tiktok.com/@bmg_bund/; https://de.linkedin.com/company/bundesgesundheitsministerium; https://t.me/corona_infokanal_bmg; https://mastodon.social/@BMG_Bund; https://bsky.app/profile/bmg-bund.bsky.social; https://www.threads.net/@bundesgesundheitsministerium
Links with target="_blank" without rel="noopener" leak the originating page's window context — security and UX issue.
Learn more ▾ ▴
Without rel="noopener", the new tab can navigate the original tab via window.opener (tab-nabbing attack). Modern browsers default to noopener for target=_blank but only since recent versions. Always set rel="noopener noreferrer" explicitly.
Source: MDN target / OWASP
Icon-only buttons need an aria-label so screen readers can announce them.
button.c-button-icon-only (#448 on page)
Buttons with no accessible text (icon-only, no aria-label) can't be activated by voice control or understood by screen readers.
Source: WCAG 2.1 SC 4.1.2
B404 Error PageHTTP 404, custom pageREVIEW
CColor Contrast (Screenshot)Action20 text elements analyzed, 7 fail WCAG AAREVIEW
Analyzes text contrast against the actual rendered page, including background images, gradients, and overlays that CSS-based tools cannot detect.
1 contrast failures on background images/gradients
These failures are invisible to CSS-based accessibility tools like Lighthouse. The text may be fine on a solid background, but fails when rendered over an image or gradient.
Show all checked elements (20)
| Element | Ratio | Required | FG | BG | Result |
|---|---|---|---|---|---|
| h1 Bundesministerium f… | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h2 Warken: Wir schaffen… | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h2 Gesetze und Verordnu… | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h2 Publikationen | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h2 Arbeiten im BMG | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| h2 Aktuelle Forschung, … | 21.00:1 | 3.0:1 | #000000 | #FFFFFF | Pass |
| title Bundesministerium f… | 21.00:1 | 4.5:1 | #000000 | #FFFFFF | Pass |
| a Zum Hauptinhalt spri… | 21.00:1 | 4.5:1 | #000000 | #FFFFFF | Pass |
| a Zur Hauptnavigation … | 17.05:1 | 4.5:1 | #000000 | #E5E8E9 | Pass |
| a Zum Seitenende sprin… | 10.64:1 | 4.5:1 | #000000 | #B9B8BB | Pass |
| span Gesetze | 6.78:1 | 4.5:1 | #000000 | #7A96AB | Pass |
| span Gesundheit A-Z | 10.22:1 | 4.5:1 | #000000 | #B4B5B5 | Pass |
| span Gebärdensprache | 5.71:1 | 4.5:1 | #000000 | #748897 | Pass |
| span Leichte Sprache | 1.30:1 | 4.5:1 | #000000 | #232020 | Fail |
| span Suche | 1.15:1 | 4.5:1 | #000000 | #0B1624 | Fail |
| span English | 1.46:1 | 4.5:1 | #000000 | #022C48 | Fail |
| span Logo Bundesministeri… | 1.46:1 | 4.5:1 | #000000 | #022C48 | Fail |
| span Suche | 1.46:1 | 4.5:1 | #000000 | #022C48 | Fail |
| span English | 1.46:1 | 4.5:1 | #000000 | #022C48 | Fail |
| span Menu | 1.46:1 | 4.5:1 | #000000 | #022C48 | Fail |
Methodology: The top 20 text elements by font size were checked. Background color was sampled from the desktop screenshot using a 5-point pattern. WCAG 2.1 AA requires 4.5:1 for normal text and 3:1 for large text.
AHeading Hierarchy66 headingsPASS
- H3 Das könnte Sie auch interessieren
- H2 Aktuelle Meldungen
- H2 Bundes-Klinik-Atlas
- H2 Gesundheitsportal
- H3 Das könnte Sie auch interessieren
- H2 Aktuelle Meldungen
- H2 Krankenhausreform
- H2 Gesundheitsportal
- H3 Das könnte Sie auch interessieren
- H2 Aktuelle Meldungen
- H2 Ratgeber Pflege
- H2 Ratgeber Demenz
- H3 Das könnte Sie auch interessieren
- H2 Aktuelle Meldungen
- H2 E-Rezept
- H2 Gesundheitsportal
- H3 Das könnte Sie auch interessieren
- H2 Aktuelle Meldungen
- H2 Krankenhausreform
- H2 Gesundheitsportal
- H3 Das könnte Sie auch interessieren
- H2 Aktuelle Meldungen
- H2 Online-Ratgeber Krankenversicherung
- H2 Arzneimittelversorgung
- H3 Das könnte Sie auch interessieren
- H2 Aktuelle Meldungen
- H2 Internationale Organisationen
- H3 Das könnte Sie auch interessieren
- H2 Aktuelle Meldungen
- H2 Gesundheitsrisiko Hitze
- H2 Antibiotika-Resistenzen
- H3 Das könnte Sie auch interessieren
- H2 Aktuelle Meldungen
- H2 Gesetze & Verordnungen
- H2 Besuch im BMG
- H3 Das könnte Sie auch interessieren
- H2 Aktuelle Meldungen
- H2 Gesetze & Verordnungen
- H2 Besuch im BMG
- H3 Staatssekretäre im BMG
- H2 Katja Kohfeld
- H2 Christian Luft
- H3 Das könnte Sie auch interessieren
- H2 Berufe & Laufbahnen
- H2 Praktikum & Referendariat
- H3 Das könnte Sie auch interessieren
- H2 Pressefotos
- H2 Termine
- H3 Das könnte Sie auch interessieren
- H2 Online-Ratgeber Pflege
- H2 Online-Ratgeber Demenz
- H2 Online-Ratgeber Krankenversicherung
- H1 (empty)
- H1 Suche duplicate H1
- H1 Bundesministerium für Gesundheit (BMG) duplicate H1
- H2 Warken: Wir schaffen die Grundlage für eine vernetzte, digitale und standardisierte Notfallversorgung
- H2 Warken: „Nur ein finanziell stabiles System ist zukunftsfähig und kann eine gute Versorgung garantieren!“
- H2 Warken: "Diese Reform ist das Gegenteil von einseitig."
- H2 Gesetze und Verordnungen
- H2 Publikationen
- H2 Arbeiten im BMG
- H2 Aktuelle Forschung, Aufgaben und Organisation
- H3 Aufgaben und Organisation
- H3 Ressortforschung
- H3 Kontakt & Anschrift
- H3 Pressekontakt
A page should have only one H1. Multiple H1s dilute the document outline.
Multiple H1s blur the page's primary topic — screen-reader users and Google both prefer one H1.
Learn more ▾ ▴
HTML5's outline algorithm technically allows multiple H1s within sectioning content, but no browser implements it. In practice: one H1 per page. Use H2-H6 for subsections.
Source: WCAG 2.4.6 / Google Search Central
Empty headings appear in the document outline but provide no information.
Empty <hN> tags break the document outline — screen-reader users navigating by heading hit dead silence.
Source: WCAG 2.4.6
AAlt Text QualityAll 83 images OKPASS
| Issue | Count |
|---|---|
| too long | 3 image(s) |
AForm Accessibility1 of 1 controls have issuesPASS
| Control | Type | Label | Method |
|---|---|---|---|
| #search | text | (Suchen nach Freitext) | placeholder only |
Placeholder text disappears on focus and is not a reliable label.
<input type="text" name="q" id="search">
Placeholder-only labels disappear when the user starts typing — they must remember what the field was for.
Learn more ▾ ▴
Placeholders are NOT labels. They vanish on input, fail color contrast checks (most are gray), and don't satisfy WCAG SC 3.3.2. Always use a real <label> alongside (or aria-labelledby).
Source: WCAG 2.1 SC 3.3.2 / Nielsen Norman
A+Lighthouse Accessibility AuditsScore 100/100 — 0 failing, 28 passedPASS
Accessibility
These checks highlight opportunities to improve the accessibility of your web app. Automatic detection can only detect a subset of issues and does not guarantee the accessibility of your web app, so manual testing is also encouraged.