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

Selector: #c5 > div > div > div:nth-child(1) > div:nth-child(1) > article > div > header > span > span > time

Kontext: <time itemprop="datePublished" datetime="2025-09-17"> 17.09.2025...</time>

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

Selector: #c5 > div > div > div:nth-child(1) > div:nth-child(2) > article > div > header > span > span > time

Kontext: <time itemprop="datePublished" datetime="2025-07-01"> 01.07.2025...</time>

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

Selector: #slick-slide00 > button

Kontext: <button type="button" data-role="none" role="button" aria-required="false" tabindex="0">1</button>

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: #[object HTMLInputElement]

Kontext: <form method="get" id="tx-solr-search-form-pi-search" action="/de/service/suche/" data-suggest="/de/service/suche/suggests.json" data-suggest-header="Top Results" accept-charset...

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: #[object HTMLInputElement]

Kontext: <form method="get" id="tx-solr-search-form-pi-search" action="/de/service/suche/" data-suggest="/de/service/suche/suggests.json" data-suggest-header="Top Results" accept-charset...

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: #cookieman-settings > form

Kontext: <form data-cookieman-form="" data-cookieman-dnt-enabled="Sie haben bereits über die &lt;a target=&quot;_blank&quot; rel=&quot;noopener&quot; href=&quot;https://de.wikipedia.org/...

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #page-1 > div:nth-child(17) > div:nth-child(2) > img

Kontext: <img class="swal2-image">

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(2) > div > ul > li:nth-child(1)

Kontext: <li data-image="" class="active" role="presentation"> <a hre...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(2) > div > ul > li:nth-child(2)

Kontext: <li data-image="" class="" role="presentation"> <a hre...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(2) > div > ul > li:nth-child(3)

Kontext: <li data-image="https://www.sera.de/fileadmin/_processed_/3/4/csm_14486-suesswasser_pflegen_6d6e147341.png" class="" role="presentation"> <a hre...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(2) > div > ul > li:nth-child(4)

Kontext: <li data-image="https://www.sera.de/fileadmin/_processed_/6/c/csm_14484-suesswasser_technik_f71ac85ab6.png" class="" role="presentation"> <a hre...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(3) > div > ul > li:nth-child(1)

Kontext: <li data-image="https://www.sera.de/fileadmin/_processed_/6/5/csm_14498-marin_produkte_e4806ae805.png" class="active" role="presentation"> <a hre...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(3) > div > ul > li:nth-child(2)

Kontext: <li data-image="https://www.sera.de/fileadmin/_processed_/6/3/csm_14500-marin_fuettern_a7b6f46c46.png" class="" role="presentation"> <a hre...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(3) > div > ul > li:nth-child(3)

Kontext: <li data-image="https://www.sera.de/fileadmin/_processed_/8/f/csm_14499-marin_pflegen_a1e819e2c8.png" class="" role="presentation"> <a hre...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(3) > div > ul > li:nth-child(4)

Kontext: <li data-image="https://www.sera.de/fileadmin/_processed_/b/6/csm_14497-marin_technik_307ea7d6f0.png" class="" role="presentation"> <a hre...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(4) > div > ul > li:nth-child(1)

Kontext: <li data-image="https://www.sera.de/fileadmin/_processed_/e/a/csm_14494-pond_produkte_606bd91efb.png" class="active" role="presentation"> <a hre...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(4) > div > ul > li:nth-child(2)

Kontext: <li data-image="https://www.sera.de/fileadmin/_processed_/3/7/csm_14496-pond_fuettern_36b9e3e6d1.png" class="" role="presentation"> <a hre...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(4) > div > ul > li:nth-child(3)

Kontext: <li data-image="https://www.sera.de/fileadmin/_processed_/b/e/csm_14495-pond_pflegen_e8e1983583.png" class="" role="presentation"> <a hre...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(4) > div > ul > li:nth-child(4)

Kontext: <li data-image="https://www.sera.de/fileadmin/_processed_/6/a/csm_14493-pond_technik_72b791510d.png" class="" role="presentation"> <a hre...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(5) > div > ul > li:nth-child(1)

