Public accessibility assessment

Accessibility issues detected on tropicalfruitbox.com

Evolize inspected 5 public pages on tropicalfruitbox.com and detected 99 automatically identifiable accessibility findings.

99Findings detected

12WCAG criteria affected

5Pages inspected

7 Sep 2026Assessment date

Highest detected severity: Critical · 53 high-priority findings · 100% inspected-page coverage

Most widespread issueLinks lack accessible textDetected on 5 inspected pages

Most affected page/58 findings detected

Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)43 detected findings

Is tropicalfruitbox.com your website?

Keep this assessment current and get notified when new accessibility issues are detected.

ACTIVATE MONITORING RUN A FREE ASSESSMENT

Not your website? Scan your own site →

01 · Accessibility summary

Evolize inspected 5 public pages on tropicalfruitbox.com and detected 99 accessibility findings. The most widespread issue was "Links lack accessible text", detected on 5 inspected pages. The most affected inspected page was "/", where 58 findings were detected. The assessment identified findings mapped to 12 WCAG success criterions. The sections below prioritize the broadest issues and provide technical evidence for each detected finding.

02 · Start here

These findings combine the highest severity and broadest reach detected during this assessment.

Critical
Buttons have no accessible name
WCAG 4.1.2 (A) · 5 inspected pages · 5 instances
Why this matters
Interactive buttons expose no accessible name, so their purpose cannot be determined by assistive technology.
Recommended action
Add a text description or aria-label attribute to the button element so its purpose can be determined by assistive technology.
View technical evidence →
Critical
Dropdown menus have no accessible name
WCAG 4.1.2 (A) · 5 inspected pages · 5 instances
Why this matters
Select menus expose no programmatic name, so assistive technology cannot announce what the choice is for.
Recommended action
Add an accessible name to the select element, such as using the 'label' or 'aria-label' attribute, to provide a programmatic name that can be announced by assistive technology. For example: <select aria-label='Currency' onchange='BoosterTheme.ELEMENTS.submitCurrencyChange(this)' style='width: 100%'>
View technical evidence →
Critical
Links lack accessible text
WCAG 2.4.4 (A) · 1 inspected page · 3 instances
Why this matters
Links expose no accessible name, so screen-reader users cannot determine their destination.
Recommended action
This link exposes no accessible text. Add visible text that identifies its destination, or remove the link if it serves no purpose. For an icon-only link, provide an aria-label describing where it goes. The link points to https://www.facebook.com/tropicalfruitbox.
View technical evidence →
Critical
Links lack accessible text
WCAG 2.4.4 (A) · 1 inspected page · 3 instances
Why this matters
Links expose no accessible name, so screen-reader users cannot determine their destination.
Recommended action
Add text to the link that describes its purpose, such as "Follow us on Facebook". You can use the "sr-only" class to visually hide the text but still make it accessible to screen readers.
View technical evidence →
Critical
Links lack accessible text
WCAG 2.4.4 (A) · 1 inspected page · 3 instances
Why this matters
Links expose no accessible name, so screen-reader users cannot determine their destination.
Recommended action
Add text to the link that describes its purpose, such as "Follow us on Facebook". You can use the "sr-only" class to visually hide the text but still make it accessible to screen readers.
View technical evidence →

03 · WCAG criteria affected

Criterion	Name	Level	Findings	Pages	Reach
1.4.3	Contrast (Minimum)	AA	43	5	5 / 5
2.4.4	Link Purpose (In Context)	A	17	5	5 / 5
4.1.2	Name, Role, Value	A	14	5	5 / 5
2.1.1	Keyboard	A	8	5	5 / 5
1.3.1	Info and Relationships	A	6	5	5 / 5
2.4.3	Focus Order	A	6	5	5 / 5
1.1.1	Non-text Content	A	3	5	5 / 5
2.2.2	Pause, Stop, Hide	A	2	2	2 / 5
1.2.2	Captions (Prerecorded)	A	1	1	1 / 5
1.4.10	Reflow	AA	1	1	1 / 5
2.4.1	Bypass Blocks	A	1	5	5 / 5
3.3.2	Labels or Instructions	A	1	5	5 / 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

Critical

Buttons have no accessible name

WCAG 4.1.2 (A)7 instances5 inspected pages

Interactive buttons expose no accessible name, so their purpose cannot be determined by assistive technology.

Why it matters

Interactive buttons expose no accessible name, so their purpose cannot be determined by assistive technology.

Recommended correction

Add a text description or aria-label attribute to the button element so its purpose can be determined by assistive technology.

View 7 affected elements

Component · Ref 0K219X

Affected pagehttps://tropicalfruitbox.com/products/get-well

Element.search__icon--submit

Markup

<button type="submit" class="search__icon--submit"><i class="uil uil-search"></i></button>

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Component · Ref 1K7ZOD

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Element.filter__view.hide-mobile:nth-child(2)

Accessible name.cls-1 {fill-rule: evenodd;}

Markup

<button class="filter__view hide-mobile" onclick="BoosterTheme.ELEMENTS.toggleCollectionView('detail', this);">

Component · Ref 7JU40I

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Element.view--active

Accessible name.cls-1 {fill-rule: evenodd;}

Markup

<button class="filter__view hide-mobile view--active" onclick="BoosterTheme.ELEMENTS.toggleCollectionView('card', this);">

Critical

Links lack accessible text

WCAG 2.4.4 (A)27 instances5 inspected pages

Links expose no accessible name, so screen-reader users cannot determine their destination.

Why it matters

Links expose no accessible name, so screen-reader users cannot determine their destination.

Recommended correction

This link exposes no accessible text. Add visible text that identifies its destination, or remove the link if it serves no purpose. For an icon-only link, provide an aria-label describing where it goes. The link points to https://www.facebook.com/tropicalfruitbox.

View 27 affected elements

Component · Ref 6BNB8J

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Element.icon-link:nth-child(3)

Markup

<a class="icon-link" href="https://www.instagram.com/tropicalfruitboxusa/"><i class="uil uil-instagram"></i></a>

Component · Ref BTAHI6

Affected pagehttps://tropicalfruitbox.com/

Element.icon-link:nth-child(4)

Markup

<a class="icon-link" href="https://twitter.com/tropifruitbox"><i class="uil uil-twitter"></i></a>

Component · Ref 7HFU8B

Affected pagehttps://tropicalfruitbox.com/blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets

Element.icon-link:nth-child(4)

Markup

<a class="icon-link" href="https://twitter.com/tropifruitbox"><i class="uil uil-twitter"></i></a>

Component · Ref 8J183I

Affected pagehttps://tropicalfruitbox.com/products/get-well

Element.icon-link:nth-child(2)

Markup

<a class="icon-link" href="https://www.facebook.com/tropicalfruitbox"><i class="uil uil-facebook-f"></i></a>

Component · Ref KFIE92

Affected pagehttps://tropicalfruitbox.com/pages/contact-tropical-fruit-box

Element.icon-link:nth-child(2)

Markup

<a class="icon-link" href="https://www.facebook.com/tropicalfruitbox"><i class="uil uil-facebook-f"></i></a>

Component · Ref FRG4PT

Affected pagehttps://tropicalfruitbox.com/

Element.col-md-1-5.footer__block.col-md:nth-child(4) > .footer__image--link

Markup

<a class="footer__image--link" href="https://www.bbb.org/us/fl/miami/profile/fruit-shippers/tropical-fruit-box-0633-90591085#bbbseal">

Component · Ref 57W3K7

Affected pagehttps://tropicalfruitbox.com/blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets

Element.col-md-4 > .footer__image--link

Markup

<a class="footer__image--link" href="https://fuego.io/share/iCUG7Zc6VW">

Component · Ref 3OLIOZ

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Element.footer__block.col-md.middle:nth-child(7) > .footer__image--link

Markup

<a class="footer__image--link" href="https://fuego.io/share/iCUG7Zc6VW">

Component · Ref ASX0MQ

Affected pagehttps://tropicalfruitbox.com/products/get-well

Element.col-md-4 > .footer__image--link

Markup

<a class="footer__image--link" href="https://fuego.io/share/iCUG7Zc6VW">

Component · Ref NABG8A

Affected pagehttps://tropicalfruitbox.com/pages/contact-tropical-fruit-box

Element.col-md-4 > .footer__image--link

Markup

<a class="footer__image--link" href="https://fuego.io/share/iCUG7Zc6VW">

Component · Ref TL57Y1

Affected pagehttps://tropicalfruitbox.com/blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets

Element.col-md-1-5.footer__block.center:nth-child(4) > .footer__image--link

Markup

<a class="footer__image--link" href="https://www.bbb.org/us/fl/miami/profile/fruit-shippers/tropical-fruit-box-0633-90591085#bbbseal">

Component · Ref 8SYQGC

Affected pagehttps://tropicalfruitbox.com/products/get-well

Element.col-md-1-5.footer__block.center:nth-child(4) > .footer__image--link

Markup

<a class="footer__image--link" href="https://www.bbb.org/us/fl/miami/profile/fruit-shippers/tropical-fruit-box-0633-90591085#bbbseal">

Component · Ref 95XALW

Affected pagehttps://tropicalfruitbox.com/pages/contact-tropical-fruit-box

Element.col-md-1-5.footer__block.center:nth-child(4) > .footer__image--link

Markup

<a class="footer__image--link" href="https://www.bbb.org/us/fl/miami/profile/fruit-shippers/tropical-fruit-box-0633-90591085#bbbseal">

Component · Ref ULVOBG

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Element.col-md-1-5.footer__block.col-md:nth-child(4) > .footer__image--link

Markup

<a class="footer__image--link" href="https://www.bbb.org/us/fl/miami/profile/fruit-shippers/tropical-fruit-box-0633-90591085#bbbseal">

Component · Ref HX1EHI

Affected pagehttps://tropicalfruitbox.com/

Element.footer__block.col-md.col-md-4 > .footer__image--link

Markup

<a class="footer__image--link" href="https://fuego.io/share/iCUG7Zc6VW">

Component · Ref MSCD1O

Affected pagehttps://tropicalfruitbox.com/

Element.lookbook__product--title

Markup

<a class="lookbook__product--title" href=""></a>

Component · Ref M5FGAC

Affected pagehttps://tropicalfruitbox.com/

Elementa[href=""]:nth-child(1)

Markup

