Aktueller Check

st-michaelsbund-muenchen.de

https://st-michaelsbund-muenchen.de

Geprüfte URL: https://st-michaelsbund-muenchen.de/ Seite öffnen

Letzter Scan am 06.04.2026, 19:23

Schlecht 30 Probleme 4 Kategorien mit Problemen

Diese Website hat deutliche Probleme mit der Barrierefreiheit und sollte vor allem in den Bereichen Kontrast und Labels überarbeitet werden.

Score

40

Automatisch berechnete Bewertung für den neuesten Scan.

Score

40

Status

Schlecht

Probleme

30

Kategorien

4

Letzter Scan

06.04.2026, 19: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

9 Probleme

Kategorie

Labels

6 Probleme

Kategorie

Struktur

3 Probleme

Kategorie

Sonstiges

12 Probleme

Alle gefundenen Probleme

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

Kontrast

9 Probleme

9 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 4.5:1, but text in this element has a contrast ratio of 2.86:1. Recommendation: change background to #468500.

Selector: #header > nav > div > div > div:nth-child(1) > div > div:nth-child(2) > a

Kontext: <a href="https://www.michaelsbund.de/medienhaus/spenden/jetzt-spenden/">❤ Jetzt spenden</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.86:1. Recommendation: change background to #468500.

Selector: #js-bootstrap-offcanvas > ul > li:nth-child(1) > a

Kontext: <a href="https://www.michaelsbund.de/medienhaus/spenden/" class="dropdown-toggle" title="Spenden"> Spenden ...</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 3.83:1. Recommendation: change background to #407ca8.

Selector: #wrapper > div:nth-child(7) > footer > div > div:nth-child(1) > div > div:nth-child(1) > div > div > div > div > div > div > div > div > p:nth-child(3)

Kontext: <p class="text-center" style="color:#fff;">Immer gut informiert: die Newsl...</p>

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.86:1. Recommendation: change background to #468500.

Selector: #wrapper > div:nth-child(7) > footer > div > div:nth-child(1) > div > div:nth-child(6) > div > div > div > div:nth-child(2) > div:nth-child(2) > div > div > a

Kontext: <a href="https://www.michaelsbund.de/jetzt-spenden/" style="text-decoration:none; border-radius: 50px; background-color: #5AAC00 !important; color:#fff; padding: 10px 15px 8px 1...

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.86:1. Recommendation: change background to #468500.

Selector: #wrapper > div:nth-child(7) > footer > div > div:nth-child(1) > div > div:nth-child(8) > div > div > div > div > div > div:nth-child(1) > div:nth-child(3) > div > table > tbody > tr > td > p > a:nth-child(1)

Kontext: <a href="https://www.michaelsbund.de/medienhaus/spenden/" style="text-decoration:none; color:#000; background-color: #5AAC00; color:#fff; padding: 5px 25px 3px 25px;">Spenden</a>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #wrapper > div:nth-child(7) > footer > div > div:nth-child(2) > div > div:nth-child(1) > div > div > div > div > p

Kontext: <p style="color:#fff;" align="center"> <a href="https://www.michaelsb...</p>

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #wrapper > div:nth-child(7) > footer > div > div:nth-child(2) > div > div:nth-child(2) > div > div > div > div > p

Kontext: <p style="color:#fff;" align="center"> <a href="https://www.michaelsb...</p>

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.32:1. Recommendation: change background to #767676.

Selector: #js-bootstrap-offcanvas-minifavlist > div > div:nth-child(3) > div > div > div:nth-child(1) > div > div > div > button

Kontext: <button data-v-485c689e="" type="button" class="btn dropdown-toggle offcanvas-toggle offcanvas-toggle-close"> Zum Login </button>

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.77:1. Recommendation: change background to #247ab9.

Selector: #slick-slide-control00

Kontext: <button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 5" tabindex="0" aria-selected="true">1</button>

