Aktueller Check
Diese Website hat deutliche Probleme mit der Barrierefreiheit und sollte vor allem in den Bereichen Kontrast und Struktur überarbeitet werden.
Score
30
Automatisch berechnete Bewertung für den neuesten Scan.
Score
30
Status
Schlecht
Probleme
27
Kategorien
2
Letzter Scan
09.04.2026, 02:13
Automatische Scans dienen als Orientierung und ersetzen keine vollständige manuelle Prüfung. Mehr dazu
Schneller Überblick über die Arten von Problemen im neuesten Scan.
Kategorie
Kontrast
24 Probleme
Kategorie
Struktur
3 Probleme
Die Probleme des neuesten Scans sind nach Kategorie gruppiert und verständlicher beschrieben.
Kontrast
24 Probleme
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.36:1. Recommendation: change background to #007eb4.
Selector: #top-menu > li:nth-child(1) > a > span
Kontext: <span>Für Unternehmen</span>
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.62:1. Recommendation: change background to #008672.
Selector: #top-menu > li:nth-child(7) > a > span
Kontext: <span>Login</span>
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.65:1. Recommendation: change text colour to #732ce5.
Selector: #post-62 > div > div > div > div:nth-child(1) > div > div > div > div > h2 > span:nth-child(1)
Kontext: <span class="dvmd_tw_prefix">So </span>
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1.63:1. Recommendation: change background to #000101.
Selector: #post-62 > div > div > div > div:nth-child(1) > div > div > div > div > h2 > span:nth-child(2) > em
Kontext: <em style="color: #fbdf7c">bunt</em>
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.65:1. Recommendation: change text colour to #732ce5.
Selector: #post-62 > div > div > div > div:nth-child(1) > div > div > div > div > h2 > span:nth-child(2) > span
Kontext: <span class="ti-cursor with-delay" style="display: inline; color: rgb(51, 51, 51); font: 500 26px / 26px Roboto, sans-serif; margin: 0px -5.38281px 0px -1.38281px;">|</span>
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.65:1. Recommendation: change text colour to #732ce5.
Selector: #post-62 > div > div > div > div:nth-child(1) > div > div > div > div > h2 > span:nth-child(3)
Kontext: <span class="dvmd_tw_suffix">kann Rente sein.</span>
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.91:1. Recommendation: change background to #00a798.
Selector: #einfach_bav > div > div:nth-child(2) > div:nth-child(1) > div > h2
Kontext: <h2>Herzlich willkommen</h2>
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.91:1. Recommendation: change background to #008579.
Selector: #einfach_bav > div > div:nth-child(2) > div:nth-child(3) > div > h4:nth-child(1)
Kontext: <h4>Schön, dass Sie da sind. Wir fr...</h4>
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.91:1. Recommendation: change background to #008579.
Selector: #einfach_bav > div > div:nth-child(2) > div:nth-child(3) > div > h4:nth-child(1) > nobr
Kontext: <nobr>Hamburger Pensionskasse</nobr>
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.91:1. Recommendation: change background to #008579.
Selector: #einfach_bav > div > div:nth-child(2) > div:nth-child(3) > div > h4:nth-child(2)
Kontext: <h4>Die bisherige Webseite wurde in...</h4>
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.91:1. Recommendation: change background to #008579.
Selector: #einfach_bav > div > div:nth-child(2) > div:nth-child(3) > div > h4:nth-child(3)
Kontext: <h4>Vielen Dank für Ihr Verständnis...</h4>
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.36:1. Recommendation: change background to #007eb4.
Selector: #post-62 > div > div > div > div:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > div > h4:nth-child(1)
Kontext: <h4>Haben Sie schon einmal daran ge...</h4>
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.36:1. Recommendation: change background to #007eb4.
Selector: #post-62 > div > div > div > div:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > div > h4:nth-child(1) > nobr
Kontext: <nobr>kommt – und</nobr>
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.36:1. Recommendation: change background to #007eb4.
Selector: #post-62 > div > div > div > div:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > div > h4:nth-child(2)
Kontext: <h4>Damit Sie später gut leben könn...</h4>
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.36:1. Recommendation: change background to #007eb4.
Selector: #post-62 > div > div > div > div:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > div > h4:nth-child(3)
Kontext: <h4>Ein einfacher Weg ist eine betr...</h4>
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.36:1. Recommendation: change background to #007eb4.
Selector: #post-62 > div > div > div > div:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > div > h4:nth-child(3) > nobr
Kontext: <nobr>Hamburger Pensionskasse.</nobr>
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.36:1. Recommendation: change background to #007eb4.
Selector: #post-62 > div > div > div > div:nth-child(7) > div > div:nth-child(2) > div:nth-child(2) > div > h4:nth-child(4)
Kontext: <h4>Eine bAV ist eine zusätzliche R...</h4>
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.62:1. Recommendation: change text colour to #008672.
Selector: #post-62 > div > div > div > div:nth-child(11) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > a
Kontext: <a class="et_pb_button et_pb_button_2 et_animated et_pb_bg_layout_light" href="https://hhpk.de/leistungen/" data-icon="" data-animation-style="zoom" data-animation-repeat="" da...
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.62:1. Recommendation: change text colour to #008672.
Selector: #post-62 > div > div > div > div:nth-child(11) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > a
Kontext: <a class="et_pb_button et_pb_button_3 et_animated et_pb_bg_layout_light" href="https://hhpk.de/faq/" data-icon="" data-animation-style="zoom" data-animation-repeat="" data-anim...
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.63:1. Recommendation: change text colour to #8d58e3.
Selector: #post-62 > div > div > div > div:nth-child(11) > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > a
Kontext: <a class="et_pb_button et_pb_button_4 et_animated et_pb_bg_layout_light" href="https://web.hhpv.de/vorsorgeportal/login?1&corpID=hpk" data-icon="" target="_blank" rel="noop...
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.62:1. Recommendation: change text colour to #008672.
Selector: #post-62 > div > div > div > div:nth-child(11) > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > a
Kontext: <a class="et_pb_button et_pb_button_5 et_animated et_pb_bg_layout_light" href="https://hhpk.de/arbeitgeberwechsel/" data-icon="" data-animation-style="zoom" data-animation-repe...
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.62:1. Recommendation: change text colour to #008672.
Selector: #post-62 > div > div > div > div:nth-child(11) > div:nth-child(2) > div:nth-child(5) > div:nth-child(2) > a
Kontext: <a class="et_pb_button et_pb_button_6 et_animated et_pb_bg_layout_light" href="https://hhpk.de/uebertragung/" data-icon="" data-animation-style="zoom" data-animation-repeat="" ...
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1.82:1. Recommendation: change text colour to #a288cd.
Selector: #post-62 > div > div > div > div:nth-child(16) > div:nth-child(1) > div > div > div > h1
Kontext: <h1>Auf Nummer sicher</h1>
Zu geringer Kontrast erschwert das Lesen von Texten deutlich.
Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.63:1. Recommendation: change text colour to #8d58e3.
Selector: #kontakt > div:nth-child(5) > div > div:nth-child(1) > a
Kontext: <a class="et_pb_button et_pb_button_9 et_animated et_pb_bg_layout_light" href="https://web.hhpv.de/vorsorgeportal/login?1&corpID=hpk" data-icon="" target="_blank" rel="noop...
Struktur
3 Probleme
Unklare Seitenstruktur erschwert Orientierung, Vorlesen und Navigation mit assistiven Technologien.
Originalmeldung: Duplicate id attribute value "einfach_bav" found on the web page.
Selector: #einfach_bav
Kontext: <div id="einfach_bav" class="et_pb_section et_pb_section_16 et_pb_with_background et_section_regular"> <span class...</div>
Unklare Seitenstruktur erschwert Orientierung, Vorlesen und Navigation mit assistiven Technologien.
Originalmeldung: Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.
Selector: #et-main-area > footer > div > div > div:nth-child(1) > div > div:nth-child(2) > div > h2
Kontext: <h2></h2>
Unklare Seitenstruktur erschwert Orientierung, Vorlesen und Navigation mit assistiven Technologien.
Originalmeldung: Duplicate id attribute value "et-boc" found on the web page.
Selector: #et-boc
Kontext: <div id="et-boc"><div class="et-l et-l--post"> ...</div>
1 Scan insgesamt
09.04.2026, 02:13
Aktueller Scanhttps://hhpk.de/
Erster ScanScore
30
Status
Probleme
27
Kurze Einordnung des aktuellen automatischen Scans mit den wichtigsten Signalen zu Status, Problemen und Entwicklung.
hhpk.de erreichte im neuesten automatischen Scan vom 09.04.2026, 02:13 den Status Schlecht bei einem Score von 30.
Auffällig waren vor allem Probleme in den Bereichen Kontrast und Struktur. Insgesamt wurden 27 Probleme in 2 Kategorien erkannt.
Kontrastprobleme erschweren vor allem das Lesen kleiner oder weniger hervorgehobener Texte und fallen auf hellen Flächen oft zuerst auf. Mehr dazu im Themenartikel Kontraste .
Der Eintrag basiert auf einem automatischen Scan und dient als Orientierung. Für eine verlässliche Gesamtbewertung der Barrierefreiheit bleibt eine manuelle Prüfung wichtig.
Wie istbarrierefrei.de scannt und wie der Score einzuordnen ist, erklärt der Artikel Wie der Score auf istbarrierefrei.de zustande kommt .
Mehr zur Einordnung solcher Ergebnisse steht im Artikel Automatische Scans richtig einordnen .
Wenn Sie das Ergebnis besser einordnen möchten, finden Sie hier zwei weiterführende Artikel aus dem Themenbereich.
Was automatische Prüfungen gut erkennen, was man zusätzlich manuell testen muss und wie ein sinnvoller Prüfprozess aussieht.
Öffnen
Ein redaktioneller Überblick über typische Barrieren wie Kontraste, Alt-Texte, Linktexte, Formulare, Navigation und Struktur.
Öffnen
© 2026 istbarrierefrei.de
Ein Projekt von studiokpz