<a href=""><img loading="lazy" height="" width="" class="lazyload " src="//tropicalfruitbox.com/cdn/shopifycloud/storefront/assets/no-image-2048-a2addb12_200x.gif" alt="" data-src="//tropicalfruitbox.com/cdn/shopifycloud/storefront/assets/no-image-2048-a2addb12_200x.gif" data-bstr-initd="true"></a>

Critical

Dropdown menus have no accessible name

WCAG 4.1.2 (A)6 instances5 inspected pages

Select menus expose no programmatic name, so assistive technology cannot announce what the choice is for.

Why it matters

Select menus expose no programmatic name, so assistive technology cannot announce what the choice is for.

Recommended correction

Add an accessible name to the select element, such as using the 'label' or 'aria-label' attribute, to provide a programmatic name that can be announced by assistive technology. For example: <select aria-label='Currency' onchange='BoosterTheme.ELEMENTS.submitCurrencyChange(this)' style='width: 100%'>

View 6 affected elements

Component · Ref ZJDF16

Affected pagehttps://tropicalfruitbox.com/

Element.i18n__holder > .shopify-currency-form[method="post"][action="/cart/update"] > select

Accessible nameUSD ($)

Markup

<select onchange="BoosterTheme.ELEMENTS.submitCurrencyChange(this)" style="width: 100%">
                    
                        <option value="USD" selected="">
                            USD ($)
                        </option>
                    
                    </select>

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Component · Ref I0OH0D

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Element#sort-by

Accessible nameFeatured Most relevant Best selling Alphabetically, A-Z Alphabetically, Z-A Price, low to high Price, high to low Date, old to new Date, new to old

Markup

<select onchange="BoosterTheme.ELEMENTS.renderSort(this)" id="sort-by">

Critical

Embedded frames lack descriptive titles

WCAG 4.1.2 (A)1 instance1 inspected page

An <iframe> has no title, so its purpose is not announced to assistive technology.

Why it matters

An <iframe> has no title, so its purpose is not announced to assistive technology.

Recommended correction

Add a title attribute to the iframe element to describe its purpose, such as <iframe title="Contact form">

View 1 affected element

Component · Ref FUKKRX

Affected pagehttps://tropicalfruitbox.com/pages/contact-tropical-fruit-box

Elementiframe[data-testid="iframe"]

Markup

<iframe src="https://form.typefor..." data-testid="iframe" allow="microphone; camera" style="border: 0px; transfo...">

Critical

Form fields are missing labels

WCAG 1.3.1 (A)1 instance1 inspected page

Form inputs have no programmatically associated label, so assistive technology cannot announce what to enter.

Why it matters

Form inputs have no programmatically associated label, so assistive technology cannot announce what to enter.

Recommended correction

Associate a <label> with each field via for/id, or use aria-label / aria-labelledby. Placeholder text is not a label.

View 1 affected element

Component · Ref MGUTDQ

Affected pagehttps://tropicalfruitbox.com/products/get-well

Element.quantity--input__input

Markup

<input class="quantity--input__input" value="1" data-qty-input="" type="number" name="quantity" min="1">

High

ARIA hidden element must not be focusable or contain focusable elements

WCAG 4.1.2 (A)5 instances5 inspected pages

ARIA hidden element must not be focusable or contain focusable elements

Why it matters

ARIA hidden element must not be focusable or contain focusable elements

Recommended correction

To fix this issue, ensure that the ARIA hidden element with the role 'dialog' does not contain any focusable elements. You can achieve this by removing the 'tabindex' attribute or setting it to '-1' for all focusable elements within the dialog. Additionally, verify that no interactive elements, such as buttons or links, are present within the hidden dialog.

View 5 affected elements

Component · Ref O5KG0R

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Element#rebuy-cart

Accessible nameYour Cart

Roledialog

Markup

<div id="rebuy-cart" role="dialog" aria-modal="true" aria-labelledby="SmartCart_title" aria-hidden="true" class="rebuy-cart currency-USD">

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

High

Text has insufficient colour contrast

WCAG 1.4.3 (AA)171 instances5 inspected pages

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

Why it matters

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

Recommended correction

To improve accessibility, consider adjusting the colors used for the text and background of the 'Sign up' button to meet the minimum contrast ratio thresholds as defined by WCAG 2.1 SC 1.4.3. A contrast ratio of at least 4.5:1 for normal text is recommended. You can use online tools to check and adjust the contrast ratio.

View 171 affected elements

Component · Ref VDEEIX

Affected pagehttps://tropicalfruitbox.com/blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets

Element.go3576849949

Accessible nameSign up

Markup

<button type="button" tabindex="0" data-action-id="016JB91VT000000000000V6FEF" class="needsclick go3576849949 go4033861592 klaviyo-form-button kl-private-reset-css-Xuajs1">Sign up</button>

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Component · Ref DRBDP9

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Elementa[target="_blank"]:nth-child(3)

Accessible nameCCPA Opt-Out Form

Markup

<a href="https://tropicalfruitbox.com/pages/ccpa-opt-out-form" target="_blank" title="https://tropicalfruitbox.com/pages/ccpa-opt-out-form">CCPA Opt-Out Form</a>

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Component · Ref 40XS3N

Affected pagehttps://tropicalfruitbox.com/

Element#richtext--16291943304f0e977d-1 > p

Accessible nameIf for ANY reason, your fruit is not fresh, reach out and we'll make it right!

Markup

<p>If for ANY reason, your fruit is not fresh, reach out and we'll make it right!</p>

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Component · Ref 3R1FRV

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Element.subfooter__block > div > .footer__text > p

Markup

<p>

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Component · Ref 3SJRWM

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Element.info-badge.s__block.s__block--infoBadge:nth-child(2) > .info-badge__text > .info-badge__subheading

Accessible nameGet it fresh or we'll make it right!

Markup

<span class="info-badge__subheading">Get it fresh or we'll make it right!</span>

Affected pages/collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Component · Ref WD7OLC

Affected pagehttps://tropicalfruitbox.com/blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets

Element.info-badge.s__block.s__block--infoBadge:nth-child(3) > .info-badge__text > .info-badge__heading.h-reset

Accessible nameBest Customer Service

Markup

<h3 class="h-reset info-badge__heading">Best Customer Service</h3>

Affected pages/collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Component · Ref DRBDR4

Affected pagehttps://tropicalfruitbox.com/pages/contact-tropical-fruit-box

Elementp > a[target="_blank"]:nth-child(1)

Accessible namePrivacy Policy

Markup

<a href="https://tropicalfruitbox.com/pages/tropical-fruit-box-privacy-policy" target="_blank" title="https://tropicalfruitbox.com/pages/tropical-fruit-box-privacy-policy">Privacy Policy</a>

Affected pages/collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets

Component · Ref B38G1R

Affected pagehttps://tropicalfruitbox.com/blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets

Element

.header__utility.header__element--width > .minicart__button.minicart__button--shopping-cart > .minicart__label[data-cart-settings="count"][data-cart-container=""] > .item__count[data-count=""][data-last-update="1788799141292"]

Markup

<span class="item__count" data-count="" data-last-update="1788799141292">0</span>

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Component · Ref 3V7VWL

Affected pagehttps://tropicalfruitbox.com/products/get-well

Element.footer__text > p > a[target="_blank"]:nth-child(1)

Accessible namePrivacy Policy

Markup

<a href="https://tropicalfruitbox.com/pages/tropical-fruit-box-privacy-policy" target="_blank" title="https://tropicalfruitbox.com/pages/tropical-fruit-box-privacy-policy">Privacy Policy</a>

Affected pages/ /products/get-well

Component · Ref EP0IHN

Affected pagehttps://tropicalfruitbox.com/products/get-well

Elementspan[data-button-text=""]

Accessible nameAdd to cart

Markup

<span data-button-text="">Add to cart</span>

Affected pages/ /products/get-well

Component · Ref 81QZWY

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Element

div[data-handle="star-fruit-carambola-box"] > .card--default.card--noButton > .pl-parent.card__img--container > .card__img--ratio > .card__img > .card__tags > .tag--sale.tag

Accessible namesale

Markup

<span class="tag tag--sale">sale</span>

Component · Ref BCUZM0

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Element

.pl-parent.card__img--container[href$="ataulfo-mango-box"] > .card__img--ratio > .card__img > .card__tags > .tag--soldout.tag

Accessible nameSold out

Markup

<span class="tag tag--soldout">Sold out</span>

Component · Ref 88DQ4F

Affected pagehttps://tropicalfruitbox.com/products/get-well

Elementcsm-cookie-consent,#isense-cc-cookie-bar-text

Markup

<span id="isense-cc-cookie-bar-text" tabindex="-1" data-csm-description="true" class="a48BBEL2Cpzl0dxNZ7ji">

Affected pages/pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Component · Ref 5BN0TL

Affected pagehttps://tropicalfruitbox.com/

Element.title--1629211074d0e2d35e-0

Accessible nameCorporate Gift Orders

Markup

<h2 class="h-reset title--1629211074d0e2d35e-0
font__size--big font__family--title">Corporate Gift Orders</h2>

Component · Ref 059LAR

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Element

.card--holder.col-md-4.center:nth-child(14) > .card--default.card--noButton > .pl-parent.card__img--container > .card__img--ratio > .card__img > .card__tags > .tag--sale.tag

Accessible namesale

Markup

<span class="tag tag--sale">sale</span>

Component · Ref AQVPNA

Affected pagehttps://tropicalfruitbox.com/

Element

#s--template--22375221002425__16265529277430f275 > .s__content.layout__content.row > .showMore.center.col-12 > .button--primary.button--primary__filled.button--filled

Accessible nameShow more

Markup

<a class="button button--primary button--filled  button--primary__filled " href="/collections/popular-fruit-boxes">Show more</a>

Component · Ref DTNCFU

Affected pagehttps://tropicalfruitbox.com/

Element

#s--template--22375221002425__section_featured_collection_E8Hnk4 > .s__content.layout__content.row > .column.section__heading.center > .section__heading--heading > h2

Accessible nameTropical Avocado Boxes

Markup

<h2 class="h-reset font__family--title">Tropical Avocado Boxes</h2>

Component · Ref QWF6PZ

Affected pagehttps://tropicalfruitbox.com/

Element.info-badge.s__block--infoBadge.icon--left:nth-child(3) > .info-badge__text > .info-badge__subheading

Accessible nameWe are here for you 24/7

Markup

<span class="info-badge__subheading">We are here for you 24/7</span>