Labels

6 Probleme

6 Probleme Alle Probleme anzeigen

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: #header > nav > div > div > div:nth-child(1) > div > div:nth-child(4) > div > div:nth-child(1) > button

Kontext: <button type="button" class="btn dropdown-toggle"></button>

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: #searchParam

Kontext: <input class="form-control" type="text" id="searchParam" name="searchparam" value="" data-maxtitle="Maximale Suchanfragen (10) erreicht." data-maxtext="Es wurde die maximale Anz...

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: #searchParam

Kontext: <input class="form-control" type="text" id="searchParam" name="searchparam" value="" data-maxtitle="Maximale Suchanfragen (10) erreicht." data-maxtext="Es wurde die maximale Anz...

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: #loginEmail

Kontext: <input id="loginEmail" type="email" name="lgn_usr" required="required" value="" class="required form-control" placeholder="E-Mail-Adresse">

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

Technische Details anzeigen

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

Selector: #loginPasword

Kontext: <input id="loginPasword" type="password" name="lgn_pwd" required="required" class="required form-control js-toggle-pwd" value="" placeholder="Passwort" autocapitalize="none" aut...

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: #loginPasword

Kontext: <input id="loginPasword" type="password" name="lgn_pwd" required="required" class="required form-control js-toggle-pwd" value="" placeholder="Passwort" autocapitalize="none" aut...

Struktur

3 Probleme

3 Probleme Alle Probleme anzeigen

Unklare Seitenstruktur erschwert Orientierung, Vorlesen und Navigation mit assistiven Technologien.

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #wrapper > div:nth-child(7) > footer > div > div:nth-child(1) > div > div:nth-child(8) > div > div > div > div > div > div:nth-child(1) > div:nth-child(1) > div > table

Kontext: <table style="margin-bottom:20px;" width="95%" height="240" align="center"> <tbody><tr> <td style="padding...</table>

Unklare Seitenstruktur erschwert Orientierung, Vorlesen und Navigation mit assistiven Technologien.

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #wrapper > div:nth-child(7) > footer > div > div:nth-child(1) > div > div:nth-child(8) > div > div > div > div > div > div:nth-child(1) > div:nth-child(2) > div > table

Kontext: <table style="margin-bottom:20px;" width="95%" height="240" align="center"> <tbody><tr> <td style="padding...</table>

Unklare Seitenstruktur erschwert Orientierung, Vorlesen und Navigation mit assistiven Technologien.

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #wrapper > div:nth-child(7) > footer > div > div:nth-child(1) > div > div:nth-child(8) > div > div > div > div > div > div:nth-child(1) > div:nth-child(3) > div > table

Kontext: <table style="margin-bottom:20px;" width="95%" height="240" align="center"> <tbody><tr> <td style="padding...</table>

Sonstiges

12 Probleme

12 Probleme Alle Probleme anzeigen

Presentational markup used that has become obsolete in HTML5.

Technische Details anzeigen

Originalmeldung: Presentational markup used that has become obsolete in HTML5.

Selector: #second-level_2 > li > div > div > div:nth-child(5) > div > ul > li:nth-child(1) > font

Kontext: <font style="vertical-align:10px;"><a href="https://www.facebook.c...</font>

Presentational markup used that has become obsolete in HTML5.

Technische Details anzeigen

Originalmeldung: Presentational markup used that has become obsolete in HTML5.

Selector: #second-level_2 > li > div > div > div:nth-child(5) > div > ul > li:nth-child(2) > font

Kontext: <font style="vertical-align:10px;"><a href="https://www.instagram....</font>

Presentational markup used that has become obsolete in HTML5.

Technische Details anzeigen

Originalmeldung: Presentational markup used that has become obsolete in HTML5.

Selector: #second-level_2 > li > div > div > div:nth-child(5) > div > ul > li:nth-child(3) > font

