notenrechner-online.de

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

Selector: #nr-root > div > div:nth-child(1) > nav > button:nth-child(2)

Kontext: <button class="nr-nb" data-mode="percentage">Note aus %<span class="nr-hint"...</button>

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

Selector: #nr-root > div > div:nth-child(1) > nav > button:nth-child(2) > span

Kontext: <span class="nr-hint">Prozent → Note</span>

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

Selector: #nr-root > div > div:nth-child(1) > nav > button:nth-child(3)

Kontext: <button class="nr-nb" data-mode="mapping">Punkte → Note<span class="nr-hi...</button>

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

Selector: #nr-root > div > div:nth-child(1) > nav > button:nth-child(3) > span

Kontext: <span class="nr-hint">Oberstufe / IHK</span>

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

Selector: #nr-content > div:nth-child(1) > span:nth-child(2)

Kontext: <span class="nr-badge">Beispieldaten – einfach übersch...</span>

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

Selector: #nr-rows > div:nth-child(1) > div:nth-child(1)

Kontext: <div class="nr-rnum">1</div>

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

Selector: #nr-rows > div:nth-child(2) > div:nth-child(1)

Kontext: <div class="nr-rnum">2</div>

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

Selector: #nr-rows > div:nth-child(3) > div:nth-child(1)

Kontext: <div class="nr-rnum">3</div>

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

Selector: #nr-rgrade-d

Kontext: <div id="nr-rgrade-d" class="nr-res-grade" style="color: rgb(16, 185, 129);">Gut</div>

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

Selector: html > body > div:nth-child(33) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > button:nth-child(1) > p

Kontext: <p class="fc-button-label">Consent</p>

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

Selector: html > body > div:nth-child(33) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > button:nth-child(2) > p

Kontext: <p class="fc-button-label">Manage options</p>

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: #nr-rows > div:nth-child(1) > input:nth-child(2)

Kontext: <input type="text" style="flex:1;min-width:60px" placeholder="Fach" value="Mathematik" data-field="label" data-idx="0">

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: #nr-rows > div:nth-child(1) > input:nth-child(2)

Kontext: <input type="text" style="flex:1;min-width:60px" placeholder="Fach" value="Mathematik" data-field="label" data-idx="0">

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

Selector: #nr-rows > div:nth-child(1) > input:nth-child(3)

Kontext: <input type="number" style="width:68px;flex-shrink:0" placeholder="Note" value="2.0" data-field="value" data-idx="0" step="any" inputmode="decimal">

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

Selector: #nr-rows > div:nth-child(1) > div:nth-child(4) > input

Kontext: <input type="number" value="2" data-field="weight" data-idx="0" step="any" inputmode="decimal">

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: #nr-rows > div:nth-child(1) > button

Kontext: <button class="nr-ibtn nr-rm" data-idx="0"><svg width="14" height="14" vie...</button>

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: #nr-rows > div:nth-child(2) > input:nth-child(2)

Kontext: <input type="text" style="flex:1;min-width:60px" placeholder="Fach" value="Deutsch" data-field="label" data-idx="1">

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: #nr-rows > div:nth-child(2) > input:nth-child(2)

Kontext: <input type="text" style="flex:1;min-width:60px" placeholder="Fach" value="Deutsch" data-field="label" data-idx="1">

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

Selector: #nr-rows > div:nth-child(2) > input:nth-child(3)

Kontext: <input type="number" style="width:68px;flex-shrink:0" placeholder="Note" value="3.0" data-field="value" data-idx="1" step="any" inputmode="decimal">

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

Selector: #nr-rows > div:nth-child(2) > div:nth-child(4) > input

Kontext: <input type="number" value="1" data-field="weight" data-idx="1" step="any" inputmode="decimal">

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: #nr-rows > div:nth-child(2) > button

Kontext: <button class="nr-ibtn nr-rm" data-idx="1"><svg width="14" height="14" vie...</button>

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: #nr-rows > div:nth-child(3) > input:nth-child(2)

