stawag.de

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

Selector: #c4518 > section > h2

Kontext: <h2>Produkt wählen und anmelden</h2>

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

Selector: #c4518 > section > form > fieldset:nth-child(2) > label:nth-child(2)

Kontext: <label for="pc-customer-private-tx_twt_tariffcalculator_namespace_power">Privatkunde</label>

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

Selector: #c4518 > section > form > fieldset:nth-child(3) > label:nth-child(2)

Kontext: <label for="pc-medium-electricity"> <span clas...</label>

Originalmeldung: Anchor element found with a valid href attribute, but no link content has been supplied.

Selector: #my-stawag > a

Kontext: <a href="#up" class="close-link"></a>

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: #up > footer > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > ul > li:nth-child(1) > a

Kontext: <a href="https://www.facebook.com/STAWAG" title="Facebook" target="_blank"> ...</a>

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: #up > footer > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > ul > li:nth-child(2) > a

Kontext: <a href="https://www.instagram.com/stawag_aachen/" title="Instagram" target="_blank"> ...</a>

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: #up > footer > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > ul > li:nth-child(3) > a

Kontext: <a href="https://www.youtube.com/channel/UC8Pltzjesd06s8OVzw9a4aA" title="YouTube" target="_blank"> ...</a>

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: #up > footer > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > ul > li:nth-child(4) > a

Kontext: <a href="https://www.linkedin.com/company/stawag" title="LinkedIn" target="_blank"> ...</a>

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: #up > footer > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > ul > li:nth-child(5) > a

Kontext: <a href="https://www.tiktok.com/@stawag_aachen" title="TikTok" target="_blank"> ...</a>

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: #up > footer > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > ul > li:nth-child(1) > a

Kontext: <a href="https://www.stawag.de/#c7997" title="Top Lokalversorger Strom, Gas und Wasser" target="https://www.stawag.de/#c7997"> ...</a>

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: #up > footer > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > ul > li:nth-child(2) > a

Kontext: <a href="https://www.stawag.de/#c7997" title="Top Lokalversorger Wärme" target="https://www.stawag.de/#c7997"> ...</a>

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: #up > footer > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > ul > li:nth-child(3) > a

Kontext: <a href="https://www.stawag.de/#c7997" title="Preissieger im Deutschland Test" target="https://www.stawag.de/#c7997"> ...</a>

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: #direct-search > div > input

Kontext: <input required="" type="text" name="q" placeholder="Ihre Sucheingabe...">

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: #direct-search > div > input

Kontext: <input required="" type="text" name="q" placeholder="Ihre Sucheingabe...">

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

Selector: #toggle-mobile-nav

Kontext: <div class="show-mobile-nav multi-nav--toggle" role="button" id="toggle-mobile-nav"> <svg x...</div>

Originalmeldung: Duplicate id attribute value "c4518" found on the web page.

Selector: #c4518

Kontext: <div class="price-calculator border-radius" id="c4518" data-adwords-conversion-label=""> <section class="price-...</div>

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

Selector: #c4518 > section > form > fieldset:nth-child(2)

Kontext: <fieldset class="customer"> <input id="pc-cust...</fieldset>

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

Selector: #c4518 > section > form > fieldset:nth-child(3)

Kontext: <fieldset class="medium"> <...</fieldset>

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

Selector: #c4518 > section > form > fieldset:nth-child(4)

Kontext: <fieldset class="calculator"> ...</fieldset>

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: #pc-calc-heatpower-sidetariff

Kontext: <input required="required" oninvalid="this.setCustomValidity('Bitte füllen Sie das Feld aus!')" oninput="setCustomValidity('')" pattern="^[1-9]\d*$" maxlength="6" placeholder="N...

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: #pc-calc-heatpower-sidetariff

Kontext: <input required="required" oninvalid="this.setCustomValidity('Bitte füllen Sie das Feld aus!')" oninput="setCustomValidity('')" pattern="^[1-9]\d*$" maxlength="6" placeholder="N...

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: #pc-calc-heatpower-before-2024

Kontext: <select id="pc-calc-heatpower-before-2024" name="tx_twt_tariffcalculator_namespace_power[overwriteDemand][heatpowerdate]" disabled=""> ...</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: #pc-calc-heatpower-before-2024

Kontext: <select id="pc-calc-heatpower-before-2024" name="tx_twt_tariffcalculator_namespace_power[overwriteDemand][heatpowerdate]" disabled=""> ...</select>

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

Selector: #c4518 > section > form > fieldset:nth-child(2)

Kontext: <fieldset class="customer"> <input id="pc-cust...</fieldset>

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

Selector: #c4518 > section > form > fieldset:nth-child(3)

Kontext: <fieldset class="medium"> <...</fieldset>

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

Selector: #c4518 > section > form > fieldset:nth-child(4)

Kontext: <fieldset class="calculator"> ...</fieldset>

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

Selector: #uc-cross-domain-bridge

Kontext: <iframe id="uc-cross-domain-bridge" src="https://app.usercentrics.eu/browser-sdk/4.61.0/cross-domain-bridge.html" style="display: none;"></iframe>