Automated technical assessment of 5 publicly accessible pages · Scanned 13 Aug 2026. Inspected 5 of 5 selected pages.
Findings
Critical
Links lack accessible text
Links expose no accessible name, so their destination is unknown to screen reader users.
Component
1 affected page
2 instances
WCAG WCAG 2.1 SC 2.4.4 Link Purpose (In Context) (Level A)
Ref RJP418
Affected pagehttps://www.linenandflax.com/
Element.multi-column__media.overflow-hidden[href$="locations"]
Markup<a href="/pages/locations" class="multi-column__media overflow-hidden">
How to fixAdd text to these links that describes their destination, or use the 'alt' attribute on the image to provide a text description if the image is the only content of the link.
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 D5ZAUC
Affected pagehttps://www.linenandflax.com/
Elementform#predictive-search-form > div > input
Accessible nameSearch
Markup<input type="search" name="q" spellcheck="false" class="header-search__input h5 sm:h4" aria-label="Search" placeholder="Search for...">
How to fixTo fix this issue, ensure that the element is removed from the tab order when it is not visible. This can be achieved by setting the 'tabindex' attribute to '-1' or by using JavaScript to remove the element from the DOM when it is hidden.
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 D4XULV
Affected pagehttps://www.linenandflax.com/
Elementdiv#header-panel-1 > ul > li:nth-of-type(1) > a
Accessible nameWork With Us
Markup<a href="/pages/design-services" class="header-sidebar__linklist-button h6">Work With Us</a>
How to fixEnsure that the link is visible when it receives focus, or remove it from the tab order if it's not intended to be interacted with. This can be achieved by adding a visible style when the link is focused or by setting the 'tabindex' attribute to '-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
30 instances
WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A)
Ref OECA45
Affected pagehttps://www.linenandflax.com/
Elementheader-sidebar#sidebar-menu > div > div:nth-of-type(1) > ul > li:nth-of-type(1) > button
Accessible nameDesign
Markup<button type="button" class="header-sidebar__linklist-button h6" aria-controls="header-panel-1" aria-expanded="false">Design<svg aria-hidden="true" focusable="false" fill="none" width="12" class="icon icon-chevron-right icon--direction-aware" viewBox="0 0 10 10">
<path d="m3 9 4-4-4-4" stroke="currentColor" stroke-linecap="square"></path>
</svg></button> How to fixEnsure that all elements that are not visible are also removed from the tab order, or make them visible when they receive focus. This can be achieved by setting the 'tabindex' attribute to '-1' or by using CSS to make the element visible when focused.
High
Scrollable region must have keyboard access
Scrollable region must have keyboard access
Component
1 affected page
1 instance
WCAG WCAG SC 2.1.1, WCAG SC 2.1.3
Ref A8YQV9
Affected pagehttps://www.linenandflax.com/products/rosemary-basket
Element#product-gallery-carousel-7407310995645-template--20730279461053__main
Accessible nameRosemary Basket (3 Sizes)
Roleregion
Markup<scroll-carousel adaptive-height="" id="product-gallery-carousel-7407310995645-template--20730279461053__main" class="product-gallery__carousel scroll-area full-bleed md:unbleed is-scrollable" role="region">
How to fixEnsure that the scrollable region can be accessed and controlled using a keyboard by adding appropriate keyboard event handlers or using a library that provides keyboard navigation out of the box.
Medium
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
5 affected pages
5 instances
WCAG WCAG 2.1 SC 2.1.1 Keyboard (Level A), WCAG 2.1 SC 2.2.2 Pause, Stop, Hide (Level A)
Ref 68F2AP
Affected pagehttps://www.linenandflax.com/
Elementannouncement-bar-carousel#carousel-sections--20730280280253__announcement-bar
Accessible nameRosemary Luxe Hat now - available in-store & online
Markup<announcement-bar-carousel allow-swipe="" id="carousel-sections--20730280280253__announcement-bar" class="announcement-bar__carousel" tabindex="0"><p class="prose heading is-selected"></p><p class="prose heading ">Rosemary Luxe Hat now - available in-store & online</p><p class="prose heading "></p></announcement-bar-carousel>
How to fixAdd visible and accessible controls (e.g., previous, next, pause) to the carousel that can be operated using a keyboard and are accessible to assistive technologies.
Medium
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref GB4XW2
Affected pagehttps://www.linenandflax.com/
Elementa[href="mailto:[email removed]"]
Accessible name[email removed]
Markup<a href="mailto:[email removed]" target="_blank" title="mailto:[email removed]">[email removed]</a>
How to fixIncrease the contrast between the text color and the background color by using a color with a higher contrast ratio, such as a darker or lighter shade, to improve readability.
Medium
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
3 affected pages
3 instances
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref ZW7TP6
Affected pagehttps://www.linenandflax.com/
Element.align-self-start > .button[type="submit"]
Accessible nameSubscribe
Markup<button type="submit" class="button">Subscribe</button>
How to fixIncrease the contrast between the button text color and its background color to meet the minimum contrast ratio thresholds.
Medium
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
1 affected page
4 instances
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref WLRRLR
Affected pagehttps://www.linenandflax.com/collections/trays-baskets
Elementproduct-card:nth-child(4) > .product-card__info.empty\:hidden > .gap-2.justify-items-center.v-stack > .gap-1.justify-items-center.v-stack > price-list > .text-on-sale
Accessible nameSale price$186.00
Markup<sale-price class="h6 text-on-sale">
<span class="sr-only">Sale price</span>$186.00</sale-price> How to fixIncrease the contrast between the text color and the background color of the sale price by using a darker or lighter shade, or add a background overlay to improve readability.
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 3KNSZD
Affected pagehttps://www.linenandflax.com/
Element#carousel-template--20730279329981__collection-list > .grow.collection-card.shrink-0:nth-child(3) > .collection-card__content.color-scheme--scheme-4.prose--tight > .h3
Accessible nameAPPAREL
Markup<p class="h3">APPAREL</p>
How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirements, which is 4.5:1 for normal text.
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 QK9210
Affected pagehttps://www.linenandflax.com/
Element#carousel-template--20730279329981__collection-list > .collection-card.shrink-0[href$="home"] > .collection-card__content.color-scheme--scheme-4.prose--tight > .h3
Accessible nameHOME
Markup<p class="h3">HOME</p>
How to fixIncrease the contrast between the text color and background color by using a color with sufficient difference in lightness and saturation, or add a background image or overlay to enhance readability.
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 1IUCTN
Affected pagehttps://www.linenandflax.com/
Element#carousel-template--20730279329981__collection-list > .grow.is-selected[href$="design-services"] > .collection-card__content.color-scheme--scheme-4.prose--tight > .h3
Accessible nameDESIGN
Markup<p class="h3">DESIGN</p>
How to fixIncrease the contrast between the text color and the background color by using a darker or lighter shade, or by adding a background overlay to improve readability.
Low
Page has no level-one heading
The page exposes no <h1>, so its topic is not conveyed in the heading structure.
Component
2 affected pages
2 instances
WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A)
Ref RLSJTQ
Affected pagehttps://www.linenandflax.com/collections/trays-baskets
Elementhtml > body
Accessible nameSkip to content
:root {
--announcement-bar-is-sticky: 0;--header-scroll-tracker-offset: var(--announcement-bar-height);}#shopify-section-sections--20730280280253__announcement-bar {
--announcement-bar-font-size: 0.75rem;
}
@media screen and (min-width: 999px) {
#shopify-section-sections--20730280280253__announcement-bar {
--announcement-bar-font-size: 0.75rem;
}
}
Previous
Rosemary Luxe Hat now - available in-store & online
Next
document.documentElement.style.setProperty('--announcement-bar-height', `${document.getElementById('shopify-section-sections--20730280280253__announcement-bar').clientHeight.toFixed(2)}px`);
:root {
--header-is-sticky: 1;
}
#shopify-section-sections--20730280280253__header {
--header-grid: "primary-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);
--header-padding-block: 1rem;
--header-transparent-header-text-color: 255 255 255;
--header-separation-border-color: 0 0 0 / 0;
position: relative;
z-index: 4;
}
@media screen and (min-width: 700px) {
#shopify-section-sections--20730280280253__header {
--header-padding-block: 1.6rem;
}
}
@media screen and (min-width: 1000px) {
#shopify-section-sections--20730280280253__header {--header-grid: "logo primary-nav secondary-nav" / minmax(max-content, 1fr) auto minmax(max-content, 1fr);}
}#shopify-section-sections--20730280280253__header {
position: sticky;
top: 0;
}
.shopify-section--announcement-bar ~ #shopify-section-sections--20730280280253__header {
top: calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px));
}#shopify-section-sections--20730280280253__header {
--header-logo-width: 160px;
}
@media screen and (min-width: 700px) {
#shopify-section-sections--20730280280253__header {
--header-logo-width: 300px;
}
}
Linen and Flax Co.
Navigation menu
DesignWork With UsOutdoor FurnitureFire PitPorch Bed Swing
Home
New Arrivals
The Autumn Edit
Jaclyn's Apartment
Pillows + Throws
All Pillows + Throws
Patterned Pillows
Solid Pillows
Outdoor Pillows
Blankets + Throws
Bedding + Bath
All Bedding + Bath
Bedding
Bath
Detergents
Décor
All Decor
Accessories
Lamps
Books
Photo Frames
Candleholders
Decorative Bowls
Trays + Baskets
Vases + Vessels
Wall Decor
Fillers + Greenery
Planters + Pots
Rugs
Stationery
Kitchen
All Kitchen
Linens
Tabletop
Serveware
Coffee + Tea
Utensils + Tools
Barware
Home Scents + Fragrances
Candles + Fragrance
Lotions
Soaps
Cleaners
L'AVANT
LINNEA
LAFCO
Sale
Home Sale
Gift Cards
Gift Card
Women
New Arrivals
All Apparel
All Apparel
Tops
Sweaters + Cardigans
Blazers
Blouses
Sweatshirts
Basics
Tees
Tanks
Lounge Tops
Bottoms
All Bottoms
Denim
Pants
Skirts
Shorts
Lounge Pants
Athleisure
Athleisure Tops
Athleisure Bottoms
Dresses
All Dresses
Casual
Mini
Midi
Maxi
Special Occasion
Rompers + Jumpsuits
All Rompers + Jumpsuits
Rompers
Jumpsuits
Outerwear
All Outerwear
Coats
Jackets
L&F Merch
All L&F Merch
Shoes
All Shoes
Boots + Booties
Flats + Mules
Heels + Wedges
Sandals
Slippers + Socks
Sneakers
Jewelry
All Jewelry
Bracelets
Earrings
Necklaces
Rings
Accessories
All Accessories
Handbags/Bag Straps
Belts
Eyewear
Hats
Hair Accessories
Scarves/Wraps
Intimates
Luggage/Travel Bags
Beauty
All Beauty
Skin Pharm
Sale
All Sale
Sale Tops
Sale Dresses + Jumpsuits
Sale Bottoms
Sale Cover-Ups
Sale Shoes
Sale Accessories
Gift Cards
Gift Card
Men
Men's Brands
Gift Guide for Him
The Game Day Collection
New Arrivals
All Apparel
All Clothing
Activewear
Outerwear
Pants
…[truncated by Evolize: exceeded D1 value limit]
Markup<body class="features--button-transition features--zoom-image color-scheme color-scheme--scheme-1"><template id="drawer-default-template">
<div part="base">
<div part="overlay"></div>
<div part="content">
<header part="header">
<slot name="header"></slot>
<dialog-close-button style="display: contents">
<button type="button" part="close-button tap-area" aria-label="Close"><svg aria-hidden="true" focusable="false" fill="none" width="14" class="icon icon-close" viewBox="0 0 16 16">
<path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width… How to fixAdd a level-one heading (h1) to the page that accurately describes its main content or purpose. Ensure this heading is the first heading on the page and is properly nested within the HTML structure.
Low
Touch targets are too small
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Component
1 affected page
3 instances
WCAG WCAG 2.2 SC 2.5.8 Target Size (Minimum) (Level AA)
Ref RI2HDJ
Affected pagehttps://www.linenandflax.com/
Element.tap-area[aria-current="false"]:nth-child(2)
Accessible nameGo to item 2
Markup<button class="tap-area" aria-current="false">
How to fixEnsure that all interactive elements, such as buttons, have a minimum size of 24x24px or provide sufficient space around them to meet the target size requirement.
Low
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
2 affected pages
2 instances
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref V6IN2O
Affected pagehttps://www.linenandflax.com/collections/trays-baskets
Elementbutton[type="submit"]
Accessible nameSubscribe
Markup<button type="submit" class="button">Subscribe</button>
How to fixIncrease the contrast between the text color and background color of the button to meet the minimum contrast ratio thresholds.
Low
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
2 affected pages
2 instances
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref K1PL3N
Affected pagehttps://www.linenandflax.com/
Element.form-row > .button[type="submit"]
Accessible nameSubscribe
Markup<button type="submit" class="button">Subscribe</button>
How to fixIncrease the contrast between the text color and background color of the button to meet the minimum contrast ratio thresholds.
Low
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
1 affected page
2 instances
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref T97AGL
Affected pagehttps://www.linenandflax.com/pages/design-services
Elementp:nth-child(3) > a > strong
Accessible name[email removed]
Markup<strong>[email removed]</strong>
How to fixIncrease the contrast between the text color and the background color by using a color with a higher contrast ratio, or add a background image or texture that provides sufficient contrast.
Low
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
1 affected page
2 instances
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref LWEWJX
Affected pagehttps://www.linenandflax.com/products/rosemary-basket
Element.is-disabled.block-swatch:nth-child(2) > span
Accessible nameSmall
How to fixIncrease the contrast between the text color and background color of the 'Small' label by using a darker or lighter color for the text or background, ensuring a minimum contrast ratio of 4.5:1 for normal text.
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 LAIKQ8
Affected pagehttps://www.linenandflax.com/products/rosemary-basket
Elementscroll-carousel#product-gallery-carousel-7407310995645-template--20730279461053__main
Accessible nameRosemary Basket (3 Sizes)
Roleregion
Markup<scroll-carousel adaptive-height="" id="product-gallery-carousel-7407310995645-template--20730279461053__main" class="product-gallery__carousel scroll-area full-bleed md:unbleed is-scrollable" role="region"><div class="product-gallery__media snap-center " data-media-type="image" data-media-id="25084220473533" role="group" aria-label="Item 1 of 5"><img src="//www.linenandflax.com/cdn/shop/products/indaba1-2903.jpg?v=1669651098&width=800" alt="Rosemary Basket (3 Sizes)" srcset="//www.linenandflax.com/cdn/shop/products/indaba1-2903.jpg?v=1669651098&width=200 200w, //www.linenandflax.com/c…
How to fixAdd accessible controls to the carousel, such as previous/next buttons or a pause button, and ensure they are reachable via keyboard navigation. Consider using ARIA attributes to enhance accessibility for screen reader users.
Low
ARIA attributes have invalid values
ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 4.1.2 Name, Role, Value (Level A)
Ref BCFRFD
Affected pagehttps://www.linenandflax.com/collections/trays-baskets
Elementbutton[aria-controls="sort-by-popover"]
Accessible nameSort by
Markup<button type="button" aria-controls="sort-by-popover" class="collection-toolbar__button heading text-xxs w-full" aria-haspopup="dialog">
How to fixVerify that the referenced ID exists and the ARIA attribute value is valid. Ensure that the element with the ID 'sort-by-popover' is present in the DOM and is a valid target for the aria-controls attribute. Also, check that the aria-haspopup attribute has a valid value, which in this case is 'dialog'.
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 WGVSFL
Affected pagehttps://www.linenandflax.com/pages/design-services
Elementsection#shopify-section-template--20730282475709__slideshow
Accessible nameDESIGN SERVICES
Markup<section id="shopify-section-template--20730282475709__slideshow" class="shopify-section shopify-section--slideshow"><slideshow-carousel id="carousel-template--20730282475709__slideshow" class="slideshow" allow-swipe="" cell-selector=".slideshow__slide" autoplay="5" role="region" style="--background: 0 0 0
; background-color: rgb(var(--background));--border-color: var(--text-color) / 0.15;"><div class="slideshow__slide is-selected" media-type="image" role="group"><div class="content-over-media content-over-media--sm" style="--content-over-media-content-max-width: 600px; --content-over-media-…
How to fixAdd accessible controls to the carousel, such as previous, next, and pause buttons, and ensure they are reachable via keyboard navigation. Consider using ARIA attributes to enhance accessibility for screen readers and other assistive technologies.
Low
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 Z1ZWOD
Affected pagehttps://www.linenandflax.com/
Element.slideshow__slide.is-selected[media-type="image"] > .content-over-media--lg.content-over-media > .slideshow__slide-content.slideshow__slide-content--boxed.slideshow__slide-content--with-border > .prose > .sm\:justify-start.button-group.justify-center > .button--outline.button
Accessible nameORDER NOW
Markup<a class="button button--outline" href="/collections/all-products-apparel">ORDER NOW</a>
How to fixIncrease the contrast between the text color and background color of the button to meet the minimum contrast ratio thresholds, such as using a darker or lighter color for the text or background.
Low
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 QBD2AI
Affected pagehttps://www.linenandflax.com/collections/trays-baskets
Element.justify-center
Accessible nameSort by
Markup<span class="text-with-icon justify-center">Sort by<svg aria-hidden="true" focusable="false" fill="none" width="10" class="icon icon-chevron-down" viewBox="0 0 10 10">
<path d="m1 3 4 4 4-4" stroke="currentColor" stroke-linecap="square"></path>
</svg></span> How to fixIncrease the contrast between the text color and its background by adjusting either the text color or the background color to meet the minimum contrast ratio requirements as defined by WCAG 2.1 SC 1.4.3.
Low
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 8VB4CW
Affected pagehttps://www.linenandflax.com/
Element.slideshow__slide.is-selected[media-type="image"] > .content-over-media--lg.content-over-media > .slideshow__slide-content.slideshow__slide-content--boxed.slideshow__slide-content--with-border > .prose > .h1
Accessible nameTHE AUTUMN EDIT
Markup<p class="h1">THE AUTUMN EDIT</p>
How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirements. A contrast ratio of at least 4.5:1 for normal text is recommended.
Low
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 SCVO5C
Affected pagehttps://www.linenandflax.com/cart
Elementa[href$="all"]
Accessible nameContinue shopping
Markup<a class="button" href="/collections/all">Continue shopping</a>
How to fixIncrease the contrast between the text color and background color of the button to meet the minimum contrast ratio thresholds, such as using a darker or lighter color for the text or background.
Low
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 UQLJPG
Affected pagehttps://www.linenandflax.com/products/rosemary-basket
Element.button--outline
Accessible nameAdd to cart
Markup<button type="submit" class="button button--outline w-full">Add to cart</button>
How to fixIncrease the contrast between the text color and background color of the button to meet the minimum contrast ratio thresholds.
Low
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 KYEOEI
Affected pagehttps://www.linenandflax.com/
Element.slideshow__slide.is-selected[media-type="image"] > .content-over-media--lg.content-over-media > .slideshow__slide-content.slideshow__slide-content--boxed.slideshow__slide-content--with-border > .prose > p:nth-child(1)
Accessible nameFALL IS HERE!
Markup<p class="h6">FALL IS HERE!</p>
How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirement of 4.5:1 for normal text. This can be achieved by using online color contrast analyzer tools to find suitable color combinations.
Low
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 UFYSDP
Affected pagehttps://www.linenandflax.com/collections/trays-baskets
Elementbutton[aria-controls="facets-drawer"]
Accessible nameFilter
Markup<button type="button" aria-controls="facets-drawer" class="collection-toolbar__button heading text-xxs w-full">Filter
</button> How to fixIncrease the contrast between the text color and background color of the button to meet the minimum contrast ratio thresholds, such as using a darker or lighter background color, or a more vibrant text color.