aquarium-berlin.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.93:1. Recommendation: change background to #bd5b00.

Selector: #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll

Kontext: <button id="CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll" class="CybotCookiebotDialogBodyButton" tabindex="0" lang="en">Allow all</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 1.93:1. Recommendation: change background to #967100.

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

Kontext: <span class="page-header__link-label">Tickets</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 1.97:1. Recommendation: change background to #1a8194.

Selector: #header > section > h2

Kontext: <h2 class="info-header-box__headline">Achtung:</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 1.97:1. Recommendation: change background to #1a8194.

Selector: #header > section > div > p

Kontext: <p class="big">Derzeit finden Bauarbeiten im A...</p>

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.97:1. Recommendation: change background to #3aa1b4.

Selector: #header > section > div > p > a > strong

Kontext: <strong>hier</strong>

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

Selector: #root-container > div > section:nth-child(1) > div:nth-child(2) > ul > li > section > div:nth-child(4) > div > div > div > a

Kontext: <a href="https://shop.aquarium-berlin.de/de/categories/14" title="Jetzt Tickets buchen" class="btn page-hero__teaser-link" aria-label="Jetzt Tickets buchen">Jetzt Tickets buchen...

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

Selector: #root-container > div > div > div > div > div:nth-child(1) > h2

Kontext: <h2 class="toolbar__headline"> Öffnungszeiten </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 4.39:1. Recommendation: change background to #e8f4f8.

Selector: #root-container > div > div > div > div > div:nth-child(3) > h2

Kontext: <h2 class="toolbar__headline"> Nächste Fütterung </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 4.39:1. Recommendation: change background to #e8f4f8.

Selector: #root-container > div > div > div > div > div:nth-child(5) > h2

Kontext: <h2 class="toolbar__headline"> Plan </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 4.39:1. Recommendation: change background to #e8f4f8.

Selector: #root-container > div > div > div > div > div:nth-child(7) > h2

Kontext: <h2 class="toolbar__headline"> FAQ </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 1.93:1. Recommendation: change background to #967100.

Selector: #root-container > div > section:nth-child(4) > div > div > div:nth-child(2) > div > div:nth-child(1) > div > div:nth-child(1) > div > a

Kontext: <a href="https://shop.aquarium-berlin.de/de/categories/14" title="Jetzt buchen" class="card-grid__link btn btn--primary" aria-label="Jetzt buchen">Jetzt buchen</a>

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

Selector: #root-container > div > section:nth-child(4) > div > div > div:nth-child(2) > div > div:nth-child(1) > div > div:nth-child(2) > div > a

Kontext: <a href="https://shop.aquarium-berlin.de/de/categories/15" title="Jetzt buchen oder verlängern" class="card-grid__link btn btn--primary" aria-label="Jetzt buchen oder verlängern...

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

Selector: #root-container > div > section:nth-child(7) > div > div > div:nth-child(3) > div:nth-child(2) > p:nth-child(2) > a

Kontext: <a href="https://www.zoo-stiftung-berlin.de/unterstuetzen/aquarium-berlin" target="_top" class="btn btn--big">Jetzt spenden!</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: html > body > div:nth-child(5) > section:nth-child(3) > div > div > div > div > ul > li:nth-child(6) > a

Kontext: <a href="https://www.undekade-restoration.de/" target="_blank" class="logo-slide-teaser__link" aria-label="Weiterleiung auf https://www.undekade-restoration.de/" rel="noreferrer...

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

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

Kontext: <img src="/typo3conf/ext/zoo_berlin_sitepackage/Resources/Public/Images/1x1.gif" width="24" height="24">

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

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

Kontext: <img src="/typo3conf/ext/zoo_berlin_sitepackage/Resources/Public/Images/1x1.gif" width="27" height="24">

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

Selector: #root-container > div > section:nth-child(7) > div > div > div:nth-child(2) > picture > img

Kontext: <img src="/fileadmin/_processed_/d/a/csm_Direkt-helfen-Z_AQ_f38eaf1170.png" class="teaser__image-text">

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: html > body > div:nth-child(5) > section:nth-child(2) > div > div:nth-child(1) > a