Component · Ref 605WE0

Affected pagehttps://tropicalfruitbox.com/

Element.button--primary.button--primary__filled[href$="specialty-boxes"]

Accessible nameShow more

Markup

<a class="button button--primary button--filled  button--primary__filled " href="/collections/specialty-boxes">Show more</a>

Component · Ref EU2X1W

Affected pagehttps://tropicalfruitbox.com/blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets

Elementh2:nth-child(11) > span

Accessible nameWhy Gourmet Fruit Gifts Beat Ordinary Gift Baskets

Markup

<span>Why Gourmet Fruit Gifts Beat Ordinary Gift Baskets</span>

Component · Ref I0I1OH

Affected pagehttps://tropicalfruitbox.com/

Element.info-badge.s__block--infoBadge.icon--left:nth-child(1) > .info-badge__text > .info-badge__heading

Accessible nameFree Shipping

Markup

<h3 class="h-reset info-badge__heading">Free Shipping</h3>

Component · Ref GDUWIM

Affected pagehttps://tropicalfruitbox.com/

Element.slide__button.button--secondary.button--secondary__filled

Accessible nameBuild Your Box

Markup

<a style="margin-left: 8px;" class="button button--secondary button--filled  button--secondary__filled animate slide__button" href="/collections/build-your-own-tropical-exotic-fruit-box">Build Your Box</a>

Component · Ref XFKLMM

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Elementh1

Accessible nameAll products

Markup

<h1 class="h-reset font__size--medium">All products </h1>

Component · Ref DCHGDU

Affected pagehttps://tropicalfruitbox.com/

Element

#maxWidth--template--22375221002425__6ca816cf-00ef-4c36-8db2-99ec59d2c8f5 > .column.section__heading.center > .section__heading--heading > h2

Accessible nameFAQs

Markup

<h2 class="h-reset font__family--title">FAQs</h2>

Component · Ref M91VEX

Affected pagehttps://tropicalfruitbox.com/products/get-well

Element.col-12:nth-child(2) > h2

Accessible nameReviews & Ratings

Markup

<h2 style="margin: 0 auto;">Reviews &amp; Ratings</h2>

Showing 25 representative examples · 18 more affected elements not shown

High

Hidden elements can still receive keyboard focus

WCAG 2.4.3 (A)50 instances5 inspected pages

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

Why it matters

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

Recommended correction

To fix this issue, ensure that the element is either visible when it receives focus or is removed from the tab order. This can be achieved by adding 'tabindex="-1"' to the element or by making it visible when focused, for example, by adding a style rule that changes its visibility or opacity when it has focus.

View 50 affected elements

Component · Ref FF6XC4

Affected pagehttps://tropicalfruitbox.com/blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets

Elementspan:nth-of-type(1) > div > span:nth-of-type(1) > div > span:nth-of-type(5) > a

Accessible nameKids Activity Box

Markup

<a href="/products/tropi-kids-fruit-activity-box" class="nav__link ">
                


<div><span class="nav__link__title">Kids Activity Box</span></div>
            </a>

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Component · Ref IY4051

Affected pagehttps://tropicalfruitbox.com/

Elementa#fuego-button

Accessible nameGET

Markup

<a id="fuego-button" class="f-btn" target="_blank" href="{{ app.metafields.fuego.appBanner.value.buttonUrl }}">
    GET
  </a>

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Component · Ref NX1MMN

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Elementdiv#shopify-section-header--default > header:nth-of-type(2) > div > div:nth-of-type(1) > a

Accessible namelogo

Markup

<a href="/" class="logo-img  logo--default-available logo--mobile-available logo--transparent-available">
<img height="131" width="500" src="//tropicalfruitbox.com/cdn/shop/files/Tropical-Fruit-Box-Horizontal_256x.png?v=1628905639" alt="logo" class="logo--default">
<img height="105" width="400" src="//tropicalfruitbox.com/cdn/shop/files/tropicalfruitboxlogo-400_4da11193-7d71-4b59-9844-288917ef537f_256x.png?v=1628904504" alt="logo" class="hide-desktop logo--mobile">
<img height="200" width="600" src="//tropicalfruitbox.com/cdn/shop/files/TropicalFruitBoxLogo_256x.png?v=1625021258" alt="logo" cl…

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Component · Ref X3NU1Q

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Elementdiv > nav > span:nth-of-type(1) > div > span:nth-of-type(1) > a

Accessible nameVariety Boxes

Markup

<a href="/collections/variety-boxes" class="nav__link ">
                


<div><span class="nav__link__title">Variety Boxes</span></div>
            </a>

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Component · Ref 9CY25

Affected pagehttps://tropicalfruitbox.com/

Elementdiv#shopify-section-header--default > header:nth-of-type(2) > div > nav > span:nth-of-type(1) > a

Accessible nameAll Boxes

Markup

<a class="nav__link " href="/collections/tropical-fruit-boxes-1">

All Boxes</a>

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)32 instances5 inspected pages

A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.

Why it matters

A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.

Recommended correction

Use a native <button>/<a>, or add tabindex="0" plus keyboard event handlers (Enter/Space) to custom controls.

View 32 affected elements

Component · Ref 9ABTIP

Affected pagehttps://tropicalfruitbox.com/blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets

Elementdiv#quickbuy__modal > div:nth-of-type(1)

Markup

<div onclick="closeModal(event)" class="overlay"></div>

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Component · Ref 2Q89RD

Affected pagehttps://tropicalfruitbox.com/products/get-well

Elementdiv#shopify-section-header--default > header:nth-of-type(2) > div > div:nth-of-type(2) > span

Markup

<span class="search__icon" onclick="BoosterTheme.ELEMENTS.openSearch(this)"><i class="uil uil-search"></i></span>

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Component · Ref UMW9PH

Affected pagehttps://tropicalfruitbox.com/

Elementdiv#shopify-section-header--default > div > div:nth-of-type(2) > h4 > span

Markup

<span onclick="BoosterTheme.ELEMENTS.closeSearch(this)"><i class="uil uil-multiply"></i></span>

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Component · Ref 0QGZK4

Affected pagehttps://tropicalfruitbox.com/products/get-well

Elementdiv#shopify-section-header--default > div > div:nth-of-type(1)

Markup

<div class="search__overlay" onclick="BoosterTheme.ELEMENTS.closeSearch(this)"></div>

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Component · Ref FQ5ZZE

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Elementhtml > body > div:nth-of-type(2) > div:nth-of-type(3) > div:nth-of-type(1)

Markup

<div onclick="closeModal(event)" class="overlay add-to-cart__success--overlay"></div>

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Component · Ref 89MDLN

Affected pagehttps://tropicalfruitbox.com/products/get-well

Elementform#\[object\ HTMLInputElement\] > div:nth-of-type(5) > div:nth-of-type(1) > span:nth-of-type(2)

Accessible name+

Markup

<span class="quantity--input__button quantity--input__decr" onclick="BoosterTheme.cart.quantityHandler(event, true, false)">+</span>

High

Form fields use placeholder text as the only label

WCAG 1.3.1 (A)5 instances5 inspected pages

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.

Why it matters

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.

Recommended correction

Add a visible label to the form field, ensuring it remains visible even after the user starts typing. Use the 'label' HTML element and associate it with the input field using the 'for' attribute. For example: <label for='q'>Search:</label> <input id='q' autocomplete='off' placeholder='Soursop...' name='q' onfocus='BoosterTheme.ELEMENTS.openSearch(this)' type='search' data-search='' data-bstr-initd='true'>

View 5 affected elements

Component · Ref COBMUG

Affected pagehttps://tropicalfruitbox.com/blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets

Elementdiv#shopify-section-header--default > div > div:nth-of-type(2) > form > input

Markup

<input autocomplete="off" placeholder="Soursop..." name="q" onfocus="BoosterTheme.ELEMENTS.openSearch(this)" type="search" data-search="" data-bstr-initd="true">

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

High

Images lack text alternatives

WCAG 1.1.1 (A)16 instances5 inspected pages

Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.

Why it matters

Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.

Recommended correction

Add an alt attribute to the img tag with a descriptive text of the image content, e.g., alt="BBB rating image". This will provide a text alternative for users using assistive technology.

View 16 affected elements

Component · Ref GOL3WL

Affected pagehttps://tropicalfruitbox.com/pages/contact-tropical-fruit-box

Elementimg[height="79"]

Markup

<img src="//tropicalfruitbox.com/cdn/shop/files/bbbrating_400x.png?v=1729625206" loading="lazy" height="79" width="301" class="lazyload" data-src="//tropicalfruitbox.com/cdn/shop/files/bbbrating_400x.png?v=1729625206" style="width: 100%;" data-bstr-initd="true">

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Component · Ref EJA7HP

Affected pagehttps://tropicalfruitbox.com/blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets

Element.article__featured--shadow

Markup

<img loading="lazy" data-src="//tropicalfruitbox.c..." height="1707" width="2560" class="article__featured--s..." src="//tropicalfruitbox.c..." data-bstr-initd="true">

High

List items are not inside a list

WCAG 1.3.1 (A)25 instances5 inspected pages

A <li> appears outside a <ul> or <ol>, so the list relationship is not conveyed to assistive technology.

Why it matters

A <li> appears outside a <ul> or <ol>, so the list relationship is not conveyed to assistive technology.

Recommended correction

Wrap related <li> elements in a <ul> or <ol>, or use a different element for non-list content.

View 25 affected elements

Component · Ref USVVUD

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Elementli[data-gmmi="1"]

Accessible nameShop Gifts By Recipient For Mom For Dad For Lovers For Family & Friends By Occasion Birthday Gifts Holiday Gifts Get Well Soon By Type Corporate Gifts Popular Gift Boxes Fruits Signature Fruits Mangos Dragon Fruit PinkGlow Pineapple Avocados Fruit Families Citrus Fruits Banana & Plantain Coconut Pineapple Varieties Guava Varieties Sapote Family Persimmon Varieties Exotic Melons Dates & Figs Box Types Tropical Fruit Boxes Specialty Boxes Wellness Immune Boosting Fruits Juicing & Smoothies Detox & Cleanse Anti-Inflammatory Superfoods Low Sugar / Keto Friendly Regional Asian Exotics Asian Exotic Tropical Fruits Dragon Fruit Latin / Caribbean Caribbean Tropical Fruits Banana & Plantain Avocados Snacks & Honey March Snacks Honey Merch Swag More Deals & Savings BOGO Deals On Sale Specials Subscribe & Save Seasonal & Availability New In-Season Fruits Exotics In Season Seasonal Favorites Out of Season Shop by Price Under $50 Under $100 Under $150 Over $100

