Aktueller Check

vierling.de

https://vierling.de

Geprüfte URL: https://vierling.de/ Seite öffnen

Letzter Scan am 09.04.2026, 12:23

Kritisch 37 Probleme 7 Kategorien mit Problemen

Diese Website hat kritische Probleme mit der Barrierefreiheit und sollte priorisiert überarbeitet werden.

Score

3

Automatisch berechnete Bewertung für den neuesten Scan.

Score

3

Status

Kritisch

Probleme

37

Kategorien

7

Letzter Scan

09.04.2026, 12:23

Automatische Scans dienen als Orientierung und ersetzen keine vollständige manuelle Prüfung. Mehr dazu

Wie sich der Score zusammensetzt

Probleme im Überblick

Schneller Überblick über die Arten von Problemen im neuesten Scan.

Kategorie

Kontrast

13 Probleme

Kategorie

Bilder

1 Problem

Kategorie

Links

6 Probleme

Kategorie

Labels

14 Probleme

Kategorie

Formulare

1 Problem

Kategorie

Navigation

1 Problem

Kategorie

Sonstiges

1 Problem

Alle gefundenen Probleme

Die Probleme des neuesten Scans sind nach Kategorie gruppiert und verständlicher beschrieben.

Kontrast

13 Probleme

13 Probleme Alle Probleme anzeigen

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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.16:1. Recommendation: change text colour to #909c00.

Selector: #v-kundencenter-page-section-1 > div > div:nth-child(2) > div > div > div > div:nth-child(1) > span:nth-child(1)

Kontext: <span class="icon"> 84 ...</span>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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.16:1. Recommendation: change text colour to #909c00.

Selector: #v-kundencenter-page-section-1 > div > div:nth-child(2) > div > div > div > div:nth-child(2) > span:nth-child(1)

Kontext: <span class="icon"> 21 ...</span>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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.16:1. Recommendation: change text colour to #909c00.

Selector: #v-main-page-section-3 > div > div:nth-child(1) > div > div

Kontext: <div class="elementor-heading-title elementor-size-default">Das Rundum-Angebot von VIERLING...</div>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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:1. Recommendation: change text colour to #949494.

Selector: #v-main-page-section-3 > div > div:nth-child(2) > div > div > div:nth-child(1) > div > div > h4 > a

Kontext: <a target="_self" rel="" href="/elektronikentwicklung/innovation-lab/">Innovation Lab</a>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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:1. Recommendation: change text colour to #949494.

Selector: #v-main-page-section-3 > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > h4 > a

Kontext: <a target="_self" rel="" href="/elektronikentwicklung/">Elektronikentwicklung</a>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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:1. Recommendation: change text colour to #949494.

Selector: #v-main-page-section-3 > div > div:nth-child(2) > div > div > div:nth-child(3) > div > div > h4 > a

Kontext: <a target="_self" rel="" href="/elektronikentwicklung/ready-for-manufacturing-rfm-r/">New Product Introduction (NPI)</a>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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:1. Recommendation: change text colour to #949494.

Selector: #v-main-page-section-3 > div > div:nth-child(2) > div > div > div:nth-child(4) > div > div > h4 > a

