Public accessibility assessment

Accessibility issues detected on eltesorosm.com

Evolize inspected 5 publicly accessible pages on eltesorosm.com and detected 51 automatically identifiable accessibility findings. 22 findings were classified as critical or high priority. The findings map to 7 WCAG success criterions. The sections below show affected pages, technical evidence and recommended remediation. The most frequent issues involve hidden elements can still receive keyboard focus, modal dialog does not trap keyboard focus, form fields use placeholder text as the only label.

51findings detected

22critical + high

5pages inspected

13 Aug 2026assessed

Independent public assessment. eltesorosm.com is not necessarily affiliated with or a customer of Evolize.

MONITOR THIS WEBSITE RUN A FREE ASSESSMENT

01 · Accessibility summary

02 · Priority findings

High Hidden elements can still receive keyboard focusWCAG 2.4.3 (A) · 5 pages · 5 instances
High Modal dialog does not trap keyboard focusWCAG 2.4.3 (A) · 5 pages · 5 instances
High Hidden elements can still receive keyboard focusWCAG 2.4.3 (A) · 5 pages · 7 instances
High Hidden elements can still receive keyboard focusWCAG 2.4.3 (A) · 5 pages · 5 instances
High Form fields use placeholder text as the only labelWCAG 1.3.1 (A) · 5 pages · 6 instances

03 · WCAG criteria affected

Criterion	Name	Level	Findings	Pages
1.4.3	Contrast (Minimum)	AA	34	5
2.4.3	Focus Order	A	11	5
1.3.1	Info and Relationships	A	2	5
4.1.2	Name, Role, Value	A	2	5
1.4.1	Use of Color	A	1	1
2.5.8	Target Size (Minimum)	AA	1	5
3.3.2	Labels or Instructions	A	1	5

Absence of a criterion here does not indicate conformance with it — only that no automatically detectable issue was found for it.

04 · All detected findings

High

Hidden elements can still receive keyboard focus

WCAG 2.4.3 (A)50 instances5 affected pages

ComponentRef DT0ZTK

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Affected pagehttps://eltesorosm.com/

Elementdiv > div:nth-of-type(3) > side-drawer-opener > button > details > summary

Accessible nameSearch for anything

Rolebutton

Markup

<summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search for anything" data-search-mobile="" role="button" tabindex="0">
                                                    <span>
                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" role="presentation">
		<path d="M 19 3 C 13.488281 3 9 7.488281 9 13 C 9 15.394531 9.839844 17.589844 11.25 19.3125 L 3.28125 27.28125…

How to fixTo fix this issue, ensure that the element is removed from the tab order when it is not visible, by setting its 'tabindex' attribute to '-1' or by using 'display: none' or 'visibility: hidden' CSS properties to completely hide it from both screen readers and sighted users.

Affected pages/ /pages/contact-us /account/login /pages/contact /products/crush-grape

ComponentRef VTOYAJ

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Affected pagehttps://eltesorosm.com/

Elementdiv > div > div:nth-of-type(2) > div > div > a

Accessible nameEl Tesoro Supermarket

Markup

<a href="/" class="header__heading-link focus-inset"><img srcset="//eltesorosm.com/cdn/shop/files/super_830x250_ba478855-4ca7-4aa3-8a3c-fcf0fef42ffe_150x.webp?v=1772046451 1x, //eltesorosm.com/cdn/shop/files/[email removed]?v=1772046451 2x" src="//eltesorosm.com/cdn/shop/files/super_830x250_ba478855-4ca7-4aa3-8a3c-fcf0fef42ffe_150x.webp?v=1772046451" loading="lazy" class="header__heading-logo" alt="El Tesoro Supermarket" width="830" height="250"></a>

How to fixEnsure that elements which are not visible are also removed from the tab order, or make them visible when they receive focus. This can often be achieved by setting the 'tabindex' attribute to '-1' for invisible elements or adjusting the CSS to make them visible on focus.

Affected pages/ /pages/contact-us /account/login /pages/contact /products/crush-grape

ComponentRef ZCA6QT

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Affected pagehttps://eltesorosm.com/

Elementa#cart-icon-bubble\ mobile