Markup

<li data-gmmi="1" data-gmdi="1" class="gm-item gm-level-0 gm-has-submenu gm-submenu-mega gm-submenu-align-full">

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

High

Elements must only use permitted ARIA attributes

WCAG 4.1.2 (A)61 instances3 inspected pages

Elements must only use permitted ARIA attributes

Why it matters

Elements must only use permitted ARIA attributes

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 61 affected elements

Component · Ref YMVFLD

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Elementdiv[title="4.75 Stars - 48"]

Accessible name4.75 Stars - 48

Markup

<div class="ruk_rating_snippet" data-sku="longan-fruit-box;Tro..." rating-snippet-batch="0" style="color: rgb(243, 198,..." title="4.75 Stars - 48" aria-label="4.75 Stars - 48" data-done="true" data-retrieved="true" tabindex="0">

Affected pages/ /collections/all-products

Component · Ref KQVR59

Affected pagehttps://tropicalfruitbox.com/

Element

.card--holder.col-md-4.col-12:nth-child(1) > .card--default.card--noButton > .card__info > div[title="5 Star - 1"][aria-label="5 Star - 1"][data-done="true"]

Accessible name5 Star - 1

Markup

<div class="ruk_rating_snippet" data-sku="u-pick-custom-box;Fru/Cr-Yo-1;46699619287225" rating-snippet-batch="0" style="color: rgb(243, 198, 94);" title="5 Star - 1" aria-label="5 Star - 1" data-done="true" data-retrieved="true" tabindex="0">

Component · Ref 26FN0I

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Element

div[data-handle="dragon-fruit-box"] > .card--default.card--noButton > .card__info > div[title="4.58 Stars - 31"][aria-label="4.58 Stars - 31"][rating-snippet-batch="0"]

Accessible name4.58 Stars - 31

Markup

<div class="ruk_rating_snippet" data-sku="dragon-fruit-box;Fru..." rating-snippet-batch="0" style="color: rgb(243, 198,..." title="4.58 Stars - 31" aria-label="4.58 Stars - 31" data-done="true" data-retrieved="true" tabindex="0">

Component · Ref 28YXQI

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Element

.card--holder.col-md-4.center:nth-child(14) > .card--default.card--noButton > .card__info > div[title="5 Star - 1"][aria-label="5 Star - 1"][rating-snippet-batch="0"]

Accessible name5 Star - 1

Markup

<div class="ruk_rating_snippet" data-sku="pinkglow-pink-pineap..." rating-snippet-batch="0" style="color: rgb(243, 198,..." title="5 Star - 1" aria-label="5 Star - 1" data-done="true" data-retrieved="true" tabindex="0">

Component · Ref L9V5Q0

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Element

.card--soldout.card--default.card--noButton > .card__info > div[title="5 Star - 1"][aria-label="5 Star - 1"][rating-snippet-batch="0"]

Accessible name5 Star - 1

Markup

<div class="ruk_rating_snippet" data-sku="tropical-mango-box;Tr/Fr/Tm-1;Tr/Fr/Tm-2;47092296515769;47092296548537" rating-snippet-batch="0" style="color: rgb(243, 198, 94);" title="5 Star - 1" aria-label="5 Star - 1" data-done="true" data-retrieved="true" tabindex="0">

Component · Ref XS5V8N

Affected pagehttps://tropicalfruitbox.com/products/get-well

Elementem

Accessible nameNo reviews collected for this product yet

Markup

<em class="R-TextBody R-TextBody--xs R-TextBody--inline" aria-label="No reviews collected for this product yet">- No reviews collected for this product yet -</em>

Medium

Content sits outside any landmark region

WCAG 1.3.1 (A)5 instances5 inspected pages

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

Why it matters

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

Recommended correction

Wrap the content in a landmark element (header, nav, main, footer, or aside) to enable assistive technology users to navigate to it via landmark navigation. For example, wrap the paragraph with id 'fuego-line2' in a 'main' or 'aside' element.

View 5 affected elements

Component · Ref 3JBM3A

Affected pagehttps://tropicalfruitbox.com/collections/all-products

Elementp#fuego-line2

Accessible nameDownload to access exclusive savings and promotions!

Markup

<p id="fuego-line2" class="f-l2">Download to access exclusive savings and promotions!</p>

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Medium

No skip link to main content

WCAG 2.4.1 (A)5 instances5 inspected pages

The page offers no bypass mechanism, so keyboard users must tab through the full navigation before reaching the main content on every page.

Why it matters

The page offers no bypass mechanism, so keyboard users must tab through the full navigation before reaching the main content on every page.

Recommended correction

To fix this issue, add a skip link to the main content at the top of the page. This link should be visible to screen readers and keyboard users, allowing them to bypass the navigation and directly access the main content. The link can be hidden from view using CSS, but should be focusable and readable by assistive technologies.

View 5 affected elements

Component · Ref Y9FVTA

Affected pagehttps://tropicalfruitbox.com/pages/contact-tropical-fruit-box

Elementhtml > body

Accessible nameTropical Fruit Box App Download to access exclusive savings and promotions! GET var script = document.createElement('script'); script.async = true; script.type = 'text/javascript'; var target = 'https://www.clickcease.com/monitor/stat.js'; script.src = target;var elem = document.head;elem.appendChild(script); <a href='https://www.clickcease.com' rel='nofollow'><img src='https://monitor.clickcease.com/stats/stats.aspx' alt='ClickCease'/></a> $15 off $109+ with code LABOR15. .page__header { width: 100%; background: var(--bodyBackgroundColor); --height: 75px; --logoWidth: 200px; --logoHeight: 0px; --accent: #04a7a7; --linkColor: #753e3e; --tagColor: #000000; --tagText: #ffffff; display: flex; margin: 0 auto; } .page__header.page__header--transparent { --accent: #efefef; --linkColor: #ffffff; background: transparent; box-shadow: none; } .page__header.page__header--sticky { position: fixed; top: 0; width: 100%; left: 50%; transform: translateX(-50%); z-index: 10; } .page__header--transparent .logo--transparent-available .logo--default, .page__header--transparent .logo--transparent-available .logo--mobile { display: none; } .page__header--transparent .logo--transparent-available .logo--transparent { display: block; } .page__header--width { width: 100%; margin: 0 auto; display: flex; padding: 0 1rem; align-items: center; position: relative; } .main__navigation *, .mobile__navigation * { text-decoration: none; } .header__element--width { width: 100%; } .logo-img img { max-width: min(var(--logoWidth), 100%); width: 100%; height: 100%; object-fit: contain; object-position: left center; } .nav__link__tag { text-transform: uppercase; font-size: max(0.6em, 11px); padding: 0.4em; background: var(--tagColor); color: var(--tagText); margin-left: 0.5em; border-radius: 0.25em; position: relative; z-index: 1; } .page__header .header__utility { color: var(--linkColor); } .page__header .header__utility .minicart__holder, .page__header .header__utility .i18n__holder, .page__header .header__utility .user__holder, .page__header .search__container--inline { --linkColor: var(--gLinkColor); } @media screen and (min-width: 768px){ .page__header .nav__submenu--mega a:not(.button):hover, .header__logo:hover a { color: var(--accent); } .main__navigation { width: 100%; } .main__navigation--center { text-align: center; } .main__navigation--end { text-align: right; } .nav__link { display: flex; } .nav__link__holder { text-align: left; } .main__navigation > .nav__link__holder > .nav__link { align-items: center; } .main__navigation > .nav__link__holder { height: 100%; display: inline-block; } .main__navigation > .nav__link__holder > .nav__link { text-align: center; display: inline-flex; padding: 0.1rem 1.25rem; margin: 0rem 0.15rem; width: calc(100% - 0.3rem); height: 100%; align-items: center; white-space: nowrap; } .nav__link__holder:hover > .nav__link, .nav__link__holder.nav__link--active > .nav__link { color: var(--accent); } .nav__link--fill::before { content: ''; position: absolute; left: 0.5em; top: 50%; transform: translateY(-50%); opacity: 0; height: 2.25em; background: var(--accent); width: calc(100% - 1em); transition: opacity 0.25s; border-radius: var(--borderRadiusSmall); } .nav__link__holder:hover .nav__link--fill::before, .nav__link__holder.nav__link--active .nav__link--fill::before { opacity: 0.1; } .main__navigation.main__navigation--opacity:hover > .nav__link__holder > .nav__link { opacity: 0.6; transition: opacity 0.25s; } .main__navigation.main__navigation--opacity > .nav__link__holder:hover > .nav__link { opacity: 1; } .nav__link--underline::after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; background: var(--accent); width: 0%; transition: width 0.25s; } .nav__link__holder:hover .nav__link--underline::after, .nav__link__holder.nav__link--active .nav__link--underline::after { width: 100%; } .nav__link--strikethrough::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 3px; background: var(--accent); width: 0%; transition: width 0.25s; } .nav__link__holder:hover .nav__link--strikethrough::after, .nav__link__holder.nav__link--active .nav__link--strikethrough::after { width: 100%; } .nav__link--dotBelow::after { content: ''; position: absolute; left: 50%; top: calc(50% + 1em); margin-left: -3px; height: 6px; width: 6px; border-radius: 50%; background: var(--accent); opacity: 0; transition: opacity 0.25s; } .nav__link--dotAbove::after { content: ''; position: absolute; left: 50%; bottom: calc(50% + 1em); margin-left: -3px; margin-top: -3px; height: 6px; width: 6px; border-radius: 50%; background: var(--accent); opacity: 0; transition: opacity 0.25s; } .nav__link__holder:hover .nav__link--dotBelow::after, .nav__link__holder:hover .nav__link--dotAbove::after, .nav__link__holder.nav__link--active .nav__link--dotBelow::after, .nav__link__holder.nav__link--active .nav__link--dotAbove::after { opacity: 1; } .nav__link__holder.nav__link__holder--regular, .nav__link { position: relative; } .nav__submenu { visibility: hidden; position: absolute; opacity: 0; background: var(--bodyBackgroundColor); min-width: 200px; padding: .75rem; z-index: -1; transform: translateX(-50%) translateY(10%); left: 50%; border-bottom-left-radius: var(--borderRadiusSmall); border-bottom-right-radius: var(--borderRadiusSmall); box-shadow: 0px 0px 30px rgba(0,0,0,0.06); --linkColor: var(--gLinkColor); } .nav__submenu--regular .nav__link__holder { position: relative; } .nav__submenu--regular .nav__submenu--regular { top: 0; left: 80%; transform: translateX(0%) translateY(10%); } .nav__link__holder:hover > .nav__submenu, .nav__submenu--regular > .nav__link__holder:hover > .nav__submenu--regular { opacity: 1; transition: opacity 0.35s, visibility 0.35s, transform 0.35s; visibility: visible; z-index: 10; transform: translate(0%); } .nav__link__holder:hover > .nav__submenu--regular { transform: translateX(-50%) translateY(0%); } .nav__submenu > .nav__link__holder { padding: 0.5rem; display: block; transition: background-color 0.25s, color 0.25s; margin-bottom: 0.5rem; background-co…[truncated by Evolize: exceeded D1 value limit]

Markup

<body class="template--page gm-menu-installed gm-theme-version-6 smart-cart--enabled"><div id="fuego-app-banner">
  <div class="hide-app-banner" id="fuego-hide">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" style="height:14px;width:14px;">
      <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
    </svg>
  </div>
  <div class="f-icon-container">
    <img src="https://cdn.fuego.io/ktBYbogpKWFN_r2cRzqKD.png" width="60" height="60" class="f-icon" id="fuego-icon" alt="icon">
  </div>
  <div s…

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)10 instances5 inspected pages

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Why it matters

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Recommended correction