Kontext: <input type="text" style="flex:1;min-width:60px" placeholder="Fach" value="Englisch" data-field="label" data-idx="2">

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: #nr-rows > div:nth-child(3) > input:nth-child(2)

Kontext: <input type="text" style="flex:1;min-width:60px" placeholder="Fach" value="Englisch" data-field="label" data-idx="2">

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

Selector: #nr-rows > div:nth-child(3) > input:nth-child(3)

Kontext: <input type="number" style="width:68px;flex-shrink:0" placeholder="Note" value="2.5" data-field="value" data-idx="2" step="any" inputmode="decimal">

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

Selector: #nr-rows > div:nth-child(3) > div:nth-child(4) > input

Kontext: <input type="number" value="1.5" data-field="weight" data-idx="2" step="any" inputmode="decimal">

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: #nr-rows > div:nth-child(3) > button

Kontext: <button class="nr-ibtn nr-rm" data-idx="2"><svg width="14" height="14" vie...</button>

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: #nr-csv

Kontext: <textarea id="nr-csv" class="nr-hidden" style="margin-top:6px" placeholder="Note;Gewicht 2.5;2"></textarea>

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: #nr-csv

Kontext: <textarea id="nr-csv" class="nr-hidden" style="margin-top:6px" placeholder="Note;Gewicht 2.5;2"></textarea>

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

Selector: #nr-round

Kontext: <select id="nr-round" style="width:auto;padding:5px 28px 5px 10px;border-radius:999px;font-size:.78rem"><option value="0">0 Dez.</optio...</select>

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: #nr-round

Kontext: <select id="nr-round" style="width:auto;padding:5px 28px 5px 10px;border-radius:999px;font-size:.78rem"><option value="0">0 Dez.</optio...</select>

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

Selector: #nr-z-akt

Kontext: <input type="number" id="nr-z-akt" placeholder="2.3" step="any">

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

Selector: #nr-z-abs

Kontext: <input type="number" id="nr-z-abs" placeholder="60">

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

Selector: #nr-z-ziel

Kontext: <input type="number" id="nr-z-ziel" placeholder="1.5" step="any">

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

Selector: #nr-z-verb

Kontext: <input type="number" id="nr-z-verb" placeholder="30">

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

Selector: #nr-zm-akt

Kontext: <input type="number" id="nr-zm-akt" placeholder="2.3" step="any">

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

Selector: #nr-zm-abs

Kontext: <input type="number" id="nr-zm-abs" placeholder="60">

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

Selector: #nr-zm-ziel

Kontext: <input type="number" id="nr-zm-ziel" placeholder="1.5" step="any">

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

Selector: #nr-zm-verb

Kontext: <input type="number" id="nr-zm-verb" placeholder="30">

Originalmeldung: Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.

Selector: html > body > div:nth-child(33) > div:nth-child(3) > div:nth-child(2) > h1

Kontext: <h1></h1>

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

Selector: html > body > iframe:nth-child(29)

Kontext: <iframe name="googlefcPresent" style="display: none; width: 0px; height: 0px; border: none; z-index: -1000; left: -1000px; top: -1000px;"></iframe>

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

Selector: html > body > iframe:nth-child(30)

Kontext: <iframe name="__tcfapiLocator" src="about:blank" style="display: none; width: 0px; height: 0px; border: none; z-index: -1000; left: -1000px; top: -1000px;"></iframe>

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

Selector: html > body > iframe:nth-child(31)

Kontext: <iframe name="googlefcInactive" src="about:blank" style="display: none; width: 0px; height: 0px; border: none; z-index: -1000; left: -1000px; top: -1000px;"></iframe>

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

Selector: html > body > iframe:nth-child(32)

Kontext: <iframe name="googlefcLoaded" src="about:blank" style="display: none; width: 0px; height: 0px; border: none; z-index: -1000; left: -1000px; top: -1000px;"></iframe>