Accessible nameCart 00 items

Rolebutton

Markup

<a data-cart-sidebar="" href="javascript:void(0)" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble mobile" role="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-cart" aria-hidden="true" focusable="false" role="presentation">
		<path d="M 4.4140625 1.9960938 L 1.0039062 2.0136719 L 1.0136719 4.0136719 L 3.0839844 4.0039062 L 6.3789062 11.908203 L 5.1816406 13.824219 C 4.7816406 14.464219 4.7609531 15.272641 5.1269531 15.931641 C 5.4929531 16.590641 6.1874063 17 6.9414062 17 L 19 17 L 19 15 L 6.9414062 15 L 6.8769531 14.882812 L 8…

How to fixEnsure that all interactive elements are visible when they receive focus, or remove them from the tab order if they should not be interacted with. Consider using 'display: none;' or 'visibility: hidden;' to remove the element from the page, or use 'tabindex='-1'' to remove it from the tab order.

Affected pages/ /pages/contact-us /account/login /pages/contact /products/crush-grape

ComponentRef MD198N

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Affected pagehttps://eltesorosm.com/

Elementheader > div > div > div:nth-of-type(1) > div > button

Accessible namemenu

Markup

<button type="button" class="mobileMenu-toggle" data-mobile-menu="" aria-label="menu">
                                        <span class="mobileMenu-toggle__Icon"></span>
                                    </button>

How to fixEnsure that hidden elements are removed from the tab order by setting the 'tabindex' attribute to '-1' or by using 'display: none' or 'visibility: hidden' CSS properties to completely hide the element from both screen readers and sighted users.

Affected pages/ /pages/contact-us /account/login /pages/contact /products/crush-grape

ComponentRef KUFJSF

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Affected pagehttps://eltesorosm.com/pages/contact-us

Elementdiv#Toolbar-halo-toolbar-mobile > div > div:nth-of-type(1) > a

Accessible nameHome

Rolebutton

Markup

<a href="/" class="link" role="button"><svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M573.48 219.91L310.6 8a35.85 35.85 0 0 0-45.19 0L2.53 219.91a6.71 6.71 0 0 0-1 9.5l14.2 17.5a6.82 6.82 0 0 0 9.6 1L64 216.72V496a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V216.82l38.8 31.29a6.83 6.83 0 0 0 9.6-1l14.19-17.5a7.14 7.14 0 0 0-1.11-9.7zM240 480V320h96v160zm240 0H368V304a16 16 0 0 0-16-16H224a16 16 0 0 0-16 16v176H96V190.92l187.71-151.4a6.63 6.63 0 0 1 8.4 0L480 191z"></path></svg>
<span class="label">Home</span></a>

How to fixRemove the element from the tab order by setting the 'tabindex' attribute to '-1' or by using the 'display: none' or 'visibility: hidden' CSS properties to ensure it is not focusable when invisible.

Affected pages/pages/contact-us /pages/contact /products/crush-grape

ComponentRef EG2GQF

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Affected pagehttps://eltesorosm.com/pages/contact-us

Elementdiv#Toolbar-halo-toolbar-mobile > div > div:nth-of-type(2) > side-drawer-opener > button

Accessible nameSearch window.show_search_footer = true;

Markup

<button class="header__iconItem header__search t-button link focus-inset" type="button" aria-haspopup="dialog"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" role="presentation"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" d="M13 4A9 9 0 1 0 13 22A9 9 0 1 0 13 4Z"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M26 26L19.437 19.437"></path></svg>
<span class="label">Search</span><script type="text/javas…

How to fixEnsure that non-visible elements are removed from the tab order by setting the 'tabindex' attribute to '-1' or by using 'display: none' or 'visibility: hidden' CSS properties to completely hide the element from both screen readers and sighted users.

Affected pages/pages/contact-us /pages/contact /products/crush-grape

ComponentRef 3KKN12

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Affected pagehttps://eltesorosm.com/

Elementinput#NewsletterForm--template--25770342580524__16486910466a05e616

Markup

<input id="NewsletterForm--template--25770342580524__16486910466a05e616" type="email" name="contact[email]" class="field__input form-input-placeholder" value="" aria-required="true" autocorrect="off" autocapitalize="off" autocomplete="off" placeholder="Your email address...">