Kontext: <a href="https://www.tierpark-berlin.de/de/" class="cross-link__link"><img class="cross-link__img" sr...</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: html > body > div:nth-child(5) > section:nth-child(2) > div > div:nth-child(2) > a

Kontext: <a href="https://www.zoo-berlin.de/de/" class="cross-link__link"><img class="cross-link__img" sr...</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: #nav-list > ul > li:nth-child(1) > button

Kontext: <button type="button" class="js-navigation-submenu-button navigation__submenu-button"></button>

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: #nav-list > ul > li:nth-child(2) > button

Kontext: <button type="button" class="js-navigation-submenu-button navigation__submenu-button"></button>

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: #nav-list > ul > li:nth-child(3) > button

Kontext: <button type="button" class="js-navigation-submenu-button navigation__submenu-button"></button>

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: #nav-list > ul > li:nth-child(4) > button

Kontext: <button type="button" class="js-navigation-submenu-button navigation__submenu-button"></button>

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: #nav-list > ul > li:nth-child(5) > button

Kontext: <button type="button" class="js-navigation-submenu-button navigation__submenu-button"></button>

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: #nav-list > ul > li:nth-child(6) > button

Kontext: <button type="button" class="js-navigation-submenu-button navigation__submenu-button"></button>

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 > section > button

Kontext: <button type="button" class="js-close-btn info-header-box__close-btn iconfont--cross"></button>

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: html > body > div:nth-child(5) > footer > div > div > div:nth-child(4) > div > section > div > div > form > input:nth-child(1)

Kontext: <input data-input-inspect="1" data-validate-as="email" placeholder="E-Mail" class="footer__newsletter-input input" type="email" name="email" required="required">

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: html > body > div:nth-child(5) > section:nth-child(3) > div > div > div > div > ul > li:nth-child(1) > a

Kontext: <a href="http://www.species360.org/" target="_blank" class="logo-slide-teaser__link" aria-label="Weiterleiung auf http://www.species360.org/" rel="noreferrer"><img class="logo-s...

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: html > body > div:nth-child(5) > section:nth-child(3) > div > div > div > div > ul > li:nth-child(2) > a

Kontext: <a href="https://www.eaza.net/" target="_blank" class="logo-slide-teaser__link" aria-label="Weiterleiung auf https://www.eaza.net/" rel="noreferrer"><img class="logo-slide-tease...

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: html > body > div:nth-child(5) > section:nth-child(3) > div > div > div > div > ul > li:nth-child(3) > a

Kontext: <a href="https://www.vdz-zoos.org/" target="_blank" class="logo-slide-teaser__link" aria-label="Weiterleiung auf https://www.vdz-zoos.org/" rel="noreferrer"><img class="logo-sli...

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: html > body > div:nth-child(5) > section:nth-child(3) > div > div > div > div > ul > li:nth-child(4) > a

Kontext: <a href="https://www.waza.org/" target="_blank" class="logo-slide-teaser__link" aria-label="Weiterleiung auf https://www.waza.org/" rel="noreferrer"><img class="logo-slide-tease...

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: html > body > div:nth-child(5) > section:nth-child(3) > div > div > div > div > ul > li:nth-child(5) > a

Kontext: <a href="https://www.iucn.org/" target="_blank" class="logo-slide-teaser__link" aria-label="Weiterleiung auf https://www.iucn.org/" rel="noreferrer"><img class="logo-slide-tease...

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

Kontext: <input class="search-overlay__input-field" type="text" id="ke_search_sword" name="tx_kesearch_pi1[sword]" value="" placeholder="Suchbegriff eingeben">

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

Kontext: <input class="search-overlay__input-field" type="text" id="ke_search_sword" name="tx_kesearch_pi1[sword]" value="" placeholder="Suchbegriff eingeben">

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

Selector: #[object HTMLInputElement] > fieldset > span > input

Kontext: <input class="search-overlay__submit-btn iconfont--search" type="submit" value="">

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: #search-overlay > div > button

Kontext: <button type="button" class="js-toggle-search-overlay search-overlay__close-btn iconfont--cross"></button>