Add an accessible name to the navigation landmark, such as an aria-label attribute, to help screen reader users distinguish between multiple navigation regions.

View 10 affected elements

Component · Ref F0CSIK

Affected pagehttps://tropicalfruitbox.com/products/get-well

Elementdiv#shopify-section-header--default > header:nth-of-type(1) > div > nav

Accessible nameAll Boxes Variety Boxes Taste of the Tropics Taste of the Exotics Love Box Spring Box Kids Activity Box Wellness Box World Traveler Box Cacao & Coffee Box Chocolatier's Box Single Fruit Boxes Yellow Dragon Fruit Soursop Cherimoya Pinkglow Pineapple Purple Mangosteen Pomelo Pink Guava Root & Wellness Boxes Tropical Roots Box Ginger & Turmeric Box Superfood & Wellness Box Subscriptions Soursop Taste of the Exotics Taste of the Tropics Apple Banana Manzano Breadfruit Cacao Fruit Box Dragon Fruit Mix Chayote Tropical White Guava Shop Gifts By Recipient For Mom For Dad For Lovers For Family & Friends By Occasion Birthday Gifts Holiday Gifts Get Well Soon By Type Corporate Gifts Popular Gift Boxes Fruits Signature Fruits Mangos Dragon Fruit PinkGlow Pineapple Avocados Fruit Families Citrus Fruits Banana & Plantain Coconut Pineapple Varieties Guava Varieties Sapote Family Persimmon Varieties Exotic Melons Dates & Figs Box Types Tropical Fruit Boxes Specialty Boxes Wellness Immune Boosting Fruits Juicing & Smoothies Detox & Cleanse Anti-Inflammatory Superfoods Low Sugar / Keto Friendly Regional Asian Exotics Asian Exotic Tropical Fruits Dragon Fruit Latin / Caribbean Caribbean Tropical Fruits Banana & Plantain Avocados Snacks & Honey March Snacks Honey Merch Swag More Deals & Savings BOGO Deals On Sale Specials Subscribe & Save Seasonal & Availability New In-Season Fruits Exotics In Season Seasonal Favorites Out of Season Shop by Price Under $50 Under $100 Under $150 Over $100 Build Your Own Box Create Your Own Fruit Box Create Your Own Exotic Fruit Box Create Your Own Tropical Roots Box Pink Glow Pineapple Best Sellers Best Sellers Popular Fruit Boxes All In Season Boxes Tropical & Exotic Fruit Boxes

Markup

<nav class="main__navigation main__navigation--center main__navigation--underline font__size--base gm-menu gm-menu-172254 gm-bordered gm-mobile-bordered gm-submenu-align-center gm-menu-trigger-hover gm-has-retractor gm-transition-fade">
<li data-gmmi="0" data-gmdi="0" class="gm-item gm-level-0 gm-has-submenu gm-submenu-mega gm-submenu-align-full"><a class="gm-target js-no-transition" title="All Boxes" href="https://tropicalfruitbox.com/collections/tropical-fruit-boxes-1"><span class="gm-text">All Boxes</span><span class="gm-retractor"></span></a><div class="gm-submenu gm-mega" style=""><div st…

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Medium

Content overflows horizontally on narrow viewports

WCAG 1.4.10 (AA)1 instance1 inspected page

The page scrolls horizontally at a mobile width, indicating content that does not reflow.

Why it matters

The page scrolls horizontally at a mobile width, indicating content that does not reflow.

Recommended correction

To fix this issue, ensure that your page content adapts to different screen sizes by using responsive design techniques, such as using relative units (e.g., percentages or ems) instead of fixed units (e.g., pixels) for layout and styling. You can also consider using CSS media queries to apply different styles based on the viewport width.

View 1 affected element

Component · Ref S8ZIFR

Affected pagehttps://tropicalfruitbox.com/

Elementhtml

Accessible name#loyaltylion, .lion-isolator { --lion-primary-color: rgba(77, 56, 75, 1); --lion-primary-color-darker1: hsla(306, 16%, 25%, 1); --lion-primary-color-darker2: hsla(306, 16%, 23%, 1); --lion-primary-color-darker3: hsla(306, 16%, 22%, 1); --lion-tier-accent-color: rgba(77, 56, 75, 1); --tier-purchase-points-background-color: hsla(306, 16%, 26%, 0.05); --lion-tier-purchase-points-border-color: hsla(306, 16%, 26%, 0.2); --lion-tier-current-box-shadow-color: hsla(306, 16%, 26%, 0.1); --lion-tier-hover-box-shadow-color: hsla(306, 16%, 26%, 0.15); --lion-secondary-color: rgba(4, 167, 167, 1); --lion-secondary-color-lighter1: hsla(180, 95%, 37%, 1); --lion-secondary-color-darker1: hsla(180, 95%, 32%, 1); --lion-secondary-color-darker2: hsla(180, 95%, 31%, 1); --lion-button-primary-background-color: rgba(4, 167, 167, 1); --lion-button-primary-hover-background-color: hsla(180, 95%, 39%, 1); --lion-button-primary-active-background-color: hsla(180, 95%, 39%, 1); --lion-button-primary-active-shadow-color: hsla(180, 95%, 31%, 1); --lion-button-tile-text-color: hsla(180, 95%, 22%, 1); --lion-button-primary-text-color: rgba(255, 255, 255, 1); --lion-button-neutral-background-color: rgba(4, 167, 167, 1); --lion-button-neutral-hover-background-color: hsla(180, 95%, 39%, 1); --lion-button-neutral-active-background-color: hsla(180, 95%, 39%, 1); --lion-button-neutral-active-shadow-color: hsla(180, 95%, 31%, 1); --lion-button-neutral-text-color: rgba(255, 255, 255, 1); --lion-button-font-size: 1.2em; --lion-button-padding: 9px 21px; --lion-button-border-radius: 5px; --lion-section-heading-font-size: 28px; --lion-section-heading-text-color: rgba(96, 96, 96, 1); --lion-section-heading-line-size: 1px; --lion-section-heading-line-color: rgba(4, 167, 167, 1); --lion-section-heading-margin: 0 0 10px 0; --lion-page-background-color: rgba(255, 255, 255, 0); --lion-page-inline-padding: 0px; --lion-page-section-margin: 0 0 50px 0; --lion-header-background-color: rgba(253, 253, 253, 1); --lion-header-text-color: rgba(85, 85, 85, 1); --lion-header-border-radius: 0px; --lion-header-nav-link-icon-display: inline-block; --lion-header-nav-link-accent-color: rgba(4, 167, 167, 1); --lion-header-nav-link-border-color: hsla(180, 95%, 34%, 0.2); --lion-header-nav-link-hover-border-color: hsla(180, 95%, 34%, 0.4); --lion-header-nav-link-hover-background-color: hsla(180, 95%, 34%, 0.05); --lion-header-nav-link-hover-icon-color: rgba(4, 167, 167, 1); --lion-header-nav-link-hover-text-color: hsla(180, 95%, 31%, 1); --lion-rules-grid-gap: 20px; --lion-rules-grid-columns: 5; --lion-rules-padding: 20px; --lion-rules-background-color: rgba(250, 250, 250, 1); --lion-rules-border-color: rgba(224, 227, 229, 1); --lion-rules-border-width: 0px; --lion-rules-border-radius: 6px; --lion-rules-tile-background-color: rgba(255, 255, 255, 1); --lion-rules-tile-border-color: rgba(224, 227, 229, 1); --lion-rules-tile-border-width: 0px; --lion-rules-tile-border-radius: 6px; --lion-rule-item-icon-color: rgba(4, 167, 167, 1); --lion-rewards-grid-gap: 20px; --lion-rewards-grid-columns: 5; --lion-rewards-padding: 20px; --lion-rewards-background-color: rgba(250, 250, 250, 1); --lion-rewards-border-color: rgba(224, 227, 229, 1); --lion-rewards-border-width: 0px; --lion-rewards-border-radius: 6px; --lion-rewards-tile-background-color: rgba(255, 255, 255, 1); --lion-rewards-tile-border-color: rgba(224, 227, 229, 1); --lion-rewards-tile-border-width: 0px; --lion-rewards-tile-border-radius: 6px; --lion-reward-item-icon-color: rgba(4, 167, 167, 1); --lion-claimed-rewards-background-color: rgba(250, 250, 250, 1); --lion-claimed-rewards-border-color: rgba(224, 227, 229, 1); --lion-claimed-rewards-border-width: 0px; --lion-claimed-rewards-border-radius: 6px; --lion-claimed-rewards-tile-background-color: rgba(255, 255, 255, 1); --lion-claimed-rewards-tile-border-color: rgba(224, 227, 229, 1); --lion-claimed-rewards-tile-border-width: 0px; --lion-claimed-rewards-tile-border-radius: 6px; --lion-claimed-reward-item-icon-color: rgba(4, 167, 167, 1); --lion-faq-list-gap: 20px; --lion-faq-background-color: rgba(250, 250, 250, 1); --lion-faq-padding: 20px; --lion-faq-border-color: rgba(224, 227, 229, 1); --lion-faq-border-width: 0px; --lion-faq-border-radius: 6px; --lion-faq-question-header-font-weight: normal; --lion-faq-question-background-color: rgba(255, 255, 255, 1); --lion-faq-question-vertical-padding: 16px; --lion-faq-question-horizontal-padding: 16px; --lion-faq-question-vertical-border-width: 0px; --lion-faq-question-horizontal-border-width: 0px; --lion-faq-question-border-color: rgba(224, 227, 229, 1); --lion-faq-question-border-radius: 0px; --lion-faq-accordion-icon-size: 16px; --lion-tier-progress-bar-indicator-color: rgba(4, 167, 167, 1); --lion-tier-progress-bar-background-color: rgba(224, 227, 229, 1); --lion-tier-progress-bar-height: 8px; --lion-tier-progress-bar-track-height: 8px; --lion-tier-progress-bar-unfilled-color: rgba(240, 240, 240, 1); --lion-tier-progress-bar-fill-color: rgba(4, 167, 167, 1); --lion-tier-progress-bar-track-radius: 8px; --lion-tier-progress-bar-fill-radius: 8px; --lion-tier-progress-bar-step-marker-radius: 50%; --lion-tier-progress-bar-step-marker-vertical-offset: 0px; --lion-tier-progress-bar-step-marker-height: 20px; --lion-tier-progress-bar-step-marker-width: 20px; --lion-tier-progress-text-tier-value-color: rgba(5, 5, 5, 1); --lion-tier-progress-bar-current-value-vertical-offset: 10px; --lion-tier-progress-bar-current-status-marker-vertical-offset: 0px; --lion-tier-progress-bar-current-status-marker-height: 16px; --lion-tier-progress-bar-current-status-marker-width: 2px; --lion-tier-progress-bar-current-status-marker-radius: 1px; --lion-tier-progress-text-tier-name-color: rgba(5, 5, 5, 1); --lion-tier-progress-text-tier-bound-color: rgba(115, 115, 115, 1); --lion-tier-progress-bar-step-label-vertical-offset: 20px; --lion-challenges-background-color: rgba(255, 255, 255, 0); --lion-challenges-padding: 16px; --lion-challenges-border-color: rgba(227, 227, 227, 1); --lion-challenges-milestone-size: 40px; --lion-challenges-event-size: 16px; --lion-challenges-stamp-size: 48px; --lion-challenges-marker-gap: 16px; --lion-challenges-marker-radius: 50%; --lion-challenges-stamp-radius: 14%; --lion-challenges-marker-upcoming-color: rgba(208, 208, 208, 1); --lion-challenges-marker-empty-color: rgba(255, 255, 255, 1); --lion-challenges-marker-claimed-color: rgba(77, 56, 75, 1); --lion-challenges-connector-unfilled-color: rgba(224, 224, 224, 1); --lion-challenges-connector-filled-color: rgba(77, 56, 75, 1); --lion-challenges-text-primary-color: rgba(51, 51, 51, 1); --lion-challenges-text-secondary-color: rgba(102, 102, 102, 1); --lion-loyalty-pass-preview-order: 1; --lion-loyalty-pass-qr-order: 2; --lion-loyalty-pass-background-color: rgba(255, 255, 255, 0); --lion-loyalty-pass-heading-color: var(--lion-section-heading-text-color); --lion-loyalty-pass-body-color: rgba(102, 102, 102, 1); --lion-loyalty-pass-caption-color: rgba(102, 102, 102, 1); --lion-loyalty-pass-link-color: rgba(102, 102, 102, 1); --lion-loyalty-pass-link-hover-color: hsla(0, 0%, 20%, 1); --lion-loyalty-pass-padding: 24px; --lion-loyalty-pass-border-color: rgba(227, 227, 227, 1); --lion-loyalty-pass-border-width: 0px; --lion-loyalty-pass-border-radius: 6px; --lion-birthday-bundle-modal-min-width: 600px; --lion-birthday-bundle-modal-max-width: 800px; --lion-birthday-bundle-tile-width: 215px; --lion-birthday-bundle-tile-gap: 16px; --lion-birthday-bundle-nav-sidebar-width: 60px; --lion-birthday-bundle-nav-button-size: 40px; --lion-birthday-bundle-nav-button-bg: rgba(0, 0, 0, 1); --lion-birthday-bundle-nav-button-border-width: 2px; --lion-birthday-bundle-nav-button-border-color: rgba(0, 0, 0, 1); --lion-birthday-bundle-nav-button-border-radius: 20px; --lion-birthday-bundle-nav-arrow-size: 20px; --lion-birthday-bundle-nav-arrow-color: rgba(255, 255, 255, 1); --lion-birthday-bund…[truncated by Evolize: exceeded D1 value limit]