How to fixTo fix this issue, ensure that the element is either removed from the tab order when it's not visible or make it visible when it receives focus. This can be achieved by adjusting the CSS to display the element when it has focus or by using JavaScript to manage the element's visibility and focusability.

Affected pages/ /account/login

ComponentRef QRJEQA

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Affected pagehttps://eltesorosm.com/account/login

Elementdiv#recover > div > form > div:nth-of-type(2) > input

Markup

<input type="submit" class="button button-height button--primary" value="Submit">

How to fixTo fix this issue, ensure that any element that is not visible is also removed from the tab order by setting its 'tabindex' attribute to '-1' or by using 'display: none' or 'visibility: hidden' in CSS to remove it from the accessibility tree.

ComponentRef NH0WAN

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Affected pagehttps://eltesorosm.com/

Elementbutton#Subscribe-template--25770342580524__16486910466a05e616

Accessible nameSubscribe

Markup

<button type="submit" class="button button--secondary newsletter-form__button" name="commit" id="Subscribe-template--25770342580524__16486910466a05e616" aria-label="Subscribe">Subscribe
</button>

How to fixTo fix this issue, ensure that the element is either removed from the tab order or made visible when it receives focus. This can be achieved by adding a 'display: none' or 'visibility: hidden' style when the element is not intended to be interacted with, or by using JavaScript to dynamically update the element's visibility and focusability.

High

Modal dialog does not trap keyboard focus

WCAG 2.4.3 (A)6 instances5 affected pages

ComponentRef LLOB26

An open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.

Affected pagehttps://eltesorosm.com/

Elementdiv#search-form-mobile > div:nth-of-type(2) > div > div

Accessible nameSearch for anything

Roledialog

Markup

<div class="search-modal search-modal-popup modal__content" role="dialog" aria-modal="true" aria-label="Search for anything">
                        <div class="search-modal__content" tabindex="-1"><predictive-search data-loading-text="Loading..." data-product-to-show="12" class="predictive-search-form"><form action="/search" method="get" role="search" class="search search-modal__form search-modal__form--custom">
                                        <div class="field">
                                            <input type="hidden" name="type" value="product">
                            …

How to fixTo fix this, ensure that the modal dialog traps keyboard focus by setting the `tabindex` attribute to `-1` on the dialog container and ensuring that all focusable elements within the dialog have a `tabindex` greater than or equal to `0`. Additionally, use JavaScript to prevent focus from escaping the dialog by listening for the `focusout` event and refocusing the last focused element within the dialog.

Affected pages/ /pages/contact-us /account/login /pages/contact /products/crush-grape

ComponentRef P2XTLM

An open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.

Affected pagehttps://eltesorosm.com/products/crush-grape

Elementcustom-information-modal#Modal-CustomInformation-10 > div

Accessible nameDialog

Roledialog

Markup

<div class="halo-modal__dialog" role="dialog" aria-label="Dialog" aria-modal="true" tabindex="-1">
					    	<div class="halo-modal-header">
					            <button class="halo-modal-close clearfix" role="button" id="ModalClose-CustomInformation-10" aria-label="Close">
							        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" aria-hidden="true" focusable="false" role="presentation">
	<path d="M 38.982422 6.9707031 A 2.0002 2.0002 0 0 0 37.585938 7.5859375 L 24 21.171875 L 10.414062 7.5859375 A 2.0002 2.0002 0 0 0 8.9785156 6.9804688 A 2.0002 2.0002 0 0 0 7.5859375 10.414062 L…

How to fixTo fix this, ensure that the modal dialog traps keyboard focus by setting the `tabindex` attribute to `-1` on the dialog container and implementing a focus trap that prevents focus from escaping the dialog.

High

Form fields use placeholder text as the only label

WCAG 1.3.1 (A)6 instances5 affected pages

ComponentRef 9MREZ3

Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.

Affected pagehttps://eltesorosm.com/

Elementinput#Search-In-Modal-Mobile

Rolecombobox

Markup

