Automated technical assessment of 5 publicly accessible pages · Scanned 13 Aug 2026. Inspected 5 of 5 selected pages.
Findings
Critical
Form fields are missing labels
Form inputs have no programmatically associated label, so assistive technology cannot announce what to enter.
Component
1 affected page
5 instances
WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A), WCAG 2.1 SC 4.1.2 Name, Role, Value (Level A)
Ref PKHF29
Affected pagehttps://thetrendyart.com/products/entrepreneur-quotes-motivational-wall-art
Element#val1029980956290300
Markup<input type="radio" name="name0" value="Canvas" required="" class="bcpo-front-image-option " id="val1029980956290300">
How to fixAdd a label element with a 'for' attribute that matches the 'id' of the input field, or use the 'aria-label' attribute on the input field to provide a text description.
Critical
Embedded frames lack descriptive titles
An <iframe> has no title, so its purpose is not announced to assistive technology.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 4.1.2 Name, Role, Value (Level A)
Ref VA25NH
Affected pagehttps://thetrendyart.com/blogs/art-blog/sarcastic-inspirational-quotes
Elementiframe[width="100%"]
Markup<iframe width="100%" height="350" src="https://www.youtube.com/embed/eIx5ujzHxxc" frameborder="0" allowfullscreen=""></iframe>
How to fixAdd a title attribute to the iframe element, describing the content or purpose of the frame, such as "YouTube video: Sarcastic Inspirational Quotes".
High
Hidden elements can still receive keyboard focus
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Component
5 affected pages
40 instances
WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A)
Ref C6LKSF
Affected pagehttps://thetrendyart.com/
Elementli:nth-of-type(7) > dropdown-menu > div > ul > li:nth-of-type(1) > a
Accessible nameVintage Art
Markup<a href="/collections/vintage-wall-art" class="header__menu-item list-menu__item link link--text focus-inset">
<span class="styled-link">Vintage Art</span>
</a> How to fixRemove the element from the tab order or make it visible when focused, by adjusting its CSS to include 'display: none;' or 'visibility: hidden;' when it's not intended to be interacted with, or by using 'tabindex=-1' to remove it from the tab order.
High
Hidden elements can still receive keyboard focus
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Component
5 affected pages
10 instances
WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A)
Ref 9W0WOL
Affected pagehttps://thetrendyart.com/
Elementul#HeaderCountryList > li:nth-of-type(1) > a
Accessible nameAFN
؋ |
Afghanistan
Markup<a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="AF">
<span class="localization-form__currency">AFN
؋ |</span>
Afghanistan
</a> How to fixRemove the element from the tab order by setting tabindex to -1 or display:none, or make the element visible when it receives focus
High
Interactive controls are not keyboard-accessible
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.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 2.1.1 Keyboard (Level A)
Ref Q9O2BY
Affected pagehttps://thetrendyart.com/
Elementdiv > header > div:nth-of-type(2) > details-modal > details > summary
Accessible nameSearch
Rolebutton
Markup<summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search" role="button">
<span>
<svg class="icon icon--search-thin" viewBox="0 0 20 20" fill="none">
<path d="M8.75 16.22a7.5 7.5 0 100-15 7.5 7.5 0 000 15zM18.75 18.72l-4.697-4.697" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
<use href="#icon-close">
</use></svg>
</span>
</summary> How to fixAdd focusable semantics or a tabindex to the search button element, ensuring it can receive keyboard focus. For example, consider adding a tabindex attribute or using a native button element.
High
Modal dialog does not trap keyboard focus
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.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A)
Ref L5DRJB
Affected pagehttps://thetrendyart.com/
Elementdiv > header > div:nth-of-type(2) > details-modal > details > div
Accessible nameSearch
Roledialog
Markup<div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Search">
<div class="modal-overlay"></div>
<div class="search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
<div class="field">
<input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Search" role="combobox" aria-expanded="false" aria-ow… How to fixTo fix this issue, ensure that the modal dialog traps keyboard focus by setting the `tabindex` attribute to `-1` on the dialog container and implementing a focus trap using JavaScript. This will prevent focus from escaping the dialog.
High
Interactive controls are not keyboard-accessible
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.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 2.1.1 Keyboard (Level A)
Ref DNWDNK
Affected pagehttps://thetrendyart.com/
Elementdetails#Details-menu-drawer-container > summary
Accessible nameMenu
Rolebutton
Markup<summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu" role="button" aria-expanded="false" aria-controls="menu-drawer">
<span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="3 3 17 17" stroke-width="1" stroke="currentColor" class="icon icon-hamburger">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="3 3 17 17" stroke-width="1" stroke="currentColor" class="icon icon-close">
… How to fixAdd focusable semantics or a tabindex to the menu control element, ensuring it can receive keyboard focus. For example, add a tabindex attribute or use an element that is naturally focusable, such as a button element.
High
Interactive controls are not keyboard-accessible
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.
Component
5 affected pages
10 instances
WCAG WCAG 2.1 SC 2.1.1 Keyboard (Level A)
Ref CKWGGP
Affected pagehttps://thetrendyart.com/
Elementsummary#HeaderDrawer-design-art
Accessible nameDesign Art
Rolebutton
Markup<summary id="HeaderDrawer-design-art" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-design-art">
Design Art
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" focusable="false" class="icon icon-arrow">
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 13.5L12 21m0 0l-7.5-7.5M12 21V3"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="no… How to fixAdd a tabindex attribute to the control or ensure it has focusable semantics to make it reachable by keyboard.
High
Interactive controls are not keyboard-accessible
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.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 2.1.1 Keyboard (Level A)
Ref G9T4YW
Affected pagehttps://thetrendyart.com/
Elementdetails#Details-CartDrawer > summary
Accessible nameOrder special instructions
Rolebutton
Markup<summary role="button" aria-expanded="false">
<span class="summary__title">
Order special instructions
</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" focusable="false" class="icon icon-caret">
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg>
</summary> How to fixAdd focusable semantics or a tabindex to the interactive control to make it reachable by keyboard.
High
Media autoplays with sound
Audio or video plays automatically with sound, which interferes with screen readers and can be disorienting.
Component
2 affected pages
2 instances
WCAG WCAG 2.1 SC 1.4.2 Audio Control (Level A)
Ref BX9CC8
Affected pagehttps://thetrendyart.com/
Elementdiv#trustoo-review-detail > div:nth-of-type(2) > video
Markup<video class="tt-detail-video" style="display:none" type="video/mp4,video/wmv, video/avi, video/mp4, video/flv,
video/3gp, video/mov, video/mkv, video/vob" autoplay="" controls=""></video> How to fixAdd controls to the video element that allow users to pause or mute the audio, or remove the autoplay attribute to require user interaction before playing the media.
High
Interactive controls are not keyboard-accessible
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.
Component
1 affected page
2 instances
WCAG WCAG 2.1 SC 2.1.1 Keyboard (Level A)
Ref VO73YV
Affected pagehttps://thetrendyart.com/cart
Elementdiv#dynamic-checkout-cart > shopify-accelerated-checkout-cart > div > ul > li:nth-of-type(1) > div
Rolebutton
Markup<div class="wallet-cart-button wallet-cart-button__skeleton" role="button" disabled="" aria-hidden="true"> </div>
How to fixAdd a tabindex to the element or ensure it has focusable semantics, and remove the aria-hidden attribute to make the control accessible to keyboard and switch users.
High
IDs used in ARIA and labels must be unique
IDs used in ARIA and labels must be unique
Component
5 affected pages
45 instances
WCAG WCAG SC 4.1.2
Ref XLN0ES
Affected pagehttps://thetrendyart.com/
Elementul[data-payment-list-id="cart-drawer"] > .list-payment__item:nth-child(1) > .icon--full-color[aria-labelledby="pi-american_express"][viewBox="0 0 38 24"] > title
Accessible nameAmerican Express
Markup<title id="pi-american_express">American Express</title>
How to fixUpdate the HTML to use unique IDs for ARIA labels and other elements. For example, rename one of the elements with the ID 'pi-american_express' to a unique ID, such as 'pi-american_express-label'.
High
Interactive controls are not keyboard-accessible
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.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 2.1.1 Keyboard (Level A)
Ref LF0MZX
Affected pagehttps://thetrendyart.com/blogs/art-blog/sarcastic-inspirational-quotes
Elementdetails#Details-share-template--27495707115799__main > summary
Accessible nameShare
Rolebutton
Markup<summary class="share-button__button" role="button" aria-expanded="false">
<svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
<path d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.147… How to fixAdd a tabindex to the share button element or ensure it has focusable semantics to make it accessible via keyboard navigation.
High
Images lack text alternatives
Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 1.1.1 Non-text Content (Level A)
Ref KT9GV0
Affected pagehttps://thetrendyart.com/products/entrepreneur-quotes-motivational-wall-art
Elementimg[height="180"]
Markup<img src="https://cdn.shopify.com/s/files/1/0621/9615/4548/files/Trust_Badges_USA-1.png?v=1721405553" height="180" style="display:block; margin:0 auto; margin-bottom:8px;">
How to fixAdd an 'alt' attribute to the image tag with a brief description of the image's content or purpose. For example: <img src='...' alt='Description of the image'>. If the image is decorative, use an empty 'alt' attribute: <img src='...' alt=''>.
High
Elements must only use permitted ARIA attributes
Elements must only use permitted ARIA attributes
Component
1 affected page
1 instance
WCAG WCAG SC 4.1.2
Ref 5HNX93
Affected pagehttps://thetrendyart.com/products/entrepreneur-quotes-motivational-wall-art
Elementa[aria-label="Scroll to reviews"]
Accessible nameScroll to reviews
Markup<a aria-label="Scroll to reviews">
How to fixAdd a valid ARIA role to the anchor element or remove the 'aria-label' attribute if it's not necessary. For example, if the link is for navigation, consider adding 'role="link"' or using a button element if it's for an action.
Medium
Content sits outside any landmark region
Meaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A)
Ref 3W7Z4F
Affected pagehttps://thetrendyart.com/
Elementdiv#CartDrawer > div:nth-of-type(2) > div:nth-of-type(1) > div > div > p:nth-of-type(2)
Accessible nameLog in to check out faster.
Markup<p class="cart__login-paragraph">
<a href="https://thetrendyart.com/customer_authentication/redirect?locale=en&region_country=US" class="link underlined-link">Log in</a> to check out faster.
</p> How to fixTo fix this issue, ensure that all meaningful content is wrapped in a landmark element (header, nav, main, footer, aside) so that assistive technology users can navigate to it using landmark navigation.
Medium
Navigation regions are not distinguishable
The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A)
Ref 3SEM5X
Affected pagehttps://thetrendyart.com/
Elementdiv#menu-drawer > div > div > nav
Accessible nameHome
Best Sellers
Custom Art
Pop Art
Graffiti Art
Banksy Art
Design Art
Design Art
Vintage Art
City Art
Geometric Art
Marble Art
Greek Art
Motivational Art
Black & White Art
Modern Art
Landscape Art
Japanese Art
Minimalist Art
Boho Art
Tree Of Life Art
Car Art
Kitchen Art
Animal Art
Animal Art
Lion Art
Elephant Art
Horse Art
Blog
Markup<nav class="menu-drawer__navigation">
<ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a id="HeaderDrawer-home" href="/" class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active" aria-current="page">
Home
</a></li><li><a id="HeaderDrawer-best-sellers" href="/collections/best-sellers" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
Best Sellers
</a></li><li><a id="HeaderDrawer-custom-art" href="/collection… How to fixAdd an 'aria-label' or 'aria-labelledby' attribute to each navigation landmark to provide a unique and descriptive name.
Medium
Navigation regions are not distinguishable
The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A)
Ref HNYQLM
Affected pagehttps://thetrendyart.com/
Elementdiv#shopify-section-sections--27495707803927__header > div > header > nav
Accessible nameHome
Best Sellers
Custom Art
Pop Art
Graffiti Art
Banksy Art
Design Art
Vintage Art
City Art
Geometric Art
Marble Art
Greek Art
Motivational Art
Black & White Art
Modern Art
Landscape Art
Japanese Art
Minimalist Art
Boho Art
Tree Of Life Art
Car Art
Kitchen Art
Animal Art
Lion Art
Elephant Art
Horse Art
Blog
Markup<nav class="header__inline-menu">
<ul class="list-menu list-menu--inline" role="list"><li data-anchor="home" data-handle="home"><a href="/" class="header__menu-item list-menu__item link link--text focus-inset" aria-current="page">
<span class="styled-link header__active-menu-item">Home</span>
</a></li><li data-anchor="best-sellers" data-handle="best-sellers"><a href="/collections/best-sellers" class="header__menu-item list-menu__item link link--text focus-inset">
<span class="styled-link">Best Sellers</span>
</a></li><li data-anchor="custom-art" da… How to fixAdd a unique and descriptive 'aria-label' or 'aria-labelledby' attribute to each navigation landmark to provide an accessible name.
Medium
ARIA attributes have invalid values
ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 4.1.2 Name, Role, Value (Level A)
Ref 00L4KV
Affected pagehttps://thetrendyart.com/
Elementbutton[aria-controls="FooterCountryList"]
Accessible nameUSD
$ | United States
Markup<button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="FooterCountryList" aria-describedby="FooterCountryLabel">
How to fixVerify that the ids referenced by aria-controls and aria-describedby attributes exist and hold valid values. Ensure that the referenced elements are present in the DOM and have the correct roles and attributes to provide a clear and consistent accessibility tree.
Medium
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref BLQSJV
Affected pagehttps://thetrendyart.com/products/entrepreneur-quotes-motivational-wall-art
Element.product__custom-liquid > div > div
Accessible nameIn stock - Ready To Ship
Markup<div style="display:flex; justify-content:center; align-items:center; color:#4CAF50; font-weight:500; font-size:16px;">
<span style="width:10px; height:10px; background-color:#4CAF50; border-radius:50%; display:inline-block; margin-right:8px;"></span>
In stock - Ready To Ship
</div> How to fixIncrease the contrast between the text color (#4CAF50) and its background by either changing the text color or the background color to meet the minimum contrast ratio requirements as per WCAG 2.1 guidelines.
Low
Page has no level-one heading
The page exposes no <h1>, so its topic is not conveyed in the heading structure.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A)
Ref XX3K4O
Affected pagehttps://thetrendyart.com/
Elementhtml > body
Accessible nameSkip to content
.drawer {
visibility: hidden;
}
.cart-drawer__card .drawer__inner {
height: calc(100% - 2rem);
margin: 1rem;
border-radius: 6px;
}
Your cart is empty
Continue shopping
Have an account?
Log in to check out faster.
Your cart
Spend another $59.00 to get free delivery!
Loading...
Order special instructions
Order special instructions
Subtotal
$0.00 USD
<button type="submit" class="cart__update-button button button--secondary" form="CartDrawer-Form">
Update
</button>
Check out
American Express
Apple Pay
Bancontact
Google Pay
iDEAL Wero
Mastercard
PayPal
Shop Pay
Visa
// Fix duplicate SVG gradient IDs when same payment icon appears multiple times on page
(function() {
const container = document.querySelector('[data-payment-list-id="cart-drawer"]');
if (!container) return;
const suffix = '-cart-drawer';
container.querySelectorAll('linearGradient, radialGradient').forEach(gradient => {
const oldId = gradient.id;
if (!oldId) return;
const newId = oldId + suffix;
gradient.id = newId;
const svg = gradient.closest('svg');
svg.querySelectorAll(`[fill="url(#${oldId})"]`).forEach(el => {
el.setAttribute('fill', `url(#${newId})`);
});
svg.querySelectorAll(`[stroke="url(#${oldId})"]`).forEach(el => {
el.setAttribute('stroke', `url(#${newId})`);
});
});
})();
document.addEventListener('DOMContentLoaded', function () {
function isIE() {
const ua = window.navigator.userAgent;
const msie = ua.indexOf('MSIE ');
const trident = ua.indexOf('Trident/');
return msie > 0 || trident > 0;
}
if (!isIE()) return;
const cartSubmitInput = document.createElement('input');
cartSubmitInput.setAttribute('name', 'checkout');
cartSubmitInput.setAttribute('type', 'hidden');
document.querySelector('#cart').appendChild(cartSubmitInput);
document.querySelector('#checkout').addEventListener('click', function (event) {
document.querySelector('#cart').submit();
});
});
🎁 LIMITED-TIME OFFER - BUY 2, GET 1 FREE
<link href="//thetrendyart.com/cdn/shop/t/32/assets/component-mega-menu.css?v=78784480949421246391781123859" rel="stylesheet" type="text/css" media="all" />
<link href="//thetrendyart.com/cdn/shop/t/32/assets/component-list-menu.css?v=151968516119678728991781123859" rel="stylesheet" type="text/css" media="all" />
<link href="//thetrendyart.com/cdn/shop/t/32/assets/component-search.css?v=130382253973794904871781123859" rel="stylesheet" type="text/css" media="all" />
<link href="//thetrendyart.com/cdn/shop/t/32/assets/component-menu-drawer.css?v=158996113356868460071781123859" rel="stylesheet" type="text/css" media="all" />
<link href="//thetrendyart.com/cdn/shop/t/32/assets/component-cart-notification.css?v=54116361853792938221781123859" rel="stylesheet" type="text/css" media="all" />
<link href="//thetrendyart.com/cdn/shop/t/32/assets/component-cart-items.css?v=174064324606336817531781123859" rel="stylesheet" type="text/css" media="all" />
header-drawer {
justify-self: start;
margin-left: -1.2rem;
}@media screen and (min-width: 990px) {
header-drawer {
display: none;
}.menu-drawer-container {
display: flex;
}
.list-menu {
list-style: none;
padding: 0;
margin: 0;
height: 100%;
align-items: center;
}
.list-menu--inline {
display: inline-flex;
flex-wrap: wrap;
}
summary.list-menu__item {
padding-right: 2.7rem;
}
.list-menu__item {
display: flex;
align-items: center;
line-height: calc(1 + 0.3 / var(--font-body-scale));
gap: 5px;
}
.list-menu__item--link {
text-decoration: none;
padding-bottom: 1rem;
padding-top: 1rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
}
@media screen and (min-width: 750px) {
.list-menu__item--link {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
}
.header {
padding: 0 1.5rem 0 1.5rem;
}
.section-header {
position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
margin-bottom: 0px;
}
.header__heading-link {
padding-top: 15px;
padding-bottom: 15px;
}
@media screen and (min-width: 750px) {
.section-header {
margin-bottom: 0px;
}
.header__heading-link {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media screen and (min-width: 990px) {
.header {
padding-right: 3rem;
padding-left: 3rem;
}
}
Home
Best Sellers
Custom Art
Pop Art
Graffiti Art
Banksy Art
Design Art
Design Art
Vintage Art
City Art
Geometric Art
Marble Art
Greek Art
Motivational Art
Black & White Art
Modern Art
Landscape Art
Japanese Art
Minimalist Art
Boho Art
Tree Of Life Art
…[truncated by Evolize: exceeded D1 value limit]
Markup<body class="gradient" style="height: 100%;" ondragstart="return false;" ondrop="return false;">
<a class="skip-to-content-link button visually-hidden" href="#MainContent">
Skip to content
</a>
<script src="//thetrendyart.com/cdn/shop/t/32/assets/cart.js?v=80361240427046189311781123859" defer="defer"></script>
<style>
.drawer {
visibility: hidden;
}
.cart-drawer__card .drawer__inner {
height: calc(100% - 2rem);
margin: 1rem;
border-radius: 6px;
}
</style>
<cart-drawer class="drawer is-empty cart-drawer__card color-background-1">
<div id="Cart… How to fixAdd a level-one heading (h1) to the page that accurately describes its main topic or purpose. Ensure this heading is the first heading on the page and is properly nested within the HTML structure.
Low
Video may be missing captions
A video element has no captions or subtitles track. Whether captions are needed depends on the audio content and requires manual review.
Component
2 affected pages
2 instances
WCAG WCAG 2.1 SC 1.2.2 Captions (Prerecorded) (Level A)
Ref MWH2UV
Affected pagehttps://thetrendyart.com/
Elementdiv#trustoo-review-detail > div:nth-of-type(2) > video
Markup<video class="tt-detail-video" style="display:none" type="video/mp4,video/wmv, video/avi, video/mp4, video/flv,
video/3gp, video/mov, video/mkv, video/vob" autoplay="" controls=""></video> How to fixAdd captions or subtitles to the video to ensure that all users can access the audio content. This can be done by adding a track element to the video element with the kind attribute set to 'captions' or 'subtitles'.
Low
Carousel has no accessible controls
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.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 2.1.1 Keyboard (Level A), WCAG 2.1 SC 2.2.2 Pause, Stop, Hide (Level A)
Ref OR4IIV
Affected pagehttps://thetrendyart.com/
Elementslider-element#slideshow--template--27495707476247__slideshow_WzgFfr
Accessible nameThe Finest Wall Art
We provide the best and most trendy wall art. You can find Graffiti Art, Pop Art, Motivational Art, Photography Art ... Find the finest wall art for your home, apartment or office
Markup<slider-element class="slideshow" id="slideshow--template--27495707476247__slideshow_WzgFfr" data-slide-per-view-desktop="1" data-slide-per-view-mobile="1" data-is-updated-height="true" data-is-updated-color="true" data-enabled-desktop="true" data-enabled-mobile="true">
<div class="keen-slider slideshow__slider slideshow__slider--fixed slideshow--single-slide"><div class="keen-slider__slide slideshow__slide color-background-1" id="slide--slide_TgKbxR">
<div class="slide__image slide__image--no-overlay-mobile">
<div class="slide__decoration slide__decoration--none">… How to fixAdd visible and accessible controls (e.g., previous, next, pause) to the carousel that can be operated via keyboard and are compatible with assistive technologies.