thebarn.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 3.73:1. Recommendation: change background to #986e44.

Selector: #shopify-section-template--19799957963019__custom_popular_subs_Mabar9 > section > div > div:nth-child(3) > a

Kontext: <a href="https://thebarn.de/collections/subscription?utm_source=website&amp;utm_medium=cta&amp;utm_campaign=landing#specials" class="button button--primary"> OUR SUBSCRIPTIONS ....

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.73:1. Recommendation: change background to #986e44.

Selector: #ImageWithText--template--19799957963019__video_with_text_fCh8XQ > a

Kontext: <a href="/pages/locations" class="button button--primary"> EXPLORE ...</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 3.73:1. Recommendation: change background to #986e44.

Selector: #ViewAll-template--19799957963019__featured_blog_FdAbj3

Kontext: <a href="/blogs/the-barn-blog" id="ViewAll-template--19799957963019__featured_blog_FdAbj3" class="blog__button button" aria-labelledby="ViewAll-template--19799957963019__feature...

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.73:1. Recommendation: change background to #986e44.

Selector: #shopify-section-template--19799957963019__custom_multicolumn_yyfmaK > div > div > div > div > a

Kontext: <a class="button button--primary" href="/pages/signature-drinks"> SIGNATURE DRINKS...</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 3.95:1. Recommendation: change background to #767676.

Selector: #iubenda-cs-banner > div > div > div > div:nth-child(5) > div:nth-child(1) > button

Kontext: <button class="iubenda-cs-customize-btn" tabindex="0" role="button">View preferences</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 3.95:1. Recommendation: change background to #767676.

Selector: #iubenda-cs-banner > div > div > div > div:nth-child(5) > div:nth-child(2) > button:nth-child(1)

Kontext: <button class="iubenda-cs-reject-btn iubenda-cs-btn-primary" tabindex="0" role="button">Deny</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 3.73:1. Recommendation: change background to #986e44.

Selector: #iubenda-cs-banner > div > div > div > div:nth-child(5) > div:nth-child(2) > button:nth-child(2)

Kontext: <button class="iubenda-cs-accept-btn iubenda-cs-btn-primary" tabindex="0" role="button">Accept</button>

Originalmeldung: Duplicate id attribute value "product-option-1" found on the web page.

Selector: #product-option-1

Kontext: <select name="options[Region]" id="product-option-1" data-product="{&quot;id&quot;:6560385368144,&quot;title&quot;:&quot;INSTANT COFFEE&quot;,&quot;handle&quot;:&quot;specialty-...

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

Kontext: <form method="post" action="/localization" id="HeaderLanguageForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form...

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

Selector: #id-template--19799957963019__marquee_ExQrLi > div > div:nth-child(1) > img:nth-child(1)

Kontext: <img src="//thebarn.de/cdn/shop/files/RdJ-Logo-offen-english-25_cd513616-34d2-4c71-9b08-464b409348e5.png?v=1752228415&amp;width=533" width="150" height="100%" data-cmp-info="10">

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

Selector: #id-template--19799957963019__marquee_ExQrLi > div > div:nth-child(1) > img:nth-child(3)

Kontext: <img src="//thebarn.de/cdn/shop/files/2019new.png?v=1614325307&amp;width=533" width="150" height="100%" data-cmp-info="10">

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

Selector: #id-template--19799957963019__marquee_ExQrLi > div > div:nth-child(1) > img:nth-child(5)

Kontext: <img src="//thebarn.de/cdn/shop/files/RdJ-Logo-offen-english-25_cd513616-34d2-4c71-9b08-464b409348e5.png?v=1752228415&amp;width=533" width="150" height="100%" data-cmp-info="10">

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

Selector: #id-template--19799957963019__marquee_ExQrLi > div > div:nth-child(1) > img:nth-child(7)

Kontext: <img src="//thebarn.de/cdn/shop/files/2018new.png?v=1614325307&amp;width=533" width="150" height="100%" data-cmp-info="10">

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

Selector: #id-template--19799957963019__marquee_ExQrLi > div > div:nth-child(1) > img:nth-child(9)

Kontext: <img src="//thebarn.de/cdn/shop/files/Best_Coffee_Chain_-_Western_Europe_Large_1.png?v=1709337240&amp;width=533" width="150" height="100%" data-cmp-info="10">

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

Selector: #id-template--19799957963019__marquee_ExQrLi > div > div:nth-child(2) > img:nth-child(1)

Kontext: <img src="//thebarn.de/cdn/shop/files/RdJ-Logo-offen-english-25_cd513616-34d2-4c71-9b08-464b409348e5.png?v=1752228415&amp;width=533" width="150" height="100%" data-cmp-info="10">

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

Selector: #id-template--19799957963019__marquee_ExQrLi > div > div:nth-child(2) > img:nth-child(3)

Kontext: <img src="//thebarn.de/cdn/shop/files/2019new.png?v=1614325307&amp;width=533" width="150" height="100%" data-cmp-info="10">

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

Selector: #id-template--19799957963019__marquee_ExQrLi > div > div:nth-child(2) > img:nth-child(5)

Kontext: <img src="//thebarn.de/cdn/shop/files/RdJ-Logo-offen-english-25_cd513616-34d2-4c71-9b08-464b409348e5.png?v=1752228415&amp;width=533" width="150" height="100%" data-cmp-info="10">

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

Selector: #id-template--19799957963019__marquee_ExQrLi > div > div:nth-child(2) > img:nth-child(7)

