EVOLIZE Run a free assessment

Accessibility assessment of jkeithjewelry.com

Automated technical assessment of 5 publicly accessible pages · Scanned 13 Aug 2026. Inspected 5 of 5 selected pages.

23findings detected
13critical + high
5pages inspected

What to fix first

  1. Critical Buttons have no accessible name
  2. Critical Links lack accessible text
  3. High Hidden elements can still receive keyboard focus
  4. High Hidden elements can still receive keyboard focus
  5. High List items are not inside a list

Findings

Critical

Buttons have no accessible name

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

Component 3 affected pages 3 instances WCAG WCAG 2.1 SC 4.1.2 Name, Role, Value (Level A) Ref 5EURUB
Affected pagehttps://jkeithjewelry.com/products/mesec2338
Element.starting-slide > .product-image-main[data-product-image-main=""] > .image-wrap > .js-photoswipe__zoom.product__photo-zoom.btn--body
Accessible nameClose (esc)
Markup
<button type="button" class="btn btn--body btn--circle js-photoswipe__zoom product__photo-zoom">
How to fixAdd an accessible name to the button, either by including text within the button element or by using the aria-label or aria-labelledby attribute to provide a text description of the button's purpose.
Critical

Links lack accessible text

Links expose no accessible name, so their destination is unknown to screen reader users.

Component 1 affected page 1 instance WCAG WCAG 2.1 SC 2.4.4 Link Purpose (In Context) (Level A) Ref 2JOQ2M
Affected pagehttps://jkeithjewelry.com/
Element.feature-row__item.aos-init[data-aos=""]:nth-child(2) > div > a
Markup
<a href="https://www.google.com/maps?daddr=8001+Quaker+Ave+ste+h,+Lubbock,+TX+79424">
How to fixAdd text to the link, or provide alternative text for the image inside the link, so screen readers can announce the link's purpose.
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 5 instances WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A) Ref KTX71E
Affected pagehttps://jkeithjewelry.com/
Elementdiv#NavDrawer > div > div:nth-of-type(2) > ul:nth-of-type(1) > li:nth-of-type(4) > a
Accessible nameCustom
Markup
<a href="/pages/custom-jewelry" class="mobile-nav__link mobile-nav__link--top-level">Custom</a>
How to fixRemove the element from the tab order or make it visible when it receives focus. This can be achieved by adding 'tabindex=-1' to the element or by adjusting the CSS to display the element when it has focus.
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 20 instances WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A) Ref KPJ7T
Affected pagehttps://jkeithjewelry.com/
Elementa#Label-collections-bridal1
Accessible nameBridal
Markup
<a href="/collections/bridal" class="mobile-nav__link mobile-nav__link--top-level" id="Label-collections-bridal1">
                    Bridal
                  </a>
How to fixRemove the element from the tab order by setting the 'tabindex' attribute to '-1' or by hiding it from screen readers using 'aria-hidden=true' if it's not intended to be interacted with. Alternatively, make the element visible when it receives focus.
High

List items are not inside a list

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

Component 5 affected pages 10 instances WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A) Ref 7OOU8T
Affected pagehttps://jkeithjewelry.com/
Element.site-nav--is-megamenu.site-nav--has-dropdown[aria-haspopup="true"]:nth-child(1)
Accessible nameBridal Designers A.Jaffe Sylvie Collection House of Baguettes Benchmark Rings Engagement Halo Solitaire Three Stone Vintage View All Styles Wedding For Her For Him
Markup
<li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--is-megamenu" aria-haspopup="true">
How to fixEnsure all <li> elements are contained within a <ul> or <ol> element to maintain the list structure and relationships for assistive technologies.
High

List items are not inside a list

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

Component 5 affected pages 10 instances WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A) Ref VIYTA
Affected pagehttps://jkeithjewelry.com/
Element.site-nav--has-dropdown.site-nav__item[aria-haspopup="true"]:nth-child(3)
Accessible nameTexas Tech University Rings for Her University Rings for Him
Markup
<li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true">
How to fixEnsure all <li> elements are contained within a <ul> or <ol> to properly convey list relationships to assistive technology.
High

