Mercedes-Benz Dealership Peoria AZ
Critical1 issue
Form elements must have labelslabel · 3 elements affectedCritical
Ensure every form element has a label
Give every form field a programmatic label.
Why: Screen-reader users need to know what a field is for. An unlabeled search or email box is announced only as 'edit text'.
How: Pair each input with a <label for="id"> (or wrap it), or add aria-label. A visible label is best; placeholder text is not a label.
<input type="text" id="aprSlider" name="aprSlider" data-slider-ticks="[1.9,3.9,5.9,7.9,9.9..." data-slider-ticks-la...="["<div class=\"slide..." data-slider-precisio...="2" data-slider-tooltip-...="top" data-slider-reversed="true" class="bootstrap-range-slid..." data-slider-min="1.9" ...>Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"
<input type="text" id="loanSlider" name="loanSlider" data-slider-ticks="[24,36,48,60,72]" data-slider-ticks-la...="["<div class=\"slide..." class="bootstrap-range-slid..." data-slider-min="24" data-slider-max="72" data-slider-step="12" data-slider-mode="default" data-slider-tooltip="hide" ...>Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"
<input type="text" id="dpSlider" name="dpSlider" data-slider-tooltip-...="top" class="bootstrap-range-slid..." data-slider-min="0" data-slider-max="300000" data-slider-step="1000" data-slider-mode="default" data-slider-tooltip="always" data-slider-format="${n}" data-slider-format-d...="0" ...>Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"
Serious3 issues
Links must have discernible textlink-name · 14 elements affectedSerious
Ensure links have discernible text
Give every link discernible text.
Why: A link with only an icon or image is announced with no purpose, so users don't know where it goes.
How: Add text inside the link, or aria-label, or alt text on the image inside it.
<a class="main-bar__logo js-external-link" href="https://www.arrowheadmb.com/new-sprinter-peoria-az">Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<a href="#" class="header-contact__link..." data-content=" <div class='header..." data-original-title="" title="">Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has an empty title attribute
<a href="tel:(623) 815-3900" class="header-contact__link..." data-content=" <div class='header-..." data-original-title="" title="">Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has an empty title attribute
<a href="#" class="header-contact__link..." data-content=" <div class='heade..." data-original-title="" title="">Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has an empty title attribute
<a href="#" class="menu-icon js-menu-trigger js-bem menu-icon_inited">Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<a href="#" class="live-search__submit df-icon df-icon-search js-submit js-live-search-submit"></a>Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<a href="#" class="live-search__reset js-reset df-icon df-icon-close"></a>Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<a class="light-slideshow__slide-link js-slideshow-slide-link js-external-link" href="https://www.arrowheadmb.com/new-mercedes-benz-eqe-peoria-az" draggable="false"></a>Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<a class="light-slideshow__slide-link js-slideshow-slide-link js-external-link" href="https://www.arrowheadmb.com/new-mercedes-benz-peoria-az?model%5B%5D=EQB&model%5B%5D=EQE&model%5B%5D=EQS" draggable="false"></a>Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<a class="df-icon df-icon-facebook-square __df-icon-lg js-social-links js-social-link-facebook js-external-link" href="https://www.facebook.com/MercedesBenzofArrowhead" target="_blank"></a>Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<a class="df-icon df-icon-instagram-square __df-icon-lg js-social-links js-social-link-instagram js-external-link" href="https://www.instagram.com/mercedesbenzarrowhead/" target="_blank"></a>Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<a class="df-icon df-icon-youtube-play __df-icon-lg js-social-links js-social-link-youtube js-external-link" href="https://www.youtube.com/channel/UCl4XiuIZO-5srJs7MfZssFw" target="_blank"></a>Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<a class="df-icon df-icon-twitter-square __df-icon-lg js-social-links js-social-link-twitter js-external-link" href="https://twitter.com/MBofArrowhead" target="_blank"></a>Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
<a class="df-icon df-icon-linkedin-square __df-icon-lg js-social-links js-social-link-linkedin js-external-link" href="https://www.linkedin.com/company/mercedes-benzof-arrowhead" target="_blank"></a>Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
Links must be distinguishable without relying on colorlink-in-text-block · 9 elements affectedSerious
Ensure links are distinguished from surrounding text in a way that does not rely on color
Full technical reference (Deque) →<a class="js-external-link" href="https://www.arrowheadmb.com/" target="_blank">Mercedes-Benz dealership</a>Fix any of the following: The link has insufficient color contrast of 2.15:1 with the surrounding text. (Minimum contrast is 3:1, link text: #000000, surrounding text: #444444) The link has no styling (such as underline) to distinguish it from the surrounding text
<a class="js-external-link" href="https://www.arrowheadmb.com/new-mercedes-benz-peoria-az?standardizedBody%5B%5D=SUV" target="_blank">Mercedes-Benz SUV</a>Fix any of the following: The link has insufficient color contrast of 2.15:1 with the surrounding text. (Minimum contrast is 3:1, link text: #000000, surrounding text: #444444) The link has no styling (such as underline) to distinguish it from the surrounding text
<a class="js-external-link" href="https://www.arrowheadmb.com/used-vehicles-peoria-az" target="_blank">Certified Pre-Owned Mercedes-Benz vehicles</a>Fix any of the following: The link has insufficient color contrast of 2.15:1 with the surrounding text. (Minimum contrast is 3:1, link text: #000000, surrounding text: #444444) The link has no styling (such as underline) to distinguish it from the surrounding text
<a class="js-external-link" href="https://www.arrowheadmb.com/clp-mercedes-benz-electric-vehicles-in-peoria-az" target="_blank"> Mercedes-Benz electric vehicles</a>Fix any of the following: The link has insufficient color contrast of 2.15:1 with the surrounding text. (Minimum contrast is 3:1, link text: #000000, surrounding text: #444444) The link has no styling (such as underline) to distinguish it from the surrounding text
<a class="js-external-link" href="https://www.arrowheadmb.com/clp-get-online-pre-approval-for-financing-in-peoria-az" target="_blank">Mercedes-Benz financing</a>Fix any of the following: The link has insufficient color contrast of 2.15:1 with the surrounding text. (Minimum contrast is 3:1, link text: #000000, surrounding text: #444444) The link has no styling (such as underline) to distinguish it from the surrounding text
<a class="js-external-link" href="https://www.arrowheadmb.com/clp-buy-or-lease-a-mercedes-benz-in-peoria-az" target="_blank">Mercedes-Benz lease deals</a>Fix any of the following: The link has insufficient color contrast of 2.15:1 with the surrounding text. (Minimum contrast is 3:1, link text: #000000, surrounding text: #444444) The link has no styling (such as underline) to distinguish it from the surrounding text
<a class="js-external-link" href="https://www.arrowheadmb.com/car-service-in-peoria-az" target="_blank">Mercedes-Benz service and maintenance</a>Fix any of the following: The link has insufficient color contrast of 2.15:1 with the surrounding text. (Minimum contrast is 3:1, link text: #000000, surrounding text: #444444) The link has no styling (such as underline) to distinguish it from the surrounding text
<a class="js-external-link" href="https://www.arrowheadmb.com/new-mercedes-benz-peoria-az" target="_blank">New Mercedes-Benz inventory</a>Fix any of the following: The link has insufficient color contrast of 2.15:1 with the surrounding text. (Minimum contrast is 3:1, link text: #000000, surrounding text: #444444) The link has no styling (such as underline) to distinguish it from the surrounding text
<a class="js-external-link" href="https://www.arrowheadmb.com/auto-parts-peoria-az" target="_blank">Mercedes-Benz OEM Parts</a>Fix any of the following: The link has insufficient color contrast of 2.15:1 with the surrounding text. (Minimum contrast is 3:1, link text: #000000, surrounding text: #444444) The link has no styling (such as underline) to distinguish it from the surrounding text
Elements must meet minimum color contrast ratio thresholdscolor-contrast · 2 elements affectedSerious
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds
Increase the contrast between text and its background.
Why: Low-vision shoppers, and anyone in bright sunlight, can't read text that blends into its background.
How: Aim for a contrast ratio of at least 4.5:1 for normal text (3:1 for large text). Adjust the colours in your theme settings or CSS. Use a contrast checker on the exact hex values.
<div class="testimonial__author">
ramw73
</div>Fix any of the following: Element has insufficient color contrast of 1.57 (foreground color: #cecece, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1
<div class="testimonial__time text-small">
Over a month ago
</div>Fix any of the following: Element has insufficient color contrast of 1.57 (foreground color: #cecece, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
Moderate3 issues
All page content should be contained by landmarksregion · 7 elements affectedModerate
Ensure all page content is contained by landmarks
Put all page content inside landmark regions.
Why: Content outside landmarks (header, nav, main, footer) is hard for screen-reader users to find and orient within.
How: Use semantic wrappers (<header>, <nav>, <main>, <footer>) so no meaningful content sits loose in the <body>.
<div class="text-left">
<h4 class="js-module-heading">
Estimate your payments
</h4>
</div>Fix any of the following: Some page content is not contained by landmarks
<p>Please adjust the options below so we can estimate the most accurate monthly payments.</p>Fix any of the following: Some page content is not contained by landmarks
<h6>Your estimated credit score</h6>Fix any of the following: Some page content is not contained by landmarks
<div class="hidden-xs">Fix any of the following: Some page content is not contained by landmarks
<h6>Loan term</h6>Fix any of the following: Some page content is not contained by landmarks
<div class="hidden-xs">Fix any of the following: Some page content is not contained by landmarks
<div class="field">Fix any of the following: Some page content is not contained by landmarks
Heading levels should only increase by oneheading-order · 2 elements affectedModerate
Ensure the order of headings is semantically correct
Use heading levels in order, without skipping.
Why: Screen-reader users navigate by headings. Skipping from h1 to h4 breaks the outline they rely on.
How: Make headings reflect structure (one h1, then h2s, then h3s). Style with CSS if you want a smaller-looking heading, don't jump levels for appearance.
<h6>Your estimated credit score</h6>Fix any of the following: Heading order invalid
<h4><span style="color:#000000">Inventory</span></h4>Fix any of the following: Heading order invalid
Zooming and scaling must not be disabledmeta-viewport · 1 element affectedModerate
Ensure <meta name="viewport"> does not disable text scaling and zooming
Allow users to zoom the page.
Why: Low-vision shoppers pinch-to-zoom. Disabling it (user-scalable=no / maximum-scale=1) locks them out.
How: Remove `user-scalable=no` and `maximum-scale=1` from the viewport meta tag. This is a safe, mechanical change.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">Fix any of the following: maximum-scale on <meta> tag disables zooming on mobile devices
Needs a human (3)
Automation could not decide these. This is the honest other half of accessibility that no scanner (and no overlay) can settle for you.
- Elements must only use permitted ARIA attributes aria-prohibited-attr — 3 element(s)
- Elements must meet minimum color contrast ratio thresholds color-contrast — 15 element(s)
- Links must be distinguishable without relying on color link-in-text-block — 1 element(s)
Fix these once, then keep them fixed.
Themes change and issues come back. A monitored store gets scheduled re-scans, alerts on regressions, unlimited AI fixes, and an accessibility statement backed by a dated audit trail.