Kontext: <a target="_self" rel="" href="/elektronikfertigung/leiterplattenbestueckung/">Leiterplattenbestückung (SMT / ...</a>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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:1. Recommendation: change text colour to #949494.

Selector: #v-main-page-section-3 > div > div:nth-child(2) > div > div > div:nth-child(5) > div > div > h4 > a

Kontext: <a target="_self" rel="" href="/elektronikfertigung/box-build/">Box Build</a>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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:1. Recommendation: change text colour to #949494.

Selector: #v-main-page-section-3 > div > div:nth-child(2) > div > div > div:nth-child(6) > div > div > h4 > a

Kontext: <a target="_self" rel="" href="/full-service-ems/">After Sales</a>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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.16:1. Recommendation: change text colour to #737d00.

Selector: #v-main-page-section-7 > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div

Kontext: <div class="elementor-heading-title elementor-size-default">Wir freuen uns auf das Gespräch...</div>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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.16:1. Recommendation: change text colour to #737d00.

Selector: #page > div:nth-child(3) > div > div:nth-child(6) > div > div:nth-child(2) > div > div > article:nth-child(1) > div > div:nth-child(3) > span

Kontext: <span class="elementor-post-date"> 12.02.2026 </span>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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.16:1. Recommendation: change text colour to #737d00.

Selector: #page > div:nth-child(3) > div > div:nth-child(6) > div > div:nth-child(2) > div > div > article:nth-child(2) > div > div:nth-child(3) > span

Kontext: <span class="elementor-post-date"> 07.09.2025 </span>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

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.16:1. Recommendation: change text colour to #737d00.

Selector: #page > div:nth-child(3) > div > div:nth-child(6) > div > div:nth-child(2) > div > div > article:nth-child(3) > div > div:nth-child(3) > span

Kontext: <span class="elementor-post-date"> 01.09.2025 </span>

Bilder

1 Problem

1 Problem Alle Probleme anzeigen

Bilder ohne Alternativtext können von Screenreadern nicht sinnvoll beschrieben werden.

Technische Details anzeigen

Originalmeldung: This form does not contain a submit button, which creates issues for those who cannot submit the form using the keyboard. Submit buttons are INPUT elements with type attribute "submit" or "image", or BUTTON elements with type "submit" or omitted/invalid.

Selector: #page > div:nth-child(2) > section > div > div > div > div > div > div:nth-child(3) > div > div:nth-child(1) > form

Kontext: <form action="https://vierling.de/" class="txa-search-form"> <input class="txa-search-...</form>

Labels

14 Probleme

14 Probleme Alle Probleme anzeigen

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

Originalmeldung: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

Selector: #page > div:nth-child(2) > section > div > div > div > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > a

Kontext: <a href="https://vierling.de" aria-label="name" class="egx-header-1-logo d-block"> <img class...</a>

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: #page > div:nth-child(2) > section > div > div > div > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > button

Kontext: <button class="egx-header-1-search-btn search_btn_toggle"> <i cla...</button>

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

Originalmeldung: This button element does not have a name available to an accessibility API. Valid names are: title , element content, aria-label , aria-labelledby .

Selector: #menuToggle

Kontext: <button class="egx-menu-btn-1 d-lg-none open_menu open_mobile_menu" id="menuToggle"> <svg xmlns="ht...</button>

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

Originalmeldung: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

Selector: #page > div:nth-child(2) > section > div > div > div > div > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > a

Kontext: <a href="https://vierling.de" aria-label="name" class="mobile-menu-logo d-block tx-logo"> <img class="logo_site-size"...</a>

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

Originalmeldung: This textinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #page > div:nth-child(2) > section > div > div > div > div > div > div:nth-child(3) > div > div:nth-child(1) > form > input

Kontext: <input class="txa-search-form-input" type="text" name="s" value="" placeholder="Was suchen Sie?...">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

Originalmeldung: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

Selector: #page > div:nth-child(2) > section > div > div > div > div > div > div:nth-child(3) > div > div:nth-child(1) > form > input

Kontext: <input class="txa-search-form-input" type="text" name="s" value="" placeholder="Was suchen Sie?...">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

Originalmeldung: This fieldset element does not have a name available to an accessibility API. Valid names are: legend element, aria-label , aria-labelledby .

Selector: #wpcf7-f994-p2772-o1 > form > fieldset

Kontext: <fieldset class="hidden-fields-container"><input type="hidden" name="_wpc...</fieldset>

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

Originalmeldung: This textinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #wpcf7-f994-p2772-o1 > form > input:nth-child(2)

Kontext: <input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="*Name" value="" type="t...

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

Originalmeldung: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

Selector: #wpcf7-f994-p2772-o1 > form > input:nth-child(2)

Kontext: <input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="*Name" value="" type="t...

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

Originalmeldung: This emailinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #wpcf7-f994-p2772-o1 > form > input:nth-child(3)

Kontext: <input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false"...

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

Originalmeldung: This telinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #wpcf7-f994-p2772-o1 > form > input:nth-child(4)

Kontext: <input size="40" maxlength="400" class="wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel" autocomplete="tel" aria-required="true" aria-...

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

Originalmeldung: This textarea element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #wpcf7-f994-p2772-o1 > form > textarea

Kontext: <textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Nachr...

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

Originalmeldung: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

Selector: #wpcf7-f994-p2772-o1 > form > textarea

Kontext: <textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Nachr...

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

Originalmeldung: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

Selector: #v-footer > div > div > div > section > div > div > div > div:nth-child(1) > div > div:nth-child(1) > div:nth-child(1) > a

Kontext: <a href="https://vierling.de" aria-label="name" class="logo"> <img class="lo...</a>

Formulare

1 Problem

1 Problem Alle Probleme anzeigen

Formularfelder ohne gute Struktur oder Beschriftung sind besonders für Screenreader-Nutzer schwer zugänglich.

Technische Details anzeigen

Originalmeldung: Fieldset does not contain a legend element. All fieldsets should contain a legend element that describes a description of the field group.

Selector: #wpcf7-f994-p2772-o1 > form > fieldset

Kontext: <fieldset class="hidden-fields-container"><input type="hidden" name="_wpc...</fieldset>

Navigation

1 Problem

1 Problem Alle Probleme anzeigen

Schwächen in Navigation oder Fokusführung erschweren die Bedienung mit Tastatur und Screenreader.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "main-nav" found on the web page.

Selector: #main-nav

Kontext: <ul id="main-nav" class="nav navbar-nav clearfix list-unstyled"><li class="menu-item menu-item-...</ul>

Sonstiges

1 Problem

1 Problem Alle Probleme anzeigen

Iframe element requires a non-empty title attribute that identifies the frame.

Technische Details anzeigen

Originalmeldung: Iframe element requires a non-empty title attribute that identifies the frame.

Selector: html > body > iframe

Kontext: <iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe>

Historie

1 Scan insgesamt

09.04.2026, 12:23

Aktueller Scan

https://vierling.de/

Erster Scan

Score

3

Status

Kritisch

Probleme

37

Wie barrierefrei ist vierling.de aktuell?

Kurze Einordnung des aktuellen automatischen Scans mit den wichtigsten Signalen zu Status, Problemen und Entwicklung.

vierling.de erreichte im neuesten automatischen Scan vom 09.04.2026, 12:23 den Status Kritisch bei einem Score von 3.

Auffällig waren vor allem Probleme in den Bereichen Labels und Kontrast. Insgesamt wurden 37 Probleme in 7 Kategorien erkannt.

Fehlende oder unklare Beschriftungen machen Eingabefelder schwer verständlich und führen schnell zu Unsicherheit in Formularen. Mehr dazu im Themenartikel Formulare .

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 .

Weiterführende Informationen

Wenn Sie das Ergebnis besser einordnen möchten, finden Sie hier zwei weiterführende Artikel aus dem Themenbereich.

© 2026 istbarrierefrei.de

Ein Projekt von studiokpz