Kontext: <font style="vertical-align:10px;"><a href="https://www.youtube.co...</font>

Presentational markup used that has become obsolete in HTML5.

Technische Details anzeigen

Originalmeldung: Presentational markup used that has become obsolete in HTML5.

Selector: #second-level_2 > li > div > div > div:nth-child(6) > div > ul > li:nth-child(1) > font

Kontext: <font style="vertical-align:10px;"><a href="https://www.facebook.c...</font>

Presentational markup used that has become obsolete in HTML5.

Technische Details anzeigen

Originalmeldung: Presentational markup used that has become obsolete in HTML5.

Selector: #second-level_2 > li > div > div > div:nth-child(6) > div > ul > li:nth-child(2) > font

Kontext: <font style="vertical-align:10px;"><a href="https://www.instagram....</font>

Presentational markup used that has become obsolete in HTML5.

Technische Details anzeigen

Originalmeldung: Presentational markup used that has become obsolete in HTML5.

Selector: #second-level_2 > li > div > div > div:nth-child(6) > div > ul > li:nth-child(3) > font

Kontext: <font style="vertical-align:10px;"><a href="https://www.instagram....</font>

Align attributes .

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #second-level_4 > li > div > div > div > div > div > div:nth-child(2) > div > div > p

Kontext: <p align="center"> <a href="https://www.michaelsb...</p>

Align attributes .

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #wrapper > div:nth-child(7) > footer > div > div:nth-child(1) > div > div:nth-child(4) > div > div > div > div > div > div:nth-child(2) > div:nth-child(1) > div > div

Kontext: <div class="roundborder" width="100%" height="270" align="center"> <h3 style="margin-top: 5px; te...</div>

Align attributes .

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #wrapper > div:nth-child(7) > footer > div > div:nth-child(1) > div > div:nth-child(4) > div > div > div > div > div > div:nth-child(2) > div:nth-child(2) > div > div

Kontext: <div class="roundborder" width="100%" height="270" align="center"> <h3 style="margin-top: 5px; te...</div>

Align attributes .

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #wrapper > div:nth-child(7) > footer > div > div:nth-child(1) > div > div:nth-child(4) > div > div > div > div > div > div:nth-child(2) > div:nth-child(3) > div > div

Kontext: <div class="roundborder" width="100%" height="270" align="center"> <h3 style="margin-top:5px; tex...</div>

Align attributes .

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #wrapper > div:nth-child(7) > footer > div > div:nth-child(1) > div > div:nth-child(4) > div > div > div > div > div > div:nth-child(3) > div:nth-child(1) > div > div

Kontext: <div class="roundborder" width="100%" height="270" align="center"> <h3 style="margin-top: 5px; te...</div>

Align attributes .

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #wrapper > div:nth-child(7) > footer > div > div:nth-child(1) > div > div:nth-child(4) > div > div > div > div > div > div:nth-child(3) > div:nth-child(2) > div > div

Kontext: <div class="roundborder" width="100%" height="270" align="center"> <h3 style="margin-top:5px; tex...</div>

Historie

1 Scan insgesamt

06.04.2026, 19:23

Aktueller Scan

https://st-michaelsbund-muenchen.de/

Erster Scan

Score

40

Status

Schlecht

Probleme

30

Wie barrierefrei ist st-michaelsbund-muenchen.de aktuell?

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

st-michaelsbund-muenchen.de erreichte im neuesten automatischen Scan vom 06.04.2026, 19:23 den Status Schlecht bei einem Score von 40.

Auffällig waren vor allem Probleme in den Bereichen Sonstiges und Kontrast. Insgesamt wurden 30 Probleme in 4 Kategorien erkannt.

Einzelne technische Auffälligkeiten können sehr unterschiedlich sein und sollten immer im Zusammenspiel mit dem restlichen Seitenergebnis gelesen werden. Mehr dazu im Themenartikel Automatische Scans richtig einordnen .

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