Markup

<html lang="en" class="csm-cookie-embed"><head><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-1JY92KFGK8&amp;cx=c&amp;gtm=4e6921"></script><script type="text/javascript" async="" src="https://bat.bing.com/bat.js"></script><script type="text/javascript" async="" src="https://tropicalfruitbox.myshopify.com/cdn/shop/t/146/assets/yoast-active-script.js?shop=tropicalfruitbox.myshopify.com"></script><script type="text/javascript" async="" src="https://tags.productgenius.io/tag.js?gx=2cd657f197879bc6258b8fba9c5b25&amp;shop=tropicalfruitbox.myshopify.com&amp…

Medium

<video> elements must have captions

WCAG 1.2.2 (A)6 instances1 inspected page

<video> elements must have captions

Why it matters

<video> elements must have captions

Recommended correction

Add captions to the video element to ensure users with hearing impairments can access the content. This can be done by providing a text transcript of the audio content or by using a captioning service to generate captions.

View 6 affected elements

Component · Ref 4851LD

Affected pagehttps://tropicalfruitbox.com/products/get-well

Element

moast-carousel,div[data-index="1"] > .card-container > .card-wrapper > .card[part=""] > .card__player.is-button[type="button"] > moast-media,moast-video,video

Accessible name[block-id="8df77a56-ff92-4c42-bd5e-dfe73c434430"] .skeleton-slide { --skeleton-offset-bottom: 0px; margin-top: var(--moast-padding-top, 0); margin-bottom: calc(var(--moast-padding-bottom, 0) + var(--skeleton-offset-bottom, 0)); visibility: hidden; width: var(--moast-slide-size, 250px); min-width: 100px; height: max-content; aspect-ratio: 9 / 16; } {"media":[{"ref":"12c9b47d-4e73-4c72-b993-52905a6e6c60","url":"https://cdn.shopify.com/s/files/1/0054/9512/8152/files/preview_images/moast-video-first-frame-12c9b47d-4e73-4c72-b993-52905a6e6c60.jpg?v=1784643967","height":"720","width":"720","originalSource":"https://cdn.shopify.com/videos/c/o/v/d276dae026f44ea6af8296a234abcdd6.mp4","sources":["https://cdn.shopify.com/videos/c/vp/d276dae026f44ea6af8296a234abcdd6/d276dae026f44ea6af8296a234abcdd6.SD-480p-0.9Mbps-89511599.mp4","https://cdn.shopify.com/videos/c/vp/d276dae026f44ea6af8296a234abcdd6/d276dae026f44ea6af8296a234abcdd6.HD-720p-1.6Mbps-89511599.mp4","https://cdn.shopify.com/videos/c/vp/d276dae026f44ea6af8296a234abcdd6/d276dae026f44ea6af8296a234abcdd6.m3u8"],"contentType":"Video","upvote":0,"caption":"🍍 Fresh From the Tropics to Your Door – Tropical Fruit Box 🍌\nGet exotic fruits delivered fresh to your doorstep! Perfect for gifting, exploring new flavors, or boosting your daily nutrition.\n\n✅ Rare tropical fruits: dragon fruit, rambutan, mangosteen & more\n✅ Farm-fresh quality, hand-packed with care\n✅ Fast U.S. shipping, freshness guaranteed\n✅ Great for foodies, families, and fruit lovers alike\n\n🎁 Order now using my link and taste the tropics at home:\n👉 https://tropicalfruitbox.com/?rfsn=8667801.f6b4e9e&utm_source=refersion&utm_medium=affiliate&utm_campaign=8667801.f6b4e9e\n\n👉 Read our in-depth review blog:\nhttps://dailydealreview.com/blog/tropical-fruit-box-review-exotic-fruits-free-shipping-freshness-you-can-taste\n\n📦 Taste the world one bite at a time!\n#treetomato #passionfruit #mangosale #tropicalfruitbox #unboxing #tropicalfruitboxusa","options":{"muted":false},"tags":[],"productProfile":{"ref":"03a61a99-7a18-4294-9758-77cc1f91c7f8","member":null,"products":[]},"socialUser":{"username":"dailydealreview1","url":"https://www.instagram.com/dailydealreview1"}},{"ref":"2616cda6-3f23-4754-baa1-ee2b4ba6b67b","url":"https://cdn.shopify.com/s/files/1/0054/9512/8152/files/preview_images/moast-video-first-frame-2616cda6-3f23-4754-baa1-ee2b4ba6b67b.jpg?v=1784643964","height":"1920","width":"1080","originalSource":"https://cdn.shopify.com/videos/c/o/v/5dc655b6ab8b48c18b8876891c9c9ddb.mp4","sources":["https://cdn.shopify.com/videos/c/vp/5dc655b6ab8b48c18b8876891c9c9ddb/5dc655b6ab8b48c18b8876891c9c9ddb.SD-480p-0.9Mbps-89511595.mp4","https://cdn.shopify.com/videos/c/vp/5dc655b6ab8b48c18b8876891c9c9ddb/5dc655b6ab8b48c18b8876891c9c9ddb.HD-1080p-2.5Mbps-89511595.mp4","https://cdn.shopify.com/videos/c/vp/5dc655b6ab8b48c18b8876891c9c9ddb/5dc655b6ab8b48c18b8876891c9c9ddb.HD-720p-1.6Mbps-89511595.mp4","https://cdn.shopify.com/videos/c/vp/5dc655b6ab8b48c18b8876891c9c9ddb/5dc655b6ab8b48c18b8876891c9c9ddb.m3u8"],"contentType":"Video","upvote":0,"caption":"What’s your favorite snack after a long golf day?⛳️ I try to have something healthy so when this yummy @tropicalfruitboxusa showed up on my doorstep I was on cloud 9!! 😍Guys!!! Check out how big the fruit is! Especially the Avocado! Omg its as big as my head! And so yummy!😋\n.\n.\n🥑🥭🥝 @tropicalfruitboxusa \n.\n.\n.\n#golf #golflife #girlsthatgolf #explorepage \n@tropicalfruitboxusa #tropicalfruitbox","options":{"muted":false},"tags":[],"productProfile":{"ref":"38ab0b96-66c5-43c3-a03d-7b58630796ce","member":null,"products":[]},"socialUser":{"username":"katanastrong","url":"https://www.instagram.com/katanastrong"}},{"ref":"3d17ec3d-77c6-4581-9ed4-9331742ab9b5","url":"https://cdn.shopify.com/s/files/1/0054/9512/8152/files/preview_images/moast-video-first-frame-3d17ec3d-77c6-4581-9ed4-9331742ab9b5.jpg?v=1784643978","height":"1280","width":"720","originalSource":"https://cdn.shopify.com/videos/c/o/v/7e54ea7f0bb14b91b91fee0a768c98e1.mp4","sources":["https://cdn.shopify.com/videos/c/vp/7e54ea7f0bb14b91b91fee0a768c98e1/7e54ea7f0bb14b91b91fee0a768c98e1.SD-480p-0.9Mbps-89511596.mp4","https://cdn.shopify.com/videos/c/vp/7e54ea7f0bb14b91b91fee0a768c98e1/7e54ea7f0bb14b91b91fee0a768c98e1.HD-1080p-2.5Mbps-89511596.mp4","https://cdn.shopify.com/videos/c/vp/7e54ea7f0bb14b91b91fee0a768c98e1/7e54ea7f0bb14b91b91fee0a768c98e1.HD-720p-1.6Mbps-89511596.mp4","https://cdn.shopify.com/videos/c/vp/7e54ea7f0bb14b91b91fee0a768c98e1/7e54ea7f0bb14b91b91fee0a768c98e1.m3u8"],"contentType":"Video","upvote":0,"caption":"Let’s unbox Ava’s @tropicalfruitboxusa Kids Box. This box comes with popsicle, molds, and tasty fruit to discover. It includes cards with the name of the fruit and information about the fruit. Food is such a fun hands-on way for your kids to learn and discover new things.\n\n#tropicalfruit #pineapple #mango #fruit #fooddiscovery","options":{"muted":false},"tags":[],"productProfile":{"ref":"917d0d6a-bf8c-45be-88b5-df75dfdc0335","member":null,"products":[]},"socialUser":{"username":"throughmyeyeslensstomach","url":"https://www.instagram.com/throughmyeyeslensstomach"}},{"ref":"320faf5e-b43a-44f2-a77c-0b2780af1242","url":"https://cdn.shopify.com/s/files/1/0054/9512/8152/files/preview_images/moast-video-first-frame-320faf5e-b43a-44f2-a77c-0b2780af1242.jpg?v=1784643980","height":"1280","width":"720","originalSource":"https://cdn.shopify.com/videos/c/o/v/98093123a45e46acaee3577c517abf0c.mp4","sources":["https://cdn.shopify.com/videos/c/vp/98093123a45e46acaee3577c517abf0c/98093123a45e46acaee3577c517abf0c.SD-480p-0.9Mbps-89511602.mp4","https://cdn.shopify.com/videos/c/vp/98093123a45e46acaee3577c517abf0c/98093123a45e46acaee3577c517abf0c.HD-1080p-2.5Mbps-89511602.mp4","https://cdn.shopify.com/videos/c/vp/98093123a45e46acaee3577c517abf0c/98093123a45e46acaee3577c517abf0c.HD-720p-1.6Mbps-89511602.mp4","https://cdn.shopify.com/videos/c/vp/98093123a45e46acaee3577c517abf0c/98093123a45e46acaee3577c517abf0c.m3u8"],"contentType":"Video","upvote":0,"caption":"Let’s unbox my Spring box from @tropicalfruitboxusa \n\nI love that with each fruit you get a card with information about the fruit and recipe ideas. \n\nConsider this your sign to eat more tropical fruit! \n\n#tropicalfruit #spring #pineapples #avocado #fruit","options":{"muted":false},"tags":[],"productProfile":{"ref":"bbb1d1bb-4c24-44d6-81b1-d54cb59e895c","member":null,"products":[]},"socialUser":{"username":"throughmyeyeslensstomach","url":"https://www.instagram.com/throughmyeyeslensstomach"}},{"ref":"197b16f3-626a-4609-a5b1-bb6a86a92815","url":"https://cdn.shopify.com/s/files/1/0054/9512/8152/files/preview_images/moast-video-first-frame-197b16f3-626a-4609-a5b1-bb6a86a92815.jpg?v=1784643975","height":"1280","width":"720","originalSource":"https://cdn.shopify.com/videos/c/o/v/8b36d1c83c2343d084e1cfd14da9c4fd.mp4","sources":["https://cdn.shopify.com/videos/c/vp/8b36d1c83c2343d084e1cfd14da9c4fd/8b36d1c83c2343d084e1cfd14da9c4fd.SD-480p-0.9Mbps-89511594.mp4","https://cdn.shopify.com/videos/c/vp/8b36d1c83c2343d084e1cfd14da9c4fd/8b36d1c83c2343d084e1cfd14da9c4fd.HD-1080p-2.5Mbps-89511594.mp4","https://cdn.shopify.com/videos/c/vp/8b36d1c83c2343d084e1cfd14da9c4fd/8b36d1c83c2343d084e1cfd14da9c4fd.HD-720p-1.6Mbps-89511594.mp4","https://cdn.shopify.com/videos/c/vp/8b36d1c83c2343d084e1cfd14da9c4fd/8b36d1c83c2343d084e1cfd14da9c4fd.m3u8"],"contentType":"Video","upvote":0,"caption":"Check out @prepandrally showing us how to cut a pomegranate like a pro! 🔪💥\nNo mess, just juicy ruby-red goodness inside. ❤️🍒","options":{"muted":false},"tags":[],"productProfile":{"ref":"f4c1f807-e376-481a-aaef-3c650e092660","member":null,"products":[]},"socialUser":{"username":"tropicalfruitboxusa","url":"https://www.instagram.com/tropicalfruitbox…[truncated by Evolize: exceeded D1 value limit]

Markup

<video class="media" loop="" preload="none" loading="lazy" muted="" x5-playsinline="" x5-video-player-type="h5" x5-video-orientation="portrait" x5-video-player-full...="" disablepictureinpict...="" controlslist="nodownload nofullscr..." playsinline="" webkit-playsinline="true" ...>

Low

Low-quality alternative text

WCAG 1.1.1 (A)30 instances5 inspected pages

Alt text looks like a filename, a generic word ("image", "photo"), or is duplicated across unrelated images — it likely does not describe the content.

Why it matters

Alt text looks like a filename, a generic word ("image", "photo"), or is duplicated across unrelated images — it likely does not describe the content.

Recommended correction

Update the alt text to describe the content of each image. For example, instead of using 'logo' for every image, use a more descriptive alt text like 'Tropical Fruit Box logo' or 'Image of a tropical fruit box'.

View 30 affected elements

Component · Ref V8K5TP

Affected pagehttps://tropicalfruitbox.com/blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets

Elementdiv#shopify-section-header--default > header:nth-of-type(1) > div > div:nth-of-type(1) > a > img:nth-of-type(1)

Markup

<img height="131" width="500" src="//tropicalfruitbox.com/cdn/shop/files/Tropical-Fruit-Box-Horizontal_256x.png?v=1628905639" alt="logo" class="logo--default">

Affected pages/ /collections/all-products /pages/contact-tropical-fruit-box /blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets /products/get-well

Low

Carousel has no accessible controls

WCAG 2.1.1 (A)2 instances2 inspected pages

A carousel/slider exposes no previous/next or pause controls, so keyboard and assistive-technology users cannot navigate or stop it. Requires manual review of the specific widget.

Why it matters

A carousel/slider exposes no previous/next or pause controls, so keyboard and assistive-technology users cannot navigate or stop it. Requires manual review of the specific widget.

Recommended correction

Provide keyboard-operable previous/next controls and a pause control for auto-advancing carousels, with accessible names.

View 2 affected elements

Component · Ref IDVH3A

Affected pagehttps://tropicalfruitbox.com/products/get-well

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

Accessible nameGet Well Tropical Fruit Box

Markup

<div class="swiper pp-gallery__main swiper-initialized swiper-horizontal swiper-backface-hidden"><div class="swiper-wrapper" id="swiper-wrapper-717e3518cfc45c32" aria-live="polite"><div class="swiper-slide slide--product swiper-slide-active" data-variants="|" role="group" aria-label="1 / 1" style="width: 608px;">
          <img height="1080" width="1080" alt="Get Well Tropical Fruit Box " src="//tropicalfruitbox.com/cdn/shop/files/GW-Photoroom_1280x.png?v=1764107841">
        </div></div>
  <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span><div class="pl-contain…

Component · Ref KP2Q1Z

Affected pagehttps://tropicalfruitbox.com/

Elementdiv#shopify-section-template--22375221002425__shogun_custom_html_jkUtNj > div

Accessible nameSlide 5

Markup

<div class="custom-slider slick-initialized slick-slider">
        <div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 11000px; transform: translate3d(-3000px, 0px, 0px);"><div class="slick-slide slick-cloned" data-slick-index="-1" id="" aria-hidden="true" style="width: 1000px;" tabindex="-1">
            <img src="https://cdn.shopify.com/s/files/1/0054/9512/8152/files/slide5_800x800.jpg?v=1775194317" alt="Slide 5">
        </div><div class="slick-slide" data-slick-index="0" aria-hidden="true" style="width: 1000px;" tabindex="-1">
            <img src="https://…

Low

Page has no level-one heading

WCAG 1.3.1 (A)2 instances2 inspected pages

The page exposes no <h1>, so its topic is not conveyed in the heading structure.

Why it matters

The page exposes no <h1>, so its topic is not conveyed in the heading structure.

Recommended correction

To fix this issue, add a level-one heading (<h1>) to the page to convey its topic in the heading structure. This will help users understand the page's content and navigate it more easily.

View 2 affected elements

Component · Ref Z0GVZL

Affected pagehttps://tropicalfruitbox.com/

Elementhtml > body

Accessible nameTropical Fruit Box App Download to access exclusive savings and promotions! GET var script = document.createElement('script'); script.async = true; script.type = 'text/javascript'; var target = 'https://www.clickcease.com/monitor/stat.js'; script.src = target;var elem = document.head;elem.appendChild(script); <a href='https://www.clickcease.com' rel='nofollow'><img src='https://monitor.clickcease.com/stats/stats.aspx' alt='ClickCease'/></a> $15 off $109+ with code LABOR15. .page__header { width: 100%; background: var(--bodyBackgroundColor); --height: 75px; --logoWidth: 200px; --logoHeight: 0px; --accent: #04a7a7; --linkColor: #753e3e; --tagColor: #000000; --tagText: #ffffff; display: flex; margin: 0 auto; } .page__header.page__header--transparent { --accent: #efefef; --linkColor: #ffffff; background: transparent; box-shadow: none; } .page__header.page__header--sticky { position: fixed; top: 0; width: 100%; left: 50%; transform: translateX(-50%); z-index: 10; } .page__header--transparent .logo--transparent-available .logo--default, .page__header--transparent .logo--transparent-available .logo--mobile { display: none; } .page__header--transparent .logo--transparent-available .logo--transparent { display: block; } main { padding-top: 0px; } .page__header--width { width: 100%; margin: 0 auto; display: flex; padding: 0 1rem; align-items: center; position: relative; } .main__navigation *, .mobile__navigation * { text-decoration: none; } .header__element--width { width: 100%; } .logo-img img { max-width: min(var(--logoWidth), 100%); width: 100%; height: 100%; object-fit: contain; object-position: left center; } .nav__link__tag { text-transform: uppercase; font-size: max(0.6em, 11px); padding: 0.4em; background: var(--tagColor); color: var(--tagText); margin-left: 0.5em; border-radius: 0.25em; position: relative; z-index: 1; } .page__header .header__utility { color: var(--linkColor); } .page__header .header__utility .minicart__holder, .page__header .header__utility .i18n__holder, .page__header .header__utility .user__holder, .page__header .search__container--inline { --linkColor: var(--gLinkColor); } @media screen and (min-width: 768px){ .page__header .nav__submenu--mega a:not(.button):hover, .header__logo:hover a { color: var(--accent); } .main__navigation { width: 100%; } .main__navigation--center { text-align: center; } .main__navigation--end { text-align: right; } .nav__link { display: flex; } .nav__link__holder { text-align: left; } .main__navigation > .nav__link__holder > .nav__link { align-items: center; } .main__navigation > .nav__link__holder { height: 100%; display: inline-block; } .main__navigation > .nav__link__holder > .nav__link { text-align: center; display: inline-flex; padding: 0.1rem 1.25rem; margin: 0rem 0.15rem; width: calc(100% - 0.3rem); height: 100%; align-items: center; white-space: nowrap; } .nav__link__holder:hover > .nav__link, .nav__link__holder.nav__link--active > .nav__link { color: var(--accent); } .nav__link--fill::before { content: ''; position: absolute; left: 0.5em; top: 50%; transform: translateY(-50%); opacity: 0; height: 2.25em; background: var(--accent); width: calc(100% - 1em); transition: opacity 0.25s; border-radius: var(--borderRadiusSmall); } .nav__link__holder:hover .nav__link--fill::before, .nav__link__holder.nav__link--active .nav__link--fill::before { opacity: 0.1; } .main__navigation.main__navigation--opacity:hover > .nav__link__holder > .nav__link { opacity: 0.6; transition: opacity 0.25s; } .main__navigation.main__navigation--opacity > .nav__link__holder:hover > .nav__link { opacity: 1; } .nav__link--underline::after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; background: var(--accent); width: 0%; transition: width 0.25s; } .nav__link__holder:hover .nav__link--underline::after, .nav__link__holder.nav__link--active .nav__link--underline::after { width: 100%; } .nav__link--strikethrough::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 3px; background: var(--accent); width: 0%; transition: width 0.25s; } .nav__link__holder:hover .nav__link--strikethrough::after, .nav__link__holder.nav__link--active .nav__link--strikethrough::after { width: 100%; } .nav__link--dotBelow::after { content: ''; position: absolute; left: 50%; top: calc(50% + 1em); margin-left: -3px; height: 6px; width: 6px; border-radius: 50%; background: var(--accent); opacity: 0; transition: opacity 0.25s; } .nav__link--dotAbove::after { content: ''; position: absolute; left: 50%; bottom: calc(50% + 1em); margin-left: -3px; margin-top: -3px; height: 6px; width: 6px; border-radius: 50%; background: var(--accent); opacity: 0; transition: opacity 0.25s; } .nav__link__holder:hover .nav__link--dotBelow::after, .nav__link__holder:hover .nav__link--dotAbove::after, .nav__link__holder.nav__link--active .nav__link--dotBelow::after, .nav__link__holder.nav__link--active .nav__link--dotAbove::after { opacity: 1; } .nav__link__holder.nav__link__holder--regular, .nav__link { position: relative; } .nav__submenu { visibility: hidden; position: absolute; opacity: 0; background: var(--bodyBackgroundColor); min-width: 200px; padding: .75rem; z-index: -1; transform: translateX(-50%) translateY(10%); left: 50%; border-bottom-left-radius: var(--borderRadiusSmall); border-bottom-right-radius: var(--borderRadiusSmall); box-shadow: 0px 0px 30px rgba(0,0,0,0.06); --linkColor: var(--gLinkColor); } .nav__submenu--regular .nav__link__holder { position: relative; } .nav__submenu--regular .nav__submenu--regular { top: 0; left: 80%; transform: translateX(0%) translateY(10%); } .nav__link__holder:hover > .nav__submenu, .nav__submenu--regular > .nav__link__holder:hover > .nav__submenu--regular { opacity: 1; transition: opacity 0.35s, visibility 0.35s, transform 0.35s; visibility: visible; z-index: 10; transform: translate(0%); } .nav__link__holder:hover > .nav__submenu--regular { transform: translateX(-50%) translateY(0%); } .nav__submenu > .nav__link__holder { padding: 0.5rem; display: block; transition: background-color 0.25s, color…[truncated by Evolize: exceeded D1 value limit]

Markup

<body class="template--index gm-menu-installed gm-theme-version-6 smart-cart--enabled"><div id="fuego-app-banner">
  <div class="hide-app-banner" id="fuego-hide">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" style="height:14px;width:14px;">
      <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
    </svg>
  </div>
  <div class="f-icon-container">
    <img src="https://cdn.fuego.io/ktBYbogpKWFN_r2cRzqKD.png" width="60" height="60" class="f-icon" id="fuego-icon" alt="icon">
  </div>
  <div …

Affected pages/ /pages/contact-tropical-fruit-box

05 · Most affected inspected pages

/
Critical
64 findings
/collections/all-products
Critical
51 findings
/products/get-well
Critical
48 findings
- Critical Buttons have no accessible name
- Critical Dropdown menus have no accessible name
- Critical Form fields are missing labels
- Critical Links lack accessible text
- High ARIA hidden element must not be focusable or contain focusable elements
- High Form fields use placeholder text as the only label
- High Hidden elements can still receive keyboard focus
- High Images lack text alternatives
- High Interactive controls are not keyboard-accessible
- High List items are not inside a list
- High Modal dialog does not trap keyboard focus
- High Text has insufficient colour contrast
- Medium <video> elements must have captions
- Medium Content sits outside any landmark region
- Medium Elements must only use permitted ARIA attributes
- Medium Navigation regions are not distinguishable
- Medium No skip link to main content
- Low Carousel has no accessible controls
- Low Low-quality alternative text
/blogs/our-blog/gourmet-fruit-gifts-for-people-who-deserve-more-than-ordinary-baskets
Critical
43 findings
- Critical Buttons have no accessible name
- Critical Dropdown menus have no accessible name
- Critical Links lack accessible text
- High ARIA hidden element must not be focusable or contain focusable elements
- High Form fields use placeholder text as the only label
- High Hidden elements can still receive keyboard focus
- High Images lack text alternatives
- High Interactive controls are not keyboard-accessible
- High List items are not inside a list
- High Modal dialog does not trap keyboard focus
- High Text has insufficient colour contrast
- Medium Content sits outside any landmark region
- Medium Navigation regions are not distinguishable
- Medium No skip link to main content
- Low Low-quality alternative text
/pages/contact-tropical-fruit-box
Critical
40 findings
- Critical Buttons have no accessible name
- Critical Dropdown menus have no accessible name
- Critical Embedded frames lack descriptive titles
- Critical Links lack accessible text
- High ARIA hidden element must not be focusable or contain focusable elements
- High Form fields use placeholder text as the only label
- High Hidden elements can still receive keyboard focus
- High Images lack text alternatives
- High Interactive controls are not keyboard-accessible
- High List items are not inside a list
- High Modal dialog does not trap keyboard focus
- High Text has insufficient colour contrast
- Medium Content sits outside any landmark region
- Medium Navigation regions are not distinguishable
- Medium No skip link to main content
- Low Low-quality alternative text
- Low Page has no level-one heading

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.

ACTIVATE MONITORING SEE PRICING

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

Accessibility issues detected on tropicalfruitbox.com

Is tropicalfruitbox.com your website?

01 · Accessibility summary

02 · Start here

Buttons have no accessible name

Dropdown menus have no accessible name

Links lack accessible text

Links lack accessible text

Links lack accessible text

03 · WCAG criteria affected

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

04 · All detected findings

Buttons have no accessible name

Links lack accessible text

Dropdown menus have no accessible name

Embedded frames lack descriptive titles

Form fields are missing labels

ARIA hidden element must not be focusable or contain focusable elements

Text has insufficient colour contrast

Hidden elements can still receive keyboard focus

Interactive controls are not keyboard-accessible

Modal dialog does not trap keyboard focus

Form fields use placeholder text as the only label

Images lack text alternatives

List items are not inside a list

Elements must only use permitted ARIA attributes

Content sits outside any landmark region

No skip link to main content

Navigation regions are not distinguishable

Content overflows horizontally on narrow viewports

<video> elements must have captions

Low-quality alternative text

Carousel has no accessible controls

Page has no level-one heading

05 · Most affected inspected pages

06 · About this assessment

07 · Continuous monitoring

Reports with similar accessibility findings