List items are not inside a list

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

Component 5 affected pages 10 instances WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A) Ref 2QAD4I
Affected pagehttps://jkeithjewelry.com/
Element.site-nav__item.site-nav__expanded-item:nth-child(4)
Accessible nameCustom
Markup
<li class="site-nav__item site-nav__expanded-item">

      <a href="/pages/custom-jewelry" class="site-nav__link site-nav__link--underline">
        Custom
      </a></li>
How to fixTo fix this issue, ensure that all <li> elements are contained within a <ul> or <ol> element. Review the HTML structure and move the <li> element inside a <ul> or <ol> to establish the correct list relationship.
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 20 instances WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A) Ref S7EHC0
Affected pagehttps://jkeithjewelry.com/
Elementdiv:nth-of-type(2) > ul:nth-of-type(1) > li:nth-of-type(1) > div:nth-of-type(1) > div > button
Accessible nameBridal
Markup
<button type="button" aria-controls="Linklist-collections-bridal1" aria-labelledby="Label-collections-bridal1" class="collapsible-trigger collapsible--auto-height" aria-expanded="false"><span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation">
  <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path></svg>
</span>
</button>
How to fixEnsure that all interactive elements are visible when they receive keyboard focus, or remove them from the tab order if they are not meant to be interacted with. Consider using the 'display: none' or 'visibility: hidden' CSS properties to remove the element from the tab order when it is not visible.
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 5 instances WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A) Ref 2DHNCN
Affected pagehttps://jkeithjewelry.com/
Elementdiv#NavDrawer > div > div:nth-of-type(1) > div > div:nth-of-type(2) > button
Accessible nameClose menu
Markup
<button type="button" class="drawer__close-button js-drawer-close">
            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"></path></svg>
            <span class="icon__fallback-text">Close menu</span>
          </button>
How to fixEnsure that hidden interactive elements are removed from the tab order or made visible when they receive focus. This can be achieved by setting the 'tabindex' attribute to '-1' or by adjusting the element's visibility styles when it receives focus.
High

ARIA hidden element must not be focusable or contain focusable elements

ARIA hidden element must not be focusable or contain focusable elements

Component 3 affected pages 3 instances WCAG WCAG SC 4.1.2 Ref NE97IE
Affected pagehttps://jkeithjewelry.com/products/mesec2338
Element.visually-invisible
Accessible nameSold Out Quick view Triple Split Shank Halo Emerald Cut Diamond Engagement RingA. Jaffe$0.00 "Close (esc)"
Markup
<div class="grid grid--uniform visually-invisible" aria-hidden="true">
How to fixEnsure that elements with aria-hidden=true do not contain focusable elements and are not focusable themselves. Remove or disable any interactive elements within the hidden container, or remove the aria-hidden attribute if the element or its contents should be focusable.
High

ARIA hidden element must not be focusable or contain focusable elements

ARIA hidden element must not be focusable or contain focusable elements

Component 1 affected page 2 instances WCAG WCAG SC 4.1.2 Ref X4394L
Affected pagehttps://jkeithjewelry.com/
Elementa[aria-label="Check it out"]
Accessible nameCheck it out
Markup
<a href="/pages/a-guide-to-engagement-rings" class="promo-grid__slide-link" aria-hidden="true" aria-label="Check it out"></a>
How to fixRemove the 'aria-hidden=true' attribute if the element or its contents need to be focusable, or ensure that the element and its contents are not focusable if it is intended to be hidden from screen readers.
High

ARIA hidden element must not be focusable or contain focusable elements

ARIA hidden element must not be focusable or contain focusable elements