Kontext: <img src="//thebarn.de/cdn/shop/files/2018new.png?v=1614325307&amp;width=533" width="150" height="100%" data-cmp-info="10">

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

Selector: #id-template--19799957963019__marquee_ExQrLi > div > div:nth-child(2) > img:nth-child(9)

Kontext: <img src="//thebarn.de/cdn/shop/files/Best_Coffee_Chain_-_Western_Europe_Large_1.png?v=1709337240&amp;width=533" width="150" height="100%" data-cmp-info="10">

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: #recommendedProducts > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > a

Kontext: <a class="compThumbnail" href="/products/hario-paper-filter"> <img class="imageT...</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: #recommendedProducts > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > a

Kontext: <a class="compThumbnail" href="/products/aeropress-filter"> <img class="imageT...</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: #recommendedProducts > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > a

Kontext: <a class="compThumbnail" href="/products/kalita-wave-paper-filter"> <img class="imageT...</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: #recommendedProducts > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) > a

Kontext: <a class="compThumbnail" href="/products/box-of-samples"> <img class="imageT...</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: #recommendedProducts > div:nth-child(1) > div:nth-child(5) > div:nth-child(1) > a

Kontext: <a class="compThumbnail" href="/products/specialty-instant-coffee"> <img class="imageT...</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: #recommendedProducts > div:nth-child(1) > div:nth-child(6) > div:nth-child(1) > a

Kontext: <a class="compThumbnail" href="/products/drip-bags"> <img class="imageT...</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: #recommendedProducts > div:nth-child(1) > div:nth-child(7) > div:nth-child(1) > a

Kontext: <a class="compThumbnail" href="/products/sandstone-mug"> <img class="imageT...</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: #parentDivTemplate > div > div:nth-child(1) > a

Kontext: <a class="compThumbnail" href="#"> <img class="imageT...</a>

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

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

Kontext: <a href="#"> <span class="det...</a>

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

Selector: #shopify-section-sections--19799957405963__custom_footer_jciMGh > footer > div:nth-child(2) > div > div > small:nth-child(2) > a

Kontext: <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore"> </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: #sliderButtonPrev

Kontext: <button id="sliderButtonPrev" class="sliderButton prev" data-slider-button="prev" onclick="handleSimulatedSliderButtons(this)" data-active=""> <svg class="sliderButtonSV...</but...

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

Kontext: <button id="sliderButtonNext" class="sliderButton next" data-slider-button="next" onclick="handleSimulatedSliderButtons(this)" data-active=""> <svg class="sliderButtonSV...</but...

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: #product-option-1

Kontext: <select name="options[Size]" id="product-option-1" data-product="{&quot;id&quot;:10347600979,&quot;title&quot;:&quot;HARIO V60 PAPER FILTER&quot;,&quot;handle&quot;:&quot;hario-...

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: #product-option-1

Kontext: <select name="options[Size]" id="product-option-1" data-product="{&quot;id&quot;:10347600979,&quot;title&quot;:&quot;HARIO V60 PAPER FILTER&quot;,&quot;handle&quot;:&quot;hario-...

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: #product-option-1

Kontext: <select name="options[Size]" id="product-option-1" data-product="{&quot;id&quot;:4878586314832,&quot;title&quot;:&quot;KALITA WAVE PAPER FILTER&quot;,&quot;handle&quot;:&quot;ka...

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: #product-option-1

Kontext: <select name="options[Size]" id="product-option-1" data-product="{&quot;id&quot;:4878586314832,&quot;title&quot;:&quot;KALITA WAVE PAPER FILTER&quot;,&quot;handle&quot;:&quot;ka...

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: #product-option-1

Kontext: <select name="options[Region]" id="product-option-1" data-product="{&quot;id&quot;:6560385368144,&quot;title&quot;:&quot;INSTANT COFFEE&quot;,&quot;handle&quot;:&quot;specialty-...

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: #product-option-1

Kontext: <select name="options[Region]" id="product-option-1" data-product="{&quot;id&quot;:6560385368144,&quot;title&quot;:&quot;INSTANT COFFEE&quot;,&quot;handle&quot;:&quot;specialty-...

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: #product-option-1

Kontext: <select name="options[Region]" id="product-option-1" data-product="{&quot;id&quot;:6647002693712,&quot;title&quot;:&quot;DRIP BAGS&quot;,&quot;handle&quot;:&quot;drip-bags&quot;...

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: #product-option-1

Kontext: <select name="options[Region]" id="product-option-1" data-product="{&quot;id&quot;:6647002693712,&quot;title&quot;:&quot;DRIP BAGS&quot;,&quot;handle&quot;:&quot;drip-bags&quot;...

Originalmeldung: Duplicate id attribute value "product-option-1" found on the web page.

Selector: #product-option-1

Kontext: <select name="options[Size]" id="product-option-1" data-product="{&quot;id&quot;:4878586314832,&quot;title&quot;:&quot;KALITA WAVE PAPER FILTER&quot;,&quot;handle&quot;:&quot;ka...

Originalmeldung: Duplicate id attribute value "product-option-1" found on the web page.

Selector: #product-option-1

Kontext: <select name="options[Region]" id="product-option-1" data-product="{&quot;id&quot;:6647002693712,&quot;title&quot;:&quot;DRIP BAGS&quot;,&quot;handle&quot;:&quot;drip-bags&quot;...

Originalmeldung: Duplicate id attribute value "Search-In-Modal" found on the web page.

Selector: #Search-In-Modal

Kontext: <input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-c...