Gateway OB/GYN: OB/GYNs: Irving, TX
Serious3 issues
Elements must meet minimum color contrast ratio thresholdscolor-contrast · 18 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="service-name">Contraception<i class="fa fa-angle-right fa-2x " role="presentation"></i></div>Fix any of the following: Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #8b8a88, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
<div class="service-more ">more info<i class="fa fa-chevron-circle-right " role="presentation"></i></div>Fix any of the following: Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #8b8a88, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
<div class="service-name">Pelvic Pain<i class="fa fa-angle-right fa-2x " role="presentation"></i></div>Fix any of the following: Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #8b8a88, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
<div class="service-more ">more info<i class="fa fa-chevron-circle-right " role="presentation"></i></div>Fix any of the following: Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #8b8a88, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
<div class="service-name">Endometriosis<i class="fa fa-angle-right fa-2x " role="presentation"></i></div>Fix any of the following: Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #8b8a88, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
<div class="service-more ">more info<i class="fa fa-chevron-circle-right " role="presentation"></i></div>Fix any of the following: Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #8b8a88, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
<div class="service-name">Pregnancy<i class="fa fa-angle-right fa-2x " role="presentation"></i></div>Fix any of the following: Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #8b8a88, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
<div class="service-more ">more info<i class="fa fa-chevron-circle-right " role="presentation"></i></div>Fix any of the following: Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #8b8a88, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
<div class="service-name">Fibroids<i class="fa fa-angle-right fa-2x " role="presentation"></i></div>Fix any of the following: Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #8b8a88, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
<div class="service-more ">more info<i class="fa fa-chevron-circle-right " role="presentation"></i></div>Fix any of the following: Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #8b8a88, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
<div class="service-name">IUD<i class="fa fa-angle-right fa-2x " role="presentation"></i></div>Fix any of the following: Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #8b8a88, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
<div class="service-more ">more info<i class="fa fa-chevron-circle-right " role="presentation"></i></div>Fix any of the following: Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #8b8a88, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
<div class="service-name">Infertility<i class="fa fa-angle-right fa-2x " role="presentation"></i></div>Fix any of the following: Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #8b8a88, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
<div class="service-more ">more info<i class="fa fa-chevron-circle-right " role="presentation"></i></div>Fix any of the following: Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #8b8a88, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
<div class="service-name">Colposcopy<i class="fa fa-angle-right fa-2x " role="presentation"></i></div>Fix any of the following: Element has insufficient color contrast of 3.44 (foreground color: #ffffff, background color: #8b8a88, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
…and 3 more element(s) with the same issue.
All touch targets must be 24px large, or leave sufficient spacetarget-size · 10 elements affectedSerious
Ensure touch targets have sufficient size and space
Make tappable targets at least 24x24px, or space them out.
Why: People with tremors or on touchscreens miss small, tightly-packed links and buttons, so they can't navigate or check out.
How: Give links/buttons a minimum height and width (24px, ideally 44px for primary actions) via padding, or add spacing between adjacent targets. Common in footers and icon rows.
<a class="flex-active" href="#for-focus-only-0" aria-label="Scroll to item 0" role="button">1</a>Fix any of the following: Target has insufficient size (11px by 11px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.
<a href="#for-focus-only-1" aria-label="Scroll to item 1" role="button">2</a>Fix any of the following: Target has insufficient size (11px by 11px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.
<a href="#for-focus-only-2" aria-label="Scroll to item 2" role="button">3</a>Fix any of the following: Target has insufficient size (11px by 11px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.
<a href="#for-focus-only-3" aria-label="Scroll to item 3" role="button">4</a>Fix any of the following: Target has insufficient size (11px by 11px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.
<a href="#for-focus-only-4" aria-label="Scroll to item 4" role="button">5</a>Fix any of the following: Target has insufficient size (11px by 11px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.
<a href="#for-focus-only-5" aria-label="Scroll to item 5" role="button">6</a>Fix any of the following: Target has insufficient size (11px by 11px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.
<a href="#for-focus-only-6" aria-label="Scroll to item 6" role="button">7</a>Fix any of the following: Target has insufficient size (11px by 11px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.
<a href="#for-focus-only-7" aria-label="Scroll to item 7" role="button">8</a>Fix any of the following: Target has insufficient size (11px by 11px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.
<a href="#for-focus-only-8" aria-label="Scroll to item 8" role="button">9</a>Fix any of the following: Target has insufficient size (11px by 11px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.
<a href="#for-focus-only-9" aria-label="Scroll to item 9" role="button">10</a>Fix any of the following: Target has insufficient size (11px by 11px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.
<ul> and <ol> must only directly contain <li>, <script> or <template> elementslist · 1 element affectedSerious
Ensure that lists are structured correctly
Fix list markup so <ul>/<ol> contain only <li> items.
Why: Screen readers announce 'list, N items'. Stray elements break that count and the navigation.
How: Move non-<li> content out of the list, or wrap it inside an <li>. Often caused by wrapping <li>s in <div>s.
<ul class="slides" style="width: 2400%; transition-duration: 0s; transform: translate3d(-1280px, 0px, 0px);">Fix all of the following: List element has direct children that are not allowed: [role=group]
Minor1 issue
ARIA role should be appropriate for the elementaria-allowed-role · 10 elements affectedMinor
Ensure role attribute has an appropriate value for the element
Full technical reference (Deque) →<li role="group" aria-roledescription="slide" class="flex-active-slide" style="width: 1280px; float: left; display: block;">Fix any of the following: ARIA role group is not allowed for given element
<li role="group" aria-roledescription="slide" style="width: 1280px; float: left; display: block;">Fix any of the following: ARIA role group is not allowed for given element
<li role="group" aria-roledescription="slide" style="width: 1280px; float: left; display: block;">Fix any of the following: ARIA role group is not allowed for given element
<li role="group" aria-roledescription="slide" style="width: 1280px; float: left; display: block;">Fix any of the following: ARIA role group is not allowed for given element
<li role="group" aria-roledescription="slide" style="width: 1280px; float: left; display: block;">Fix any of the following: ARIA role group is not allowed for given element
<li role="group" aria-roledescription="slide" style="width: 1280px; float: left; display: block;">Fix any of the following: ARIA role group is not allowed for given element
<li role="group" aria-roledescription="slide" style="width: 1280px; float: left; display: block;">Fix any of the following: ARIA role group is not allowed for given element
<li role="group" aria-roledescription="slide" style="width: 1280px; float: left; display: block;">Fix any of the following: ARIA role group is not allowed for given element
<li role="group" aria-roledescription="slide" style="width: 1280px; float: left; display: block;">Fix any of the following: ARIA role group is not allowed for given element
<li role="group" aria-roledescription="slide" style="width: 1280px; float: left; display: block;">Fix any of the following: ARIA role group is not allowed for given element
Needs a human (2)
Automation could not decide these. This is the honest other half of accessibility that no scanner (and no overlay) can settle for you.
- ARIA role should be appropriate for the element aria-allowed-role — 7 element(s)
- Elements must meet minimum color contrast ratio thresholds color-contrast — 3 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.