Component 1 affected page 2 instances WCAG WCAG SC 4.1.2 Ref UQVD45
Affected pagehttps://jkeithjewelry.com/
Element.slideshow__slide--slideshow-1
Accessible name.slideshow__slide--slideshow-1 .hero__title { font-size: 50.0px; } @media only screen and (min-width: 769px) { .slideshow__slide--slideshow-1 .hero__title { font-size: 100px; } } .slideshow__slide--slideshow-1 .btn { background: #c20000 !important; border: none; } .slideshow__slide--slideshow-1 .hero__image-wrapper:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; background-color: #000; opacity: 0.08; } <img class="hero__image hero__image--slideshow-1" src="//jkeithjewelry.com/cdn/shop/files/193656101_4231296686928201_4240458549794054302_n_1400x.jpg?v=1650290243" alt="Young woman wearing a gold custom Texas Tech class ring surrounded by diamonds."> Class of 2022 Texas Tech Celebrate your achievements with class. Shop all
Markup
<div class="slideshow__slide slideshow__slide--slideshow-1" data-index="1" data-id="slideshow-1" aria-hidden="true" style="position: absolute; left: 0px; transform: translateX(-50%);">
How to fixEnsure that elements with aria-hidden=true do not contain focusable elements and are not focusable themselves. Remove any focusable elements or attributes from the hidden element, or remove the aria-hidden attribute if the element should be focusable.
High

ARIA hidden element must not be focusable or contain focusable elements

ARIA hidden element must not be focusable or contain focusable elements

Component 1 affected page 1 instance WCAG WCAG SC 4.1.2 Ref K2K68S
Affected pagehttps://jkeithjewelry.com/
Element.hero__slide-link[href$="a-jaffe"][aria-hidden="true"]
Markup
<a href="/collections/a-jaffe" class="hero__slide-link" aria-hidden="true"></a>
How to fixRemove the 'aria-hidden=true' attribute from the element if it or its children are intended to be interactive, or ensure that no focusable elements are contained within it. Alternatively, if the element is not meant to be interactive, remove any focusable elements or attributes (like 'href' for links) from it and its children.
Low

Low-quality alternative text

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

Component 3 affected pages 11 instances WCAG WCAG 2.1 SC 1.1.1 Non-text Content (Level A) Ref RWZS1X
Affected pagehttps://jkeithjewelry.com/products/mesec2338
Elementdiv > div > div:nth-of-type(1) > div > div > img
Markup
<img class="photoswipe__image lazyautosizes lazyloaded" data-photoswipe-src="//jkeithjewelry.com/cdn/shop/products/MESEC2338-226_A_1800x1800.jpg?v=1557862301" data-photoswipe-width="840" data-photoswipe-height="840" data-index="1" data-widths="[360, 540, 720, 900, 1080]" data-aspectratio="1.0" data-sizes="auto" alt="Triple Split Shank Halo Emerald Cut Diamond Engagement Ring" data-srcset="//jkeithjewelry.com/cdn/shop/products/MESEC2338-226_A_360x.jpg?v=1557862301 360w, //jkeithjewelry.com/cdn/shop/products/MESEC2338-226_A_540x.jpg?v=1557862301 540w, //jkeithjewelry.com/cdn/shop/products/MESEC2…
How to fixUpdate the alt text for each image to provide a unique and descriptive text that accurately represents the content of the image.
Low

Low-quality alternative text

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

Component 3 affected pages 11 instances WCAG WCAG 2.1 SC 1.1.1 Non-text Content (Level A) Ref V08N70
Affected pagehttps://jkeithjewelry.com/products/mesec2338
Elementdiv:nth-of-type(2) > div > div:nth-of-type(1) > div > a > img
Markup
<img class="animation-delay-3 lazyautosizes lazyloaded" data-widths="[120, 360, 540, 720]" data-aspectratio="1.0" data-sizes="auto" alt="Triple Split Shank Halo Emerald Cut Diamond Engagement Ring" data-srcset="//jkeithjewelry.com/cdn/shop/products/MESEC2338-226_A_120x.jpg?v=1557862301 120w, //jkeithjewelry.com/cdn/shop/products/MESEC2338-226_A_360x.jpg?v=1557862301 360w, //jkeithjewelry.com/cdn/shop/products/MESEC2338-226_A_540x.jpg?v=1557862301 540w, //jkeithjewelry.com/cdn/shop/products/MESEC2338-226_A_720x.jpg?v=1557862301 720w" sizes="76px" srcset="//jkeithjewelry.com/cdn/shop/products/ME…
How to fixUpdate the alt text for each image to provide a unique and descriptive summary of the image content. This will help ensure that users with visual impairments can understand the content and purpose of each image.
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 O6Z2KP
Affected pagehttps://jkeithjewelry.com/
Element.flex-grid__item--288d0b65-77f6-4378-958e-48ad1c7f28db > .vertical-center.promo-grid__container.horizontal-center > .promo-grid__content > .promo-grid__text > .btn:nth-child(3)
Accessible nameShop Hers
Markup
<a href="/collections/ladies-university-rings" class="btn">
                        Shop Hers
                      </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 background color, or a more vibrant text color.
Low

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 S8IETQ
Affected pagehttps://jkeithjewelry.com/
Element.flex-grid__item--7b3f81e6-ecf7-4b59-91d9-9248e913e036 > .vertical-center.promo-grid__container.horizontal-center > .promo-grid__content > .promo-grid__text > .rte--em.rte--block
Accessible nameEngagement Rings
Markup
<div class="rte--block rte--em">
                        Engagement Rings
                      </div>
How to fixIncrease the contrast between the text color and its background by using a darker or lighter background color, or by changing the text color to one that has sufficient contrast with the background. Aim for a contrast ratio of at least 4.5:1 for normal text.
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 IBFD4S
Affected pagehttps://jkeithjewelry.com/
Element.promo-grid__content--framed > .promo-grid__text > .btn
Accessible nameCheck it out
Markup
<a href="/pages/a-guide-to-engagement-rings" class="btn">
                        Check it out
                      </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 background color, or a more vibrant text color.
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 PAZAS7
Affected pagehttps://jkeithjewelry.com/
Element.promo-grid__content--framed > .promo-grid__text > .rte--em.rte--block
Accessible nameYour Guide to
Markup
<div class="rte--block rte--em">
                        Your Guide to
                      </div>
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 per WCAG 2.1 guidelines.
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 EA0LDL
Affected pagehttps://jkeithjewelry.com/
Element.rte--block:nth-child(3)
Accessible nameLearn about the 4 C's, diamond shapes, settings and more.
Markup
<div class="rte--block">
                        Learn about the 4 C's, diamond shapes, settings and more.
                      </div>
How to fixIncrease the contrast between the text and background colors by using a darker or lighter background, or a more vibrant text color, to meet the minimum contrast ratio of 4.5:1 for normal text.
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 ZQA0W4
Affected pagehttps://jkeithjewelry.com/
Element.appear-delay-3 > .btn
Accessible nameGet directions
Markup
<a href="https://www.google.com/maps?daddr=8001+Quaker+Ave+ste+h,+Lubbock,+TX+79424" class="btn">
              Get directions
            </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 S23QXT
Affected pagehttps://jkeithjewelry.com/
Element.slideshow__slide--slideshow-0 > .hero__text-wrap > .page-width > .hero__text-content.horizontal-left.vertical-bottom > .hero__text-shadow > .hero__title.h1 > .animation-cropper > .animation-contents
Accessible nameBy A.Jaffe
Markup
<div class="animation-contents">
                            By A.Jaffe
                            </div>
How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirements, or provide an alternative way for users to access the information.
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 EL8HMI
Affected pagehttps://jkeithjewelry.com/
Element.btn[href$="about-us"]
Accessible nameGet to know us
Markup
<a href="/pages/about-us" class="btn">
              Get to know us
            </a>
How to fixIncrease the contrast between the text color and background color of the button to meet the minimum contrast ratio thresholds.

Keep jkeithjewelry.com monitored

This is a point-in-time assessment. Evolize monitoring re-scans the site on a schedule, flags new and recurring issues, tracks changes over time, and verifies fixes after you make them.

Start monitoring
About this assessment.
  • Automated technical analysis of publicly accessible website 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 accessibility issue.
  • Results reflect the site at the scan date and may have changed since.
  • This is technical information, not legal advice.

Request a correction or removal · How Evolize scans