<input class="search__input field__input form-input-placeholder" id="Search-In-Modal-Mobile" type="search" name="q" value="" placeholder="Search for anything" autocomplete="off" role="combobox" aria-expanded="false" aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocapitalize="off" spellcheck="false">

How to fixAdd a visible and programmatically associated label to the form field, ensuring it remains available even when the user interacts with the field.

Affected pages/ /pages/contact-us /account/login /pages/contact /products/crush-grape

High

Text has insufficient colour contrast

WCAG 1.4.3 (AA)158 instances5 affected pages

ComponentRef M1W39X

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Element.custom-link--text

Accessible nameHelp

Markup

<span class="custom-link--text text">
                                                            Help
                                                        </span>

How to fixIncrease the contrast between the text color and background color of the 'Help' link by using a color combination that meets the WCAG 2.1 minimum contrast ratio thresholds.

Affected pages/ /pages/contact-us /account/login /pages/contact /products/crush-grape

ComponentRef XU5V29

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Element.subtitle

Accessible nameAccusamus et iusto odio lorem voluptatum.

Markup

<p class="subtitle">Accusamus et iusto odio lorem voluptatum.</p>

How to fixIncrease the contrast between the text and background colors by adjusting the CSS styles for the '.subtitle' class to meet the minimum contrast ratio thresholds as defined by WCAG 2.1 SC 1.4.3.

Affected pages/ /pages/contact-us /account/login /pages/contact /products/crush-grape

ComponentRef RX3OUV

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Element.dropdown.menu-lv-1.no-megamenu:nth-child(7) > .menu-lv-1__action.list-menu__item.focus-inset > .text

Accessible nameCountry Foods

Markup

<span class="text">Country Foods</span>

How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, such as a darker or lighter shade, to ensure that the text is readable for all users.

Affected pages/ /pages/contact-us /account/login /pages/contact /products/crush-grape

ComponentRef DPVX0J

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Element.menu-lv-1__action.list-menu__item[href$="dairy"] > .text

Accessible nameDairy, eggs & deli

Markup

<span class="text">Dairy, eggs &amp; deli</span>

How to fixIncrease the contrast between the text and background colors by using a darker or lighter shade, or add an outline to the text to improve readability.

Affected pages/ /pages/contact-us /account/login /pages/contact /products/crush-grape

ComponentRef TYQ3FX

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Element.text-underline > .text

Accessible nameRegister now

Markup

<span class="text">Register now</span>

How to fixIncrease the contrast between the text color and the background color by using a darker or lighter shade, or add a background image or texture that provides sufficient contrast.

Affected pages/ /pages/contact-us /account/login /pages/contact /products/crush-grape

ComponentRef EVEA2G

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Element.announcement-bar__message > p

Accessible nameDELIVERY Gratis en Andover, Methuen & Lawrance por compras $60+.

Markup

<p>DELIVERY <strong>Gratis</strong> en Andover, Methuen &amp; Lawrance por compras <strong>$60+</strong>.</p>

How to fixIncrease the contrast between the text color and background color by using a color combination that meets the WCAG 2.1 minimum contrast ratio thresholds.

Affected pages/ /pages/contact-us /account/login /pages/contact /products/crush-grape

ComponentRef SURF3F

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Element.menu-lv-1__action.list-menu__item--end[href$="restaurante"] > .text

Accessible nameRestaurante

Markup

<span class="text">Restaurante</span>

How to fixIncrease the contrast between the text color and background color by using a color combination that meets the WCAG 2.1 minimum contrast ratio thresholds.

Affected pages/ /pages/contact-us /account/login /pages/contact /products/crush-grape

ComponentRef EC8KPB

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Element#Search-In-Modal

Rolecombobox

Markup

<input class="search__input field_..." id="Search-In-Modal" type="search" name="q" value="" placeholder="Search for anything" autocomplete="off" role="combobox" aria-expanded="false" aria-owns="predictive-search-re..." aria-controls="predictive-search-re..." aria-haspopup="listbox" ...>

How to fixIncrease the contrast between the text color and background color of the search input field to meet the minimum contrast ratio thresholds as defined in WCAG 2.1 SC 1.4.3.

Affected pages/ /pages/contact-us /account/login /pages/contact /products/crush-grape