Kontext: <li data-image="https://www.sera.de/fileadmin/_processed_/d/6/csm_14490-reptil_produkte_668eaa2bc1.png" class="active" role="presentation"> <a hre...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(5) > div > ul > li:nth-child(2)

Kontext: <li data-image="https://www.sera.de/fileadmin/_processed_/c/f/csm_14492-reptil_fuettern_777340b521.png" class="" role="presentation"> <a hre...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(5) > div > ul > li:nth-child(3)

Kontext: <li data-image="https://www.sera.de/fileadmin/_processed_/2/f/csm_14491-reptil_pflegen_7d9d3e5d79.png" class="" role="presentation"> <a hre...</li>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(5) > div > ul > li:nth-child(4)

Kontext: <li data-image="https://www.sera.de/fileadmin/_processed_/9/7/csm_14489-reptil_technik_bb62d51dd7.png" class="" role="presentation"> <a hre...</li>

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

Selector: #navbar > div > div:nth-child(2) > div > a

Kontext: <a href="#" class="close pull-right"></a>

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

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

Kontext: <a href="#!" class="mobile-btn-close"></a>

Originalmeldung: This link points to a named anchor "!" within the document, but no anchor exists with that name.

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

Kontext: <a href="#!" class="mobile-btn-close"></a>

Originalmeldung: This link points to a named anchor "!" within the document, but no anchor exists with that name.

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

Kontext: <a href="#!" class="mobile-btn-back">Süßwasseraquarium</a>

Originalmeldung: This link points to a named anchor "!" within the document, but no anchor exists with that name.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(3) > div > div > a

Kontext: <a href="#!" class="mobile-btn-back">Meerwasseraquarium</a>

Originalmeldung: This link points to a named anchor "!" within the document, but no anchor exists with that name.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(4) > div > div > a

Kontext: <a href="#!" class="mobile-btn-back">Gartenteich</a>

Originalmeldung: This link points to a named anchor "!" within the document, but no anchor exists with that name.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(5) > div > div > a

Kontext: <a href="#!" class="mobile-btn-back">Terrarium</a>

Originalmeldung: This link points to a named anchor "!" within the document, but no anchor exists with that name.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(6) > div > div > a

Kontext: <a href="#!" class="mobile-btn-back">Unternehmen</a>

Originalmeldung: This link points to a named anchor "!" within the document, but no anchor exists with that name.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(7) > div > div > a

Kontext: <a href="#!" class="mobile-btn-back">Service</a>

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

Selector: #c37 > div > div > div > div > div > div > div > a

Kontext: <a class="image-box-link" href="/de/suesswasseraquarium/"></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: #c37 > div > div > div > div > div > div > div > figure > a

Kontext: <a href="/de/suesswasseraquarium/" title="Süßwasser"><img class="image-embed-item" t...</a>

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

Selector: #c38 > div > div > div > div > div > div > div > a

Kontext: <a class="image-box-link" href="https://www.sera.de/de/gartenteich/produkte/"></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: #c38 > div > div > div > div > div > div > div > figure > a

Kontext: <a href="https://www.sera.de/de/gartenteich/produkte/" title="Gartenteich"><img class="image-embed-item" t...</a>

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

Selector: #c39 > div > div > div > div > div > div > div > a

Kontext: <a class="image-box-link" href="https://www.sera.de/de/meerwasseraquarium/produkte/"></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: #c39 > div > div > div > div > div > div > div > figure > a

Kontext: <a href="https://www.sera.de/de/meerwasseraquarium/produkte/" title="Meeresaquarium"><img class="image-embed-item" t...</a>

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

Selector: #c40 > div > div > div > div > div > div > div > a

Kontext: <a class="image-box-link" href="https://www.sera.de/de/terrarium/produkte/"></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: #c40 > div > div > div > div > div > div > div > figure > a

Kontext: <a href="https://www.sera.de/de/terrarium/produkte/" title="Terrarium"><img class="image-embed-item" t...</a>

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

Selector: #c17588 > div > div > div > a

Kontext: <a class="more-arrow" href="/de/service/ratgeber/"></a>

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

Kontext: <button class="btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i cla...</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: #[object HTMLInputElement] > input:nth-child(3)

Kontext: <input type="text" class="tx-solr-q js-solr-q tx-solr-suggest tx-solr-suggest-focus form-control form-search" name="q" value="" placeholder="Suchbegriff" autocomplete="off" styl...

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: #[object HTMLInputElement] > input:nth-child(3)

Kontext: <input type="text" class="tx-solr-q js-solr-q tx-solr-suggest tx-solr-suggest-focus form-control form-search" name="q" value="" placeholder="Suchbegriff" autocomplete="off" styl...

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: #[object HTMLInputElement] > input:nth-child(3)

Kontext: <input type="text" class="tx-solr-q js-solr-q tx-solr-suggest tx-solr-suggest-focus form-control form-search" name="q" value="" placeholder="Suchbegriff" autocomplete="off" styl...

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: #[object HTMLInputElement] > input:nth-child(3)

Kontext: <input type="text" class="tx-solr-q js-solr-q tx-solr-suggest tx-solr-suggest-focus form-control form-search" name="q" value="" placeholder="Suchbegriff" autocomplete="off" styl...

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

Kontext: <input autocomplete="username" placeholder="Benutzername:" class="form-control" type="text" name="user">

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

Kontext: <input autocomplete="username" placeholder="Benutzername:" class="form-control" type="text" name="user">

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

Kontext: <input autocomplete="current-password" data-rsa-encryption="" placeholder="Passwort:" class="form-control" type="password" name="pass" value="">

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

Kontext: <input autocomplete="current-password" data-rsa-encryption="" placeholder="Passwort:" class="form-control" type="password" name="pass" value="">

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: #c4625 > div > div > form > div > select

Kontext: <select name="tx_ggseradealerlist_dealerlist[country]" class="form-control"> <option>Wä...</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: #c4625 > div > div > form > div > select

Kontext: <select name="tx_ggseradealerlist_dealerlist[country]" class="form-control"> <option>Wä...</select>

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: #c4625 > div > div > form > input

Kontext: <input type="text" name="tx_ggseradealerlist_dealerlist[zipCity]" class="form-control" placeholder="PLZ oder Ort ...">

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: #c4625 > div > div > form > input

Kontext: <input type="text" name="tx_ggseradealerlist_dealerlist[zipCity]" class="form-control" placeholder="PLZ oder Ort ...">

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: #c4625 > div > div > form > button

Kontext: <button type="submit" class="btn btn-search"><i class="icon-lupe"></i></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: #page-1 > div:nth-child(17) > div:nth-child(2) > input

Kontext: <input class="swal2-input">

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

Kontext: <input class="swal2-input">

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: #page-1 > div:nth-child(17) > div:nth-child(2) > select

Kontext: <select class="swal2-select"></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: #page-1 > div:nth-child(17) > div:nth-child(2) > select

Kontext: <select class="swal2-select"></select>

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: #page-1 > div:nth-child(17) > div:nth-child(2) > textarea

Kontext: <textarea class="swal2-textarea"></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: #page-1 > div:nth-child(17) > div:nth-child(2) > textarea

Kontext: <textarea class="swal2-textarea"></textarea>

Originalmeldung: Duplicate id attribute value "tx-solr-search-form-pi-search" found on the web page.

Selector: #[object HTMLInputElement]

Kontext: <form method="get" id="tx-solr-search-form-pi-search" action="/de/service/suche/" data-suggest="/de/service/suche/suggests.json" data-suggest-header="Top Results" accept-charset...

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

Selector: #inputButton

Kontext: <i class="icon-lupe" id="inputButton" data-icon="k"></i>

Originalmeldung: This element's role is "presentation" but contains child elements with semantic meaning.

Selector: #page-1 > header > nav > div:nth-child(2) > div > ul > li:nth-child(2) > div > ul > li:nth-child(4) > div > div:nth-child(3) > ul > ul > li:nth-child(8)

Kontext: <li role="presentation"> ...</li>

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

Selector: #c9481

Kontext: <div id="c9481" class=" frame csc-default frame-type-list frame-layout-0"><div class="tx_solr tx-solr"><d...</div>

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

Selector: #page-1 > div:nth-child(17) > div:nth-child(2) > h2

Kontext: <h2></h2>