ComponentRef 7HWIR7

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Element#NewsletterForm--sections--25770343563564__ed6be5f5-4957-4d47-a50e-7615e4288db8

Markup

<input id="NewsletterForm--sections--25770343563564__ed6be5f5-4957-4d47-a50e-7615e4288db8" type="email" name="contact[email]" class="field__input form-input-placeholder" value="" aria-required="true" autocorrect="off" autocapitalize="off" autocomplete="off" placeholder="Your email address...">

How to fixIncrease the contrast between the text color and the background color to meet the minimum contrast ratio requirements, or provide an alternative way for users to access the information.

Affected pages/ /pages/contact-us /account/login /pages/contact /products/crush-grape

ComponentRef UR3TNI

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Elementstrong:nth-child(1)

Accessible nameGratis

Markup

<strong>Gratis</strong>

How to fixIncrease the contrast between the text color and its background by using a darker or lighter color for either the text or the background, ensuring the contrast ratio meets the WCAG 2.1 guidelines for minimum contrast.

Affected pages/ /pages/contact-us /account/login /pages/contact

ComponentRef NYA3R3

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Element.item-content > h3

Accessible nameMember's benifits

Markup

<h3 class="title">Member's benifits</h3>

How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, such as a darker or lighter shade, to improve readability.

Affected pages/ /pages/contact-us /account/login /pages/contact

ComponentRef 11PGEJ

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/account/login

Element.breadcrumb > span:nth-child(3)

Accessible nameAccount

Markup

<span>Account</span>

How to fixIncrease the contrast between the text color and background color of the 'Account' navigation element to meet the minimum contrast ratio thresholds as defined in WCAG 2.1 SC 1.4.3.

Affected pages/account/login /pages/contact /products/crush-grape

ComponentRef CG5BUR

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Element.card-price:nth-child(1) > .price--on-sale.price--sold-out.price > dl > .price__sale > .price__compare:nth-child(2) > s

Accessible name$39.99

Markup

<s class="price-item price-item--regular">
                                            $39.99
                                        </s>

How to fixAdjust the color of the text or its background to meet the minimum contrast ratio of 4.5:1 for normal text, as recommended by the Web Content Accessibility Guidelines (WCAG 2.1).

ComponentRef TVPWDX

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Element

div[data-products-to-show="10"] > .product:nth-child(5) > .product-item.product-item--border.product-item--box-shadow > .card.style-7 > .card-information > .card-information__wrapper.text-left > .card-price:nth-child(1) > .price > dl > .price__regular > .price__last > .price-item--regular.price-item > .text

Accessible nameFrom

Markup

<span class="text">From</span>

How to fixIncrease the contrast between the text color and the background color by using a darker or lighter shade, or add a background image or texture that provides sufficient contrast.

ComponentRef TOP763

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Element

.product:nth-child(2) > .product-item.product-item--border.product-item--box-shadow > .card.style-7 > .card-information > .card-information__wrapper.text-left > .card-price:nth-child(1) > .price > dl > .price__regular > .price__last > .price-item--regular.price-item > .text

Accessible nameFrom

Markup

<span class="text">From</span>

How to fixIncrease the contrast between the text color and the background color by using a darker or lighter shade, or add a background image or texture that provides sufficient contrast.

ComponentRef DJOOMV

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Element

.product:nth-child(1) > .product-item.product-item--border.product-item--box-shadow > .card.style-7 > .card-information > .card-information__wrapper.text-left > .card-price:nth-child(1) > .price--on-sale.price > dl > .price__sale > .price__compare:nth-child(2) > s

Accessible name$11.99

Markup

<s class="price-item price-item--regular">
                                            $11.99
                                        </s>

How to fixIncrease the contrast between the text color and the background color by using a darker or lighter shade for either the text or the background, ensuring the contrast ratio meets the WCAG 2.1 guidelines for minimum contrast.

ComponentRef KKLLEQ

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Elementa[data-target="#product-tab-tab_Lth8iQ"] > .text

Accessible namePerú

Markup

<span class="text">
                                    Perú
                                </span>

ComponentRef 98TAJY

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/pages/contact

Element.contact-store:nth-child(2) > .item:nth-child(1) > .text

Accessible nameEmail:

Markup

<span class="text">Email:</span>

ComponentRef JGIMAK

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/account/login

Elementinput[value="Login"]

Markup

<input type="submit" class="button button-height button--primary" value="Login">

How to fixIncrease the contrast between the text color and background color of the login button to meet the minimum contrast ratio thresholds as defined in WCAG 2.1 SC 1.4.3.

ComponentRef LTO9HB

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Elementa[data-total="46"]

Accessible nameLoad more

Markup

<a class="button button--primary" data-collection="international" data-limit="8" data-page="2" data-total="46" data-image-ratio="square" data-ratio="133" data-show-add-to-cart="true" href="#" sectionid="template--25770342580524__16498322082b8de74a">

How to fixIncrease the contrast between the text color and background color of the button to meet the minimum contrast ratio thresholds as defined in WCAG 2.1 SC 1.4.3.

ComponentRef W8CPUI

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/products/crush-grape

Element.announcement-bar__message > p > strong:nth-child(1)

Accessible nameGratis

Markup

<strong>Gratis</strong>

ComponentRef LSHJ0G

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/products/crush-grape

Element.caption-text > .text

Accessible namePickup available at 473 Haverhill Lawrence

Markup

<span class="text">
                        Pickup available at <span class="strong">473 Haverhill Lawrence</span>
                    </span>

How to fixIncrease the contrast between the text color and the background by using a darker or lighter color for either the text or the background, ensuring the contrast ratio meets the WCAG 2.1 guidelines for minimum contrast.

ComponentRef J9H3UW

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/account/login

Element.login-rowRight > .login-item > .halo-page-wrapper > .login-text

Accessible nameBy creating an account you will be able to shop faster, be up to date on an order's status, and keep track of the orders you have previously made.

Markup

<div class="login-text">
                            By creating an account you will be able to shop faster, be up to date on an order's status, and keep track of the orders you have previously made.
                        </div>

How to fixIncrease the contrast between the text color and background color to meet the minimum contrast ratio thresholds, such as using a darker or lighter background color, or a more vibrant text color.

ComponentRef Y7833P

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/pages/contact

Elementinput[value="Send"]

Rolebutton

Markup

<input type="submit" class="button button-height button--primary" value="Send" role="button">

How to fixIncrease the contrast between the text color and background color of the button to meet the minimum contrast ratio thresholds.

ComponentRef G6IPWN

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/products/crush-grape

Element.item-content > .title

Accessible nameMember's benifits

Markup

<h3 class="title">Member's benifits</h3>

How to fixAdjust the background or text color to ensure the contrast ratio meets the WCAG 2.1 guidelines for minimum contrast, which is at least 4.5:1 for normal text.

ComponentRef FUCM5W

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Elementli:nth-child(7) > .tab-links.tab-links--filter[data-collection-tag="guatemala"] > .text

Accessible nameGuatemala

Markup

<span class="text">
                                    Guatemala
                                </span>

How to fixIncrease the contrast between the text and background colors by using a darker or lighter shade for either the text or the background, ensuring a minimum contrast ratio of 4.5:1 for normal text.

ComponentRef IZBHIG

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/products/crush-grape

Element.strong

Accessible name473 Haverhill Lawrence

Markup

<span class="strong">473 Haverhill Lawrence</span>

How to fixIncrease the contrast between the text color and the background color by using a darker or lighter shade, or add a background image or texture to improve readability.

ComponentRef SHZSMQ

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Element#spr_badge_8469682979116 > .spr-badge-caption

Accessible name2

Markup

<span class="spr-badge-caption">2</span>

How to fixIncrease the contrast between the text and background colors by using a color with sufficient difference in brightness and saturation. Consider using a color contrast analyzer tool to find an accessible color combination.

Affected pages/ /products/crush-grape

ComponentRef R7NO4S

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Element

.product:nth-child(2) > .product-item.product-item--border.product-item--box-shadow > .card.style-7 > .card-information > .card-information__wrapper.text-left > .card-review.halo-productReview.card-grid__hidden > .spr-badge.spr-badge--flex[data-rating="4.67"] > .spr-badge-caption

Accessible name3

Markup

<span class="spr-badge-caption">3</span>

How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, or add a background image or texture to improve readability.

ComponentRef FMO98M

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Element

#halo-product-block-template--25770342580524__164938194387d90db5 > .container-1370.container > .banner-enable.halo-block-left.halo-block-content > .column-4.products-carousel[data-item-to-show="4"] > .product:nth-child(1) > .product-item.product-item--border.product-item--box-shadow > .card.style-7 > .card-information > .card-information__wrapper.text-left > .card-price:nth-child(1) > .price > dl > .price__regular > .price__last > .price-item--regular.price-item

Accessible name$12.00

Markup

<span class="price-item price-item--regular">
                                            $12.00
                                        </span>

How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirements. This can be achieved by using online color contrast analyzer tools to find suitable color combinations that meet accessibility standards.

ComponentRef N6FKEL

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/products/crush-grape

Element.toggleLink > .text

Accessible nameDevolución

Markup

<span class="text">
			                        Devolución
			                    </span>

How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirements. A contrast ratio of at least 4.5:1 for normal text is recommended.

ComponentRef I6CXQH

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Element

#halo-product-block-template--25770342580524__1649386132f067af8f > .container-1370.container > .halo-block-header > h3 > .text

Accessible nameBath & Body

Markup

<span class="text">
                                Bath &amp; Body
                            </span>

How to fixIncrease the contrast between the text color and its background by adjusting the CSS styles for the '.text' class, ensuring the contrast ratio meets the minimum requirements as per WCAG 2.1 guidelines.

ComponentRef ZPJAU2

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Element

.product:nth-child(1) > .product-item.product-item--border.product-item--box-shadow > .card.style-7 > .card-information > .card-information__wrapper.text-left > .card-title.card-title-ellipsis[href$="rikitaki-sandwich"] > .text

Accessible nameSandwich jamon y queso

Markup

<span class="text">
                        Sandwich jamon y queso
                    </span>

How to fixIncrease the contrast between the text color and the background color by using a darker or lighter shade, or by adding a background image or texture that provides sufficient contrast.

ComponentRef P92B25

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://eltesorosm.com/

Element

#halo-product-block-template--25770342580524__halo_product_block_3_4jnRff > .container-1370.container > .banner-enable.halo-block-left.halo-block-content > .column-4.products-carousel[data-item-to-show="4"] > .product:nth-child(1) > .product-item.product-item--border.product-item--box-shadow > .card.style-7 > .card-information > .card-information__wrapper.text-left > .card-title.card-title-ellipsis.link-underline > .text

Accessible nameChorizo Guatemalteco Brand 16 oz

Markup

<span class="text">
                        Chorizo Guatemalteco Brand 16 oz
                    </span>

How to fixIncrease the contrast between the text color and the background color by using a darker or lighter shade, or add a background image or texture that provides sufficient contrast.

High

Interactive controls must not be nested

WCAG 4.1.2 (A)5 instances5 affected pages

ComponentRef ODVA8N

Interactive controls must not be nested

Affected pagehttps://eltesorosm.com/

Element.header__search-full

Accessible nameSearch for anything

Markup

<summary class="header__search-full" aria-haspopup="dialog" aria-label="Search for anything">

How to fixEnsure that interactive controls are not nested. Instead, place them as siblings or in a container that is not interactive. For example, move the search form outside of the summary element.

Affected pages/ /pages/contact-us /account/login /pages/contact /products/crush-grape

Medium

Content sits outside any landmark region

WCAG 1.3.1 (A)5 instances5 affected pages

ComponentRef L9MMX2

Meaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.

Affected pagehttps://eltesorosm.com/

Elementdiv > div > div > div:nth-of-type(1) > div:nth-of-type(1) > h2

Accessible nameSubsribe newsletter & more

Markup

<h2 class="newsletter-item__title title element-spacing" style="--spacing-top: 0px;
                                                            --spacing-bottom: 0px;
                                                            --spacing-top-mobile: 0px;
                                                            --spacing-bottom-mobile:  10px;
                                                            --spacing-top-tablet: 0px;
                                                            --spacing-bottom-tablet: 10px;">
                                                        <span class="text"…

How to fixTo fix this issue, ensure that all meaningful content on the page is contained within a landmark region. This can be achieved by wrapping the content in a div with an appropriate ARIA role, such as 'main' or 'article', or by using HTML5 semantic elements like 'header', 'nav', 'main', 'section', 'article', 'aside', or 'footer'.

Affected pages/ /pages/contact-us /account/login /pages/contact /products/crush-grape

Medium

Touch targets are too small

WCAG 2.5.8 (AA)5 instances5 affected pages

ComponentRef EE6ZCT

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Affected pagehttps://eltesorosm.com/

Element.header__search-full

Accessible nameSearch for anything

Markup

<summary class="header__search-full" aria-haspopup="dialog" aria-label="Search for anything">

How to fixEnsure that all interactive elements, such as buttons and links, have a minimum size of 24x24px to make them easier to tap or click, especially on touch devices.

Affected pages/ /pages/contact-us /account/login /pages/contact /products/crush-grape

Medium

ARIA attributes have invalid values

WCAG 4.1.2 (A)10 instances5 affected pages

ComponentRef MAEZ3L

ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.

Affected pagehttps://eltesorosm.com/

Element#Search-In-Modal

Rolecombobox

Markup

<input class="search__input field_..." id="Search-In-Modal" type="search" name="q" value="" placeholder="Search for anything" autocomplete="off" role="combobox" aria-expanded="false" aria-owns="predictive-search-re..." aria-controls="predictive-search-re..." aria-haspopup="listbox" ...>

How to fixVerify that the referenced elements exist and that the ARIA attributes are correctly set. Ensure that the 'aria-expanded' attribute is correctly toggled when the combobox is expanded or collapsed, and that the 'aria-owns' and 'aria-controls' attributes reference the correct elements. Also, ensure that the 'aria-haspopup' attribute is set to 'true' if the combobox has a popup.

Affected pages/ /pages/contact-us /account/login /pages/contact /products/crush-grape

Medium

Links must be distinguishable without relying on color

WCAG 1.4.1 (A)1 instance1 affected page

ComponentRef APWUSA

Links must be distinguishable without relying on color

Affected pagehttps://eltesorosm.com/products/crush-grape

Elementa[href="/collections/types?q=Grape"]

Accessible nameGrape

Markup

<a href="/collections/types?q=Grape" title="Grape">Grape</a>

How to fixAdd an underline or other visual indicator to the link, or ensure that the link has sufficient contrast with its surroundings, so it can be easily identified as a link without relying on color alone.

05 · Pages inspected

/46 findings High
/products/crush-grape39 findings High
/pages/contact31 findings High
/account/login31 findings High
/pages/contact-us28 findings High

06 · About this assessment

Evolize inspects publicly accessible website pages using automated browser-based testing and deterministic accessibility rules. Automated testing can identify many reproducible technical issues but cannot determine complete WCAG or legal compliance.

Publicly accessible surfaces only — no credentials, private systems, or source-code access.
Findings apply to the pages and states successfully inspected; automated analysis may not detect every issue.
Results reflect the site at the scan date and may have changed since.

Evolize provides digital risk intelligence and does not provide legal advice, certify compliance, or guarantee that litigation will not occur. Methodology · Security · Example assessment

07 · Continuous monitoring

This public report captures one assessment. Evolize monitoring rescans the website, detects new and recurring findings, tracks changes over time and verifies corrections.

MONITOR THIS WEBSITE SEE PRICING

Is information in this report inaccurate or outdated? Request a correction or removal.

Accessibility issues detected on eltesorosm.com

01 · Accessibility summary

02 · Priority findings

03 · WCAG criteria affected

A scan shows today's exposure. Monitoring shows what changes next.

04 · All detected findings

Hidden elements can still receive keyboard focus

Modal dialog does not trap keyboard focus

Form fields use placeholder text as the only label

Text has insufficient colour contrast

Interactive controls must not be nested

Content sits outside any landmark region

Touch targets are too small

ARIA attributes have invalid values

Links must be distinguishable without relying on color

05 · Pages inspected

06 · About this assessment

07 · Continuous monitoring

Other public accessibility assessments