Accessibility Testing Reports

thingstodo
#UrlsTotal Urls: 1
1https://thingstodo.sanclementecove.com/?ghghg
Summary
2
Violations
3
Incomplete
40
Inapplicable
45
Passes
ViolationsElements that failed the accessibility rules.
IncompleteElements needing further testing due to technical restrictions or errors.
InapplicableRules that did not run because no matching content was found.
PassesElements that passed the accessibility rules.

duplicate-id

minor

landmark-unique

moderate
Details
Urls:https://thingstodo.sanclementecove.com/?ghghg
Help:id attribute value must be unique
Description: Ensures every id attribute value is unique
Impact: minor
Tags:
  • cat.parsing
  • wcag2a
  • wcag411

Impact:
minor
Message:
Document has multiple static elements with the same id attribute: ast-hf-menu-1
FailureSummary:
Fix any of the following: Document has multiple static elements with the same id attribute: ast-hf-menu-1
Screenshot:
Screenshot Thumbnail
Html:
<ul id="ast-hf-menu-1" class="main-header-menu ast-menu-shadow ast-nav-menu ast-flex submenu-with-border stack-on-mobile">
Target:
["#primary-site-navigation-desktop > .main-navigation.ast-inline-flex > .main-header-menu.ast-menu-shadow.ast-nav-menu"]
Details
Urls:https://thingstodo.sanclementecove.com/?ghghg
Help:Ensures landmarks are unique
Description: Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Impact: moderate
Tags:
  • cat.semantics
  • best-practice

Impact:
moderate
Message:
The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
FailureSummary:
Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Screenshot:
Screenshot Thumbnail
Html:
<div role="region" aria-labelledby="e-n-accordion-item-1030" class="elementor-element elementor-element-bd6555e e-con-full e-flex e-con e-child" data-id="bd6555e" data-element_type="container">
Target:
[".elementor-element-bd6555e"]

Elements must only use allowed ARIA attributes

Elements must have sufficient color contrast

Frames should be tested with axe-core

Details
Id:aria-allowed-attr
Impact: serious
Description: Ensures ARIA attributes are allowed for an element's role
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • wcag2a
  • wcag412

Impact:
serious
Message:
FailureSummary:
Fix all of the following: ARIA attribute: aria-label is not well supported. Use a different role attribute or element.
Screenshot:
Screenshot Thumbnail
Html:
<div class="e-n-accordion" aria-label="Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys">
Target:
[".e-n-accordion"]
Details
Id:color-contrast
Impact: serious
Description: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.color
  • wcag2aa
  • wcag143

Impact:
serious
Message:
Element's background color could not be determined due to a background gradient
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a background gradient
Screenshot:
Screenshot Thumbnail
Html:
<a href="#mustdos" class="menu-link">Must Do’s</a>
Target:
["#menu-item-84 > .menu-link[href$=\"\\#mustdos\"]"]

Impact:
serious
Message:
Element's background color could not be determined due to a background gradient
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a background gradient
Screenshot:
Screenshot Thumbnail
Html:
<a href="#farmersmarket" class="menu-link">Farmers Market</a>
Target:
["#menu-item-86 > .menu-link[href$=\"\\#farmersmarket\"]"]

Impact:
serious
Message:
Element's background color could not be determined due to a background gradient
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a background gradient
Screenshot:
Screenshot Thumbnail
Html:
<a href="#events" class="menu-link">Events</a>
Target:
["#menu-item-565 > .menu-link[href$=\"\\#events\"]"]

Impact:
serious
Message:
Element's background color could not be determined due to a background gradient
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a background gradient
Screenshot:
Screenshot Thumbnail
Html:
<a href="#trivia" class="menu-link">Trivia</a>
Target:
["#menu-item-85 > .menu-link[href$=\"\\#trivia\"]"]

Impact:
serious
Message:
Element's background color could not be determined due to a background gradient
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a background gradient
Screenshot:
Screenshot Thumbnail
Html:
<a href="#stayagain" class="menu-link">Stay Again</a>
Target:
["#menu-item-87 > .menu-link[href$=\"\\#stayagain\"]"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<h1 class="elementor-heading-title elementor-size-default">THINGS TO DO</h1>
Target:
["h1"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<h2 class="elementor-heading-title elementor-size-default">Discover San Clemente</h2>
Target:
[".elementor-element-6d14c2c > h2"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<h3 class="elementor-heading-title elementor-size-default">From surf breaks to scenic trails, explore the best things to do during your stay at San Clemente Cove.</h3>
Target:
[".elementor-element-7a5c959 > h3"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<p>Our front desk team is happy to share the best spots to eat, explore, and enjoy in San Clemente.</p>
Target:
[".elementor-element-72a243a > p"]

Impact:
serious
Message:
Element's background color could not be determined because it partially overlaps other elements
FailureSummary:
Fix any of the following: Element's background color could not be determined because it partially overlaps other elements
Screenshot:
Screenshot Thumbnail
Html:
<span class="elementor-inline-editing uael-dual-heading-text uael-highlight-text" data-elementor-setting-key="second_heading_text" data-elementor-inline-editing-toolbar="basic">Dana Point Farmer’s Market (Intersection of PCH and Golden Lantern at La Plaza Park in Dana Point)</span>
Target:
[".elementor-element-fec94d2 > .elementor-widget-container > .uael-module-content.uael-dual-color-heading.uael-heading-stack-none > h3 > .uael-adv-heading-stack > .uael-highlight-text.uael-dual-heading-text[data-elementor-setting-key=\"second_heading_text\"]"]

Impact:
serious
Message:
Element's background color could not be determined because it partially overlaps other elements
FailureSummary:
Fix any of the following: Element's background color could not be determined because it partially overlaps other elements
Screenshot:
Screenshot Thumbnail
Html:
<span class="elementor-inline-editing uael-dual-heading-text uael-first-text" data-elementor-setting-key="before_heading_text" data-elementor-inline-editing-toolbar="basic">Fun DIY Beach Crafts Seaglass Wind Chimes &amp; Shell Decorating </span>
Target:
[".elementor-element-3fbf1be > .elementor-widget-container > .uael-module-content.uael-dual-color-heading.uael-heading-stack-none > h3 > .uael-before-heading > .uael-first-text.uael-dual-heading-text[data-elementor-setting-key=\"before_heading_text\"]"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<h3 class="elementor-heading-title elementor-size-default">Eat &amp; Drink</h3>
Target:
[".elementor-element-5f9d43d > h3"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<a href="https://www.google.com/maps/dir//Nick's+San+Clemente,+213+Avenida+Del+Mar,+San+Clemente,+CA+92672/data=!4m6!4m5!1m1!4e2!1m2!1m1!1s0x80dcf46c3f2d1c7b:0xf310d81b69eabf4a?sa=X&amp;ved=1t:57443&amp;ictx=111">Nick’s San Clemente</a>
Target:
[".elementor-element-08e6281 > .elementor-image-box-wrapper > .elementor-image-box-content > h4 > a"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<p class="elementor-image-box-description">
Target:
[".elementor-element-08e6281 > .elementor-image-box-wrapper > .elementor-image-box-content > .elementor-image-box-description"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<a href="https://www.google.com/maps?rlz=1C1GCEU_enUS820US820&amp;gs_lcrp=EgZjaHJvbWUqBwgAEAAYgAQyBwgAEAAYgAQyCAgBEAAYFhgeMggIAhAAGBYYHjIICAMQABgWGB4yCAgEEAAYFhgeMggIBRAAGBYYHjIICAYQABgWGB4yCAgHEAAYFhgeMggICBAAGBYYHjIICAkQABgWGB6oAgCwAgE&amp;um=1&amp;ie=UTF-8&amp;fb=1&amp;gl=us&amp;sa=X&amp;geocode=KXmJDstq9NyAMWDY_uouoFSD&amp;daddr=611+Avenida+Victoria,+San+Clemente,+CA+92672">
Target:
[".elementor-element-47d4719 > .elementor-image-box-wrapper > .elementor-image-box-content > h4 > a"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<p class="elementor-image-box-description">Located right on the San Clemente Pier, this landmark eatery offers oceanfront seafood, casual breakfast, and epic sunset views. Grab a table on the patio, order the clam chowder or fish tacos, and watch surfers ride the waves just a few feet away.</p>
Target:
[".elementor-element-47d4719 > .elementor-image-box-wrapper > .elementor-image-box-content > .elementor-image-box-description"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<a href="https://www.google.com/maps?rlz=1C1GCEU_enUS820US820&amp;gs_lcrp=EgZjaHJvbWUqCggAEAAY4wIYgAQyCggAEAAY4wIYgAQyEAgBEC4YrwEYxwEYgAQYjgUyBwgCEAAYgAQyBwgDEAAYgAQyBwgEEAAYgAQyBwgFEAAYgAQyCAgGEAAYFhgeMggIBxAAGBYYHjIICAgQABgWGB4yCAgJEAAYFhgeqAIAsAIA&amp;um=1&amp;ie=UTF-8&amp;fb=1&amp;gl=us&amp;sa=X&amp;geocode=KZGI2wRu9NyAMWZPk-3qry0u&amp;daddr=301+N+El+Camino+Real,+San+Clemente,+CA+92672">
Target:
[".elementor-element-21f26dc > .elementor-image-box-wrapper > .elementor-image-box-content > h4 > a"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<p class="elementor-image-box-description">Come for the pizza, stay for the house-brewed beers and surfer vibes. This family-friendly spot is a go-to for hand-tossed pies, arcade games, and a rotating tap list that spotlights local brews. It’s lively, laid-back, and loved by locals.</p>
Target:
[".elementor-element-21f26dc > .elementor-image-box-wrapper > .elementor-image-box-content > .elementor-image-box-description"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<a href="https://www.google.com/maps/dir/33.1337932,-117.2875353/Stacks+Pancake+House,+34255+CA-1,+Dana+Point,+CA+92629/@33.3117647,-117.8167863,96603m/data=!3m2!1e3!4b1!4m9!4m8!1m1!4e1!1m5!1m1!1s0x80dcf054c57e2b37:0x6ad611d58ec4476d!2m2!1d-117.691232!2d33.4657566?entry=ttu&amp;g_ep=EgoyMDI1MDgwNS4wIKXMDSoASAFQAw%3D%3D">
Target:
[".elementor-element-08d9c71 > .elementor-image-box-wrapper > .elementor-image-box-content > h4 > a"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<p class="elementor-image-box-description">The breakfast legend you’ll wish you found sooner. Known for Hawaiian-inspired twists (hello, macadamia nut pancakes!), Stacks is the place for hearty morning meals and specialty coffees before a day of exploring.</p>
Target:
[".elementor-element-08d9c71 > .elementor-image-box-wrapper > .elementor-image-box-content > .elementor-image-box-description"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<h3 class="elementor-heading-title elementor-size-default">See &amp; Snap</h3>
Target:
[".elementor-element-75fe9f7 > h3"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<a href="https://www.google.com/maps/dir//San+Clemente,+CA+92672/@33.4187395,-117.7040287,24121m/data=!3m1!1e3!4m8!4m7!1m0!1m5!1m1!1s0x80dcf41517b4b6ff:0x8605c2234ac25acf!2m2!1d-117.6216275!2d33.4187667?entry=ttu&amp;g_ep=EgoyMDI1MDgwNS4wIKXMDSoASAFQAw%3D%3D">San Clemente Pier</a>
Target:
[".elementor-element-b64c77a > .elementor-image-box-wrapper > .elementor-image-box-content > h4 > a"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<p class="elementor-image-box-description">Stretching out into the Pacific, the pier is a picture-perfect place to watch surfers, catch a golden sunset, or snap a postcard-worthy view of the coastline. It’s a must-visit any time of day, but especially magical at dusk.</p>
Target:
[".elementor-element-b64c77a > .elementor-image-box-wrapper > .elementor-image-box-content > .elementor-image-box-description"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<a href="https://www.google.com/maps?rlz=1C1GCEU_enUS820US820&amp;gs_lcrp=EgZjaHJvbWUyBggAEEUYOTINCAEQLhivARjHARiABDIHCAIQABiABDIHCAMQABiABDIHCAQQABiABDINCAUQABiGAxiABBiKBTINCAYQABiGAxiABBiKBTIKCAcQABiABBiiBDIHCAgQABjvBdIBBzM4M2owajSoAgCwAgA&amp;um=1&amp;ie=UTF-8&amp;fb=1&amp;gl=us&amp;sa=X&amp;geocode=KVErs68U9NyAMeDNV0_TcArF&amp;daddr=415+Avenida+Granada,+San+Clemente,+CA+92672">
Target:
[".elementor-element-3c1f630 > .elementor-image-box-wrapper > .elementor-image-box-content > h4 > a"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<p class="elementor-image-box-description">Once the home of San Clemente’s founder, this bluff-top estate now offers panoramic ocean views, lush gardens, and Spanish architecture—perfect for a quiet moment or a stunning selfie.</p>
Target:
[".elementor-element-3c1f630 > .elementor-image-box-wrapper > .elementor-image-box-content > .elementor-image-box-description"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<a href="https://www.google.com/maps?rlz=1C1GCEU_enUS820US820&amp;gs_lcrp=EgZjaHJvbWUyBggAEEUYOTINCAEQLhivARjHARiABDIHCAIQABiABDIHCAMQABiABDIHCAQQABiABDINCAUQABiGAxiABBiKBTIHCAYQABjvBTIKCAcQABiiBBiJBdIBBzI4OGowajSoAgCwAgA&amp;um=1&amp;ie=UTF-8&amp;fb=1&amp;gl=us&amp;sa=X&amp;geocode=KXni19b-89yAMVF2JTUo5XJE&amp;daddr=San+Clemente,+CA+92672">
Target:
[".elementor-element-e7e4f45 > .elementor-image-box-wrapper > .elementor-image-box-content > h4 > a"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<p class="elementor-image-box-description">Wind through native coastal bluffs on this elevated trail with sweeping views of the ocean. With multiple trailheads and overlooks, it’s a photographer’s dream and an easy walk for all skill levels.</p>
Target:
[".elementor-element-e7e4f45 > .elementor-image-box-wrapper > .elementor-image-box-content > .elementor-image-box-description"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<a href="https://www.google.com/maps?s=web&amp;rlz=1C1GCEU_enUS820US820&amp;lqi=ChVUb3Agb2YgdGhlIFdvcmxkIFBhcmtIy9GGQ1opEAAQARACEAMQBBgAGAEYAhgDIhV0b3Agb2YgdGhlIHdvcmxkIHBhcmuSAQt2aXN0YV9wb2ludJoBI0NoWkRTVWhOTUc5blMwVkpRMEZuU1VNeU9UaDJiR05SRUFFqgFYEAEqGSIVdG9wIG9mIHRoZSB3b3JsZCBwYXJrKAAyHhABIhpxlXPpCCien4wmW4z78FLATZmqfK1v3myeWjIZEAIiFXRvcCBvZiB0aGUgd29ybGQgcGFya-ABAPoBBAgAEDc&amp;phdesc=8wA752OlJHY&amp;vet=12ahUKEwiW4oe0zvuOAxVBMjQIHUkwEHMQ1YkKegQIIhAB..i&amp;cs=0&amp;um=1&amp;ie=UTF-8&amp;fb=1&amp;gl=us&amp;sa=X&amp;geocode=KROZXdDp5dyAMTk3iBF3elrL&amp;daddr=W+Ridge,+Laguna+Beach,+CA+92651">
Target:
[".elementor-element-6f9c17b > .elementor-image-box-wrapper > .elementor-image-box-content > h4 > a"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<p class="elementor-image-box-description">(Laguna Beach, 20 min) A bit of a drive, but the 360-degree views from this hilltop park are worth every mile. On a clear day, you can see from Catalina Island to Saddleback Mountain—pack your camera and your sense of wonder.</p>
Target:
[".elementor-element-6f9c17b > .elementor-image-box-wrapper > .elementor-image-box-content > .elementor-image-box-description"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<h3 class="elementor-heading-title elementor-size-default">Shop &amp; Stroll</h3>
Target:
[".elementor-element-0c8c1fc > h3"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<a href="https://www.google.com/maps/dir//Avenida+Del+Mar,+San+Clemente,+CA+92672/@33.4247889,-117.6167481,754m/data=!3m1!1e3!4m9!4m8!1m0!1m5!1m1!1s0x80dcf46c6e14ea1d:0x84ae156f30695c66!2m2!1d-117.6167481!2d33.4247889!3e0?entry=ttu&amp;g_ep=EgoyMDI1MDgwNS4wIKXMDSoASAFQAw%3D%3D">Avenida Del Mar</a>
Target:
[".elementor-element-d81e8aa > .elementor-image-box-wrapper > .elementor-image-box-content > h4 > a"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<p class="elementor-image-box-description">
Target:
[".elementor-element-d81e8aa > .elementor-image-box-wrapper > .elementor-image-box-content > .elementor-image-box-description"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<a href="https://www.google.com/maps/search/dana+point+harbor+shops/@33.4611648,-117.696898,19z?entry=s&amp;sa=X&amp;ved=1t%3A199789">Dana Point Harbor Shops</a>
Target:
[".elementor-element-c7c9b2b > .elementor-image-box-wrapper > .elementor-image-box-content > h4 > a"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<p class="elementor-image-box-description">(10-minute drive) For a harbor-side shopping day, this coastal village offers ocean-themed shops, coastal décor, and small art galleries, all set against a backdrop of sailboats and seaside cafés.</p>
Target:
[".elementor-element-c7c9b2b > .elementor-image-box-wrapper > .elementor-image-box-content > .elementor-image-box-description"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<h4 class="elementor-image-box-title">The Cellar &amp; Del Mar District</h4>
Target:
[".elementor-element-3f63052 > .elementor-image-box-wrapper > .elementor-image-box-content > h4"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<p class="elementor-image-box-description">A charming corner of Avenida Del Mar that blends artisan food, wine, and curated retail. Stop in for a wine tasting, grab a gift from a local maker, or discover a rotating lineup of seasonal pop-ups.</p>
Target:
[".elementor-element-3f63052 > .elementor-image-box-wrapper > .elementor-image-box-content > .elementor-image-box-description"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<h4 class="elementor-image-box-title">Seaside Threads or Muse Boutique</h4>
Target:
[".elementor-element-a7bdfc7 > .elementor-image-box-wrapper > .elementor-image-box-content > h4"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<p class="elementor-image-box-description">(local favorites) These are great examples of stylish, well-curated clothing boutiques found right in town. If you're looking for something chic but low-key, these spots hit the mark for a casual splurge.</p>
Target:
[".elementor-element-a7bdfc7 > .elementor-image-box-wrapper > .elementor-image-box-content > .elementor-image-box-description"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<h3 class="elementor-heading-title elementor-size-default">Play &amp; Explore</h3>
Target:
[".elementor-element-7e467c0 > h3"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<a href="https://www.google.com/maps/search/Beach+Trail+Biking+%26+Walking+san+clemente/@33.4204517,-117.6509881,12060m/data=!3m2!1e3!4b1?entry=ttu&amp;g_ep=EgoyMDI1MDgwNS4wIKXMDSoASAFQAw%3D%3D">Beach Trail Biking &amp; Walking</a>
Target:
[".elementor-element-1cf99f5 > .elementor-image-box-wrapper > .elementor-image-box-content > h4 > a"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<p class="elementor-image-box-description">Cruise the scenic 2.3-mile San Clemente Beach Trail, perfect for walkers, joggers, and bikers. Ocean views the entire way.</p>
Target:
[".elementor-element-1cf99f5 > .elementor-image-box-wrapper > .elementor-image-box-content > .elementor-image-box-description"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<a href="https://www.google.com/maps?sca_esv=981b4544bd5bf074&amp;rlz=1C1GCEU_enUS820US820&amp;output=search&amp;q=dana+point+harbor&amp;source=lnms&amp;fbs=AIIjpHxU7SXXniUZfeShr2fp4giZ1Y6MJ25_tmWITc7uy4KIeuyr9ljWioGWIw0oasFed3q5v-jrTO4UFmLjWc-eQrSDjHBLmnmkVNqQjGjkLBveoslGig8uEg7TADwevKwxTEqW8Af3P5xpN-WrPQPg-tfoN2tT5TUS8lY-mLBzSZH_9_0zVYfXz4RAjAQqTyrTK7rIEojePm25KX1aYid6XZFyh_-PVg&amp;entry=mc&amp;ved=1t:200715&amp;ictx=111">
Target:
[".elementor-element-38db4b7 > .elementor-image-box-wrapper > .elementor-image-box-content > h4 > a"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<p class="elementor-image-box-description">Just 10 minutes away, Dana Point is known as the “Whale Capital of the World.” Catch gray whales, blue whales, and dolphins year-round.</p>
Target:
[".elementor-element-38db4b7 > .elementor-image-box-wrapper > .elementor-image-box-content > .elementor-image-box-description"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<a href="https://www.google.com/maps/place/Trestles+Beach/@33.3853053,-117.6145355,6033m/data=!3m2!1e3!4b1!4m6!3m5!1s0x80dcf50a522dd7c3:0x9b793486bdac545e!8m2!3d33.3853075!4d-117.5939359!16s%2Fm%2F02p8gqv?entry=ttu&amp;g_ep=EgoyMDI1MDgwNS4wIKXMDSoASAFQAw%3D%3D">Surfing at Trestles</a>
Target:
[".elementor-element-fc6036d > .elementor-image-box-wrapper > .elementor-image-box-content > h4 > a"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<p class="elementor-image-box-description">Ride one of the most iconic breaks in the world. Whether you’re a seasoned surfer or ready for a lesson, Trestles delivers the waves and the vibe.</p>
Target:
[".elementor-element-fc6036d > .elementor-image-box-wrapper > .elementor-image-box-content > .elementor-image-box-description"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<a href="https://www.google.com/maps/place/Los+Rios+Street+Historic+District/@33.5015999,-117.6684804,753m/data=!3m2!1e3!4b1!4m6!3m5!1s0x80dcf1e7d209db9d:0x486b5a01a05e056e!8m2!3d33.5015999!4d-117.6659055!16s%2Fg%2F11ksggskj?entry=ttu&amp;g_ep=EgoyMDI1MDgwNS4wIKXMDSoASAFQAw%3D%3D">
Target:
[".elementor-element-8a1339d > .elementor-image-box-wrapper > .elementor-image-box-content > h4 > a"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<p class="elementor-image-box-description">Located in nearby San Juan Capistrano, this is California’s oldest neighborhood, with adobe homes, artisan shops, a petting zoo, and charming cafés. A peaceful stroll through living history—only 20 minutes away and well worth the visit.</p>
Target:
[".elementor-element-8a1339d > .elementor-image-box-wrapper > .elementor-image-box-content > .elementor-image-box-description"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<h2 class="elementor-heading-title elementor-size-default">Come Back to the Cove</h2>
Target:
[".elementor-element-cdba9e6 > h2"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<h3 class="elementor-heading-title elementor-size-default">A Note from Our General Manager</h3>
Target:
[".elementor-element-9874846 > h3"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<p>At San Clemente Cove, we love seeing familiar faces return to soak up the sun, stroll the pier, and discover something new each visit. Whether you’re coming back for another family vacation, a romantic escape, or just a quiet weekend by the sea, we’d be honored to welcome you home again.</p>
Target:
[".elementor-element-28f5a5a > p:nth-child(1)"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<p>While you’re here, take a moment to browse the carousel below, featuring our sister resorts. We think you’ll enjoy <strong>discovering these unique destinations </strong>just as much as you love staying at San Clemente Cove.</p>
Target:
[".elementor-element-28f5a5a > p:nth-child(2)"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<strong>discovering these unique destinations </strong>
Target:
["p:nth-child(2) > strong"]

Impact:
serious
Message:
Element's background color could not be determined due to a pseudo element
FailureSummary:
Fix any of the following: Element's background color could not be determined due to a pseudo element
Screenshot:
Screenshot Thumbnail
Html:
<p>Reach out anytime—our team is here to make your next stay even more memorable.</p>
Target:
["p:nth-child(3)"]

Impact:
serious
Message:
Element has a 1:1 contrast ratio with the background
FailureSummary:
Fix any of the following: Element has a 1:1 contrast ratio with the background
Screenshot:
Screenshot Thumbnail
Html:
<button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 5" tabindex="-1">1</button>
Target:
["#slick-slide-control00"]

Impact:
serious
Message:
Element has a 1:1 contrast ratio with the background
FailureSummary:
Fix any of the following: Element has a 1:1 contrast ratio with the background
Screenshot:
Screenshot Thumbnail
Html:
<button type="button" role="tab" id="slick-slide-control01" aria-controls="slick-slide01" aria-label="2 of 5" tabindex="0" aria-selected="true">2</button>
Target:
["#slick-slide-control01"]

Impact:
serious
Message:
Element has a 1:1 contrast ratio with the background
FailureSummary:
Fix any of the following: Element has a 1:1 contrast ratio with the background
Screenshot:
Screenshot Thumbnail
Html:
<button type="button" role="tab" id="slick-slide-control02" aria-controls="slick-slide02" aria-label="3 of 5" tabindex="-1">3</button>
Target:
["#slick-slide-control02"]

Impact:
serious
Message:
Element has a 1:1 contrast ratio with the background
FailureSummary:
Fix any of the following: Element has a 1:1 contrast ratio with the background
Screenshot:
Screenshot Thumbnail
Html:
<button type="button" role="tab" id="slick-slide-control03" aria-controls="slick-slide03" aria-label="4 of 5" tabindex="-1">4</button>
Target:
["#slick-slide-control03"]

Impact:
serious
Message:
Element has a 1:1 contrast ratio with the background
FailureSummary:
Fix any of the following: Element has a 1:1 contrast ratio with the background
Screenshot:
Screenshot Thumbnail
Html:
<button type="button" role="tab" id="slick-slide-control04" aria-controls="slick-slide04" aria-label="5 of 5" tabindex="-1">5</button>
Target:
["#slick-slide-control04"]

Impact:
serious
Message:
Element has a 1:1 contrast ratio with the background
FailureSummary:
Fix any of the following: Element has a 1:1 contrast ratio with the background
Screenshot:
Screenshot Thumbnail
Html:
<button type="button" role="tab" id="slick-slide-control05" aria-controls="slick-slide05" aria-label="6 of 5" tabindex="-1">6</button>
Target:
["#slick-slide-control05"]

Impact:
serious
Message:
Element has a 1:1 contrast ratio with the background
FailureSummary:
Fix any of the following: Element has a 1:1 contrast ratio with the background
Screenshot:
Screenshot Thumbnail
Html:
<button type="button" role="tab" id="slick-slide-control06" aria-controls="slick-slide06" aria-label="7 of 5" tabindex="-1">7</button>
Target:
["#slick-slide-control06"]

Impact:
serious
Message:
Element has a 1:1 contrast ratio with the background
FailureSummary:
Fix any of the following: Element has a 1:1 contrast ratio with the background
Screenshot:
Screenshot Thumbnail
Html:
<button type="button" role="tab" id="slick-slide-control07" aria-controls="slick-slide07" aria-label="8 of 5" tabindex="-1">8</button>
Target:
["#slick-slide-control07"]

Impact:
serious
Message:
Element has a 1:1 contrast ratio with the background
FailureSummary:
Fix any of the following: Element has a 1:1 contrast ratio with the background
Screenshot:
Screenshot Thumbnail
Html:
<button type="button" role="tab" id="slick-slide-control08" aria-controls="slick-slide08" aria-label="9 of 5" tabindex="-1">9</button>
Target:
["#slick-slide-control08"]

Impact:
serious
Message:
Element has a 1:1 contrast ratio with the background
FailureSummary:
Fix any of the following: Element has a 1:1 contrast ratio with the background
Screenshot:
Screenshot Thumbnail
Html:
<button type="button" role="tab" id="slick-slide-control09" aria-controls="slick-slide09" aria-label="10 of 5" tabindex="-1">10</button>
Target:
["#slick-slide-control09"]

Impact:
serious
Message:
Element has a 1:1 contrast ratio with the background
FailureSummary:
Fix any of the following: Element has a 1:1 contrast ratio with the background
Screenshot:
Screenshot Thumbnail
Html:
<button type="button" role="tab" id="slick-slide-control010" aria-controls="slick-slide010" aria-label="11 of 5" tabindex="-1">11</button>
Target:
["#slick-slide-control010"]

Impact:
serious
Message:
Element has a 1:1 contrast ratio with the background
FailureSummary:
Fix any of the following: Element has a 1:1 contrast ratio with the background
Screenshot:
Screenshot Thumbnail
Html:
<button type="button" role="tab" id="slick-slide-control011" aria-controls="slick-slide011" aria-label="12 of 5" tabindex="-1">12</button>
Target:
["#slick-slide-control011"]

Impact:
serious
Message:
Element has a 1:1 contrast ratio with the background
FailureSummary:
Fix any of the following: Element has a 1:1 contrast ratio with the background
Screenshot:
Screenshot Thumbnail
Html:
<button type="button" role="tab" id="slick-slide-control012" aria-controls="slick-slide012" aria-label="13 of 5" tabindex="-1">13</button>
Target:
["#slick-slide-control012"]

Impact:
serious
Message:
Element has a 1:1 contrast ratio with the background
FailureSummary:
Fix any of the following: Element has a 1:1 contrast ratio with the background
Screenshot:
Screenshot Thumbnail
Html:
<button type="button" role="tab" id="slick-slide-control013" aria-controls="slick-slide013" aria-label="14 of 5" tabindex="-1">14</button>
Target:
["#slick-slide-control013"]

Impact:
serious
Message:
Element has a 1:1 contrast ratio with the background
FailureSummary:
Fix any of the following: Element has a 1:1 contrast ratio with the background
Screenshot:
Screenshot Thumbnail
Html:
<button type="button" role="tab" id="slick-slide-control014" aria-controls="slick-slide014" aria-label="15 of 5" tabindex="-1">15</button>
Target:
["#slick-slide-control014"]
Details
Id:frame-tested
Impact: critical
Description: Ensures <iframe> and <frame> elements contain the axe-core script
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.structure
  • review-item
  • best-practice

Impact:
critical
Message:
FailureSummary:
Fix all of the following: The iframe still has to be tested with axe-core
Screenshot:
Screenshot Thumbnail
Html:
<iframe loading="lazy" src="https://maps.google.com/maps?q=111%20W.%20Avenida%20Palizada%2C%20San%20Clemente%20CA%2092672&amp;t=m&amp;z=14&amp;output=embed&amp;iwloc=near" title="111 W. Avenida Palizada, San Clemente CA 92672" aria-label="111 W. Avenida Palizada, San Clemente CA 92672"></iframe>
Target:
[".elementor-custom-embed > iframe"]

accesskey attribute value should be unique

Active <area> elements must have alternate text

ARIA commands must have an accessible name

ARIA dialog and alertdialog nodes should have an accessible name

ARIA input fields must have an accessible name

ARIA meter nodes must have an accessible name

ARIA progressbar nodes must have an accessible name

aria-roledescription must be on elements with a semantic role

"role=text" should have no focusable descendants

ARIA toggle fields must have an accessible name

ARIA tooltip nodes must have an accessible name

ARIA treeitem nodes should have an accessible name

autocomplete attribute must be used correctly

<blink> elements are deprecated and must not be used

<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements

<dt> and <dd> elements must be contained by a <dl>

IDs of active elements must be unique

Table header text must not be empty

Form field must not have multiple label elements

Frames with focusable content must not have tabindex=-1

HTML elements with lang and xml:lang must have the same base language

Input buttons must have discernible text

Image buttons must have alternate text

Form elements should have a visible label

Form elements must have labels

Aside should not be contained in another landmark

<marquee> elements are deprecated and must not be used

Timed refresh must not exist

<object> elements must have alternate text

[role='img'] elements must have an alternative text

scope attribute should be used correctly

Scrollable region must have keyboard access

Select element must have an accessible name

Server-side image maps must not be used

<svg> elements with an img role must have an alternative text

tables should not have the same summary and caption

Table cells that use the headers attribute must only refer to cells in the same table

Table headers in a data table must refer to data cells

lang attribute must have a valid value

<video> elements must have captions

Details
Id:accesskeys
Impact:
Description: Ensures every accesskey attribute value is unique
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.keyboard
  • best-practice
Details
Id:area-alt
Impact:
Description: Ensures <area> elements of image maps have alternate text
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.text-alternatives
  • wcag2a
  • wcag111
  • wcag244
  • wcag412
  • section508
  • section508.22.a
  • ACT
Details
Id:aria-command-name
Impact:
Description: Ensures every ARIA button, link and menuitem has an accessible name
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • wcag2a
  • wcag412
Details
Id:aria-dialog-name
Impact:
Description: Ensures every ARIA dialog and alertdialog node has an accessible name
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • best-practice
Details
Id:aria-input-field-name
Impact:
Description: Ensures every ARIA input field has an accessible name
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • wcag2a
  • wcag412
  • ACT
Details
Id:aria-meter-name
Impact:
Description: Ensures every ARIA meter node has an accessible name
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • wcag2a
  • wcag111
Details
Id:aria-progressbar-name
Impact:
Description: Ensures every ARIA progressbar node has an accessible name
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • wcag2a
  • wcag111
Details
Id:aria-roledescription
Impact:
Description: Ensure aria-roledescription is only used on elements with an implicit or explicit role
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • wcag2a
  • wcag412
Details
Id:aria-text
Impact:
Description: Ensures "role=text" is used on elements with no focusable descendants
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • best-practice
Details
Id:aria-toggle-field-name
Impact:
Description: Ensures every ARIA toggle field has an accessible name
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • wcag2a
  • wcag412
  • ACT
Details
Id:aria-tooltip-name
Impact:
Description: Ensures every ARIA tooltip node has an accessible name
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • wcag2a
  • wcag412
Details
Id:aria-treeitem-name
Impact:
Description: Ensures every ARIA treeitem node has an accessible name
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • best-practice
Details
Id:autocomplete-valid
Impact:
Description: Ensure the autocomplete attribute is correct and suitable for the form field
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.forms
  • wcag21aa
  • wcag135
Details
Id:blink
Impact:
Description: Ensures <blink> elements are not used
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.time-and-media
  • wcag2a
  • wcag222
  • section508
  • section508.22.j
Details
Id:definition-list
Impact:
Description: Ensures <dl> elements are structured correctly
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.structure
  • wcag2a
  • wcag131
Details
Id:dlitem
Impact:
Description: Ensures <dt> and <dd> elements are contained by a <dl>
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.structure
  • wcag2a
  • wcag131
Details
Id:duplicate-id-active
Impact:
Description: Ensures every id attribute value of active elements is unique
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.parsing
  • wcag2a
  • wcag411
Details
Id:empty-table-header
Impact:
Description: Ensures table headers have discernible text
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • wcag131
  • cat.aria
Details
Id:form-field-multiple-labels
Impact:
Description: Ensures form field does not have multiple label elements
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.forms
  • wcag2a
  • wcag332
Details
Id:frame-focusable-content
Impact:
Description: Ensures <frame> and <iframe> elements with focusable content do not have tabindex=-1
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.keyboard
  • wcag2a
  • wcag211
Details
Id:html-xml-lang-mismatch
Impact:
Description: Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.language
  • wcag2a
  • wcag311
  • ACT
Details
Id:input-button-name
Impact:
Description: Ensures input buttons have discernible text
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.name-role-value
  • wcag2a
  • wcag412
  • section508
  • section508.22.a
Details
Id:input-image-alt
Impact:
Description: Ensures <input type="image"> elements have alternate text
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.text-alternatives
  • wcag2a
  • wcag111
  • section508
  • section508.22.a
  • ACT
Details
Id:label-title-only
Impact:
Description: Ensures that every form element has a visible label and is not solely labeled using hidden labels, or the title or aria-describedby attributes
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.forms
  • best-practice
Details
Id:label
Impact:
Description: Ensures every form element has a label
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.forms
  • wcag2a
  • wcag412
  • wcag131
  • section508
  • section508.22.n
  • ACT
Details
Id:landmark-complementary-is-top-level
Impact:
Description: Ensures the complementary landmark or aside is at top level
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.semantics
  • best-practice
Details
Id:marquee
Impact:
Description: Ensures <marquee> elements are not used
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.parsing
  • wcag2a
  • wcag222
Details
Id:meta-refresh
Impact:
Description: Ensures <meta http-equiv="refresh"> is not used
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.time-and-media
  • wcag2a
  • wcag221
  • wcag224
  • wcag325
Details
Id:object-alt
Impact:
Description: Ensures <object> elements have alternate text
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.text-alternatives
  • wcag2a
  • wcag111
  • section508
  • section508.22.a
Details
Id:role-img-alt
Impact:
Description: Ensures [role='img'] elements have alternate text
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.text-alternatives
  • wcag2a
  • wcag111
  • section508
  • section508.22.a
  • ACT
Details
Id:scope-attr-valid
Impact:
Description: Ensures the scope attribute is used correctly on tables
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.tables
  • best-practice
Details
Id:scrollable-region-focusable
Impact:
Description: Ensure elements that have scrollable content are accessible by keyboard
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.keyboard
  • wcag2a
  • wcag211
Details
Id:select-name
Impact:
Description: Ensures select element has an accessible name
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.forms
  • wcag2a
  • wcag412
  • wcag131
  • section508
  • section508.22.n
  • ACT
Details
Id:server-side-image-map
Impact:
Description: Ensures that server-side image maps are not used
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.text-alternatives
  • wcag2a
  • wcag211
  • section508
  • section508.22.f
Details
Id:svg-img-alt
Impact:
Description: Ensures <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.text-alternatives
  • wcag2a
  • wcag111
  • section508
  • section508.22.a
  • ACT
Details
Id:table-duplicate-name
Impact:
Description: Ensure the <caption> element does not contain the same text as the summary attribute
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.tables
  • best-practice
Details
Id:td-headers-attr
Impact:
Description: Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.tables
  • wcag2a
  • wcag131
  • section508
  • section508.22.g
Details
Id:th-has-data-cells
Impact:
Description: Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.tables
  • wcag2a
  • wcag131
  • section508
  • section508.22.g
Details
Id:valid-lang
Impact:
Description: Ensures lang attributes have valid values
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.language
  • wcag2aa
  • wcag312
Details
Id:video-caption
Impact:
Description: Ensures <video> elements have captions
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.text-alternatives
  • wcag2a
  • wcag122
  • section508
  • section508.22.a

Elements must only use allowed ARIA attributes

ARIA role should be appropriate for the element

aria-hidden='true' must not be present on the document body

ARIA hidden element must not contain focusable elements

Required ARIA attributes must be provided

Certain ARIA roles must contain particular children

Certain ARIA roles must be contained by particular parents

ARIA roles used must conform to valid values

ARIA attributes must conform to valid values

ARIA attributes must conform to valid names

Inline text spacing must be adjustable with custom stylesheets

Buttons must have discernible text

Page must have means to bypass repeated blocks

Elements must have sufficient color contrast

Documents must have <title> element to aid in navigation

IDs used in ARIA and labels must be unique

id attribute value must be unique

Headings should not be empty

Frames should have a unique title attribute

Frames must have an accessible name

Heading levels should only increase by one

<html> element must have a lang attribute

<html> element must have a valid value for the lang attribute

Links with the same name must have a similar purpose

Images must have alternate text

Alternative text of images should not be repeated as text

Banner landmark should not be contained in another landmark

Contentinfo landmark should not be contained in another landmark

Main landmark should not be contained in another landmark

Document should not have more than one banner landmark

Document should not have more than one contentinfo landmark

Document should not have more than one main landmark

Document should have one main landmark

Ensures landmarks are unique

Links must have discernible text

<ul> and <ol> must only directly contain <li>, <script> or <template> elements

<li> elements must be contained in a <ul> or <ol>

Users should be able to zoom and scale the text up to 500%

Zooming and scaling should not be disabled

Interactive controls must not be nested

Page should contain a level-one heading

Elements of role none or presentation should be flagged

All page content should be contained by landmarks

The skip-link target should exist and be focusable

Elements should not have tabindex greater than zero

Details
Id:aria-allowed-attr
Impact:
Description: Ensures ARIA attributes are allowed for an element's role
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • wcag2a
  • wcag412
Details
Id:aria-allowed-role
Impact:
Description: Ensures role attribute has an appropriate value for the element
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • best-practice
Details
Id:aria-hidden-body
Impact:
Description: Ensures aria-hidden='true' is not present on the document body.
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • wcag2a
  • wcag412
Details
Id:aria-hidden-focus
Impact:
Description: Ensures aria-hidden elements do not contain focusable elements
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.name-role-value
  • wcag2a
  • wcag412
  • wcag131
Details
Id:aria-required-attr
Impact:
Description: Ensures elements with ARIA roles have all required ARIA attributes
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • wcag2a
  • wcag412
Details
Id:aria-required-children
Impact:
Description: Ensures elements with an ARIA role that require child roles contain them
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • wcag2a
  • wcag131
Details
Id:aria-required-parent
Impact:
Description: Ensures elements with an ARIA role that require parent roles are contained by them
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • wcag2a
  • wcag131
Details
Id:aria-roles
Impact:
Description: Ensures all elements with a role attribute use a valid value
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • wcag2a
  • wcag412
Details
Id:aria-valid-attr-value
Impact:
Description: Ensures all ARIA attributes have valid values
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • wcag2a
  • wcag412
Details
Id:aria-valid-attr
Impact:
Description: Ensures attributes that begin with aria- are valid ARIA attributes
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • wcag2a
  • wcag412
Details
Id:avoid-inline-spacing
Impact:
Description: Ensure that text spacing set through style attributes can be adjusted with custom stylesheets
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.structure
  • wcag21aa
  • wcag1412
Details
Id:button-name
Impact:
Description: Ensures buttons have discernible text
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.name-role-value
  • wcag2a
  • wcag412
  • section508
  • section508.22.a
  • ACT
Details
Id:bypass
Impact:
Description: Ensures each page has at least one mechanism for a user to bypass navigation and jump straight to the content
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.keyboard
  • wcag2a
  • wcag241
  • section508
  • section508.22.o
Details
Id:color-contrast
Impact:
Description: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.color
  • wcag2aa
  • wcag143
Details
Id:document-title
Impact:
Description: Ensures each HTML document contains a non-empty <title> element
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.text-alternatives
  • wcag2a
  • wcag242
  • ACT
Details
Id:duplicate-id-aria
Impact:
Description: Ensures every id attribute value used in ARIA and in labels is unique
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.parsing
  • wcag2a
  • wcag411
Details
Id:duplicate-id
Impact:
Description: Ensures every id attribute value is unique
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.parsing
  • wcag2a
  • wcag411
Details
Id:empty-heading
Impact:
Description: Ensures headings have discernible text
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.name-role-value
  • best-practice
Details
Id:frame-title-unique
Impact:
Description: Ensures <iframe> and <frame> elements contain a unique title attribute
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.text-alternatives
  • best-practice
Details
Id:frame-title
Impact:
Description: Ensures <iframe> and <frame> elements have an accessible name
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.text-alternatives
  • wcag2a
  • wcag241
  • wcag412
  • section508
  • section508.22.i
Details
Id:heading-order
Impact:
Description: Ensures the order of headings is semantically correct
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.semantics
  • best-practice
Details
Id:html-has-lang
Impact:
Description: Ensures every HTML document has a lang attribute
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.language
  • wcag2a
  • wcag311
  • ACT
Details
Id:html-lang-valid
Impact:
Description: Ensures the lang attribute of the <html> element has a valid value
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.language
  • wcag2a
  • wcag311
  • ACT
Details
Id:identical-links-same-purpose
Impact:
Description: Ensure that links with the same accessible name serve a similar purpose
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.semantics
  • wcag2aaa
  • wcag249
Details
Id:image-alt
Impact:
Description: Ensures <img> elements have alternate text or a role of none or presentation
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.text-alternatives
  • wcag2a
  • wcag111
  • section508
  • section508.22.a
  • ACT
Details
Id:image-redundant-alt
Impact:
Description: Ensure image alternative is not repeated as text
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.text-alternatives
  • best-practice
Details
Id:landmark-banner-is-top-level
Impact:
Description: Ensures the banner landmark is at top level
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.semantics
  • best-practice
Details
Id:landmark-contentinfo-is-top-level
Impact:
Description: Ensures the contentinfo landmark is at top level
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.semantics
  • best-practice
Details
Id:landmark-main-is-top-level
Impact:
Description: Ensures the main landmark is at top level
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.semantics
  • best-practice
Details
Id:landmark-no-duplicate-banner
Impact:
Description: Ensures the document has at most one banner landmark
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.semantics
  • best-practice
Details
Id:landmark-no-duplicate-contentinfo
Impact:
Description: Ensures the document has at most one contentinfo landmark
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.semantics
  • best-practice
Details
Id:landmark-no-duplicate-main
Impact:
Description: Ensures the document has at most one main landmark
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.semantics
  • best-practice
Details
Id:landmark-one-main
Impact:
Description: Ensures the document has a main landmark
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.semantics
  • best-practice
Details
Id:landmark-unique
Impact:
Description: Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.semantics
  • best-practice
Details
Id:link-name
Impact:
Description: Ensures links have discernible text
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.name-role-value
  • wcag2a
  • wcag412
  • wcag244
  • section508
  • section508.22.a
  • ACT
Details
Id:list
Impact:
Description: Ensures that lists are structured correctly
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.structure
  • wcag2a
  • wcag131
Details
Id:listitem
Impact:
Description: Ensures <li> elements are used semantically
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.structure
  • wcag2a
  • wcag131
Details
Id:meta-viewport-large
Impact:
Description: Ensures <meta name="viewport"> can scale a significant amount
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.sensory-and-visual-cues
  • best-practice
Details
Id:meta-viewport
Impact:
Description: Ensures <meta name="viewport"> does not disable text scaling and zooming
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.sensory-and-visual-cues
  • best-practice
  • ACT
Details
Id:nested-interactive
Impact:
Description: Ensure controls are not nested as they are not announced by screen readers
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.keyboard
  • wcag2a
  • wcag412
Details
Id:page-has-heading-one
Impact:
Description: Ensure that the page, or at least one of its frames contains a level-one heading
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.semantics
  • best-practice
Details
Id:presentation-role-conflict
Impact:
Description: Flags elements whose role is none or presentation and which cause the role conflict resolution to trigger.
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.aria
  • best-practice
Details
Id:region
Impact:
Description: Ensures all page content is contained by landmarks
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.keyboard
  • best-practice
Details
Id:skip-link
Impact:
Description: Ensure all skip links have a focusable target
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.keyboard
  • best-practice
Details
Id:tabindex
Impact:
Description: Ensures tabindex attribute values are not greater than 0
Urls:https://thingstodo.sanclementecove.com/?ghghg
Tags:
  • cat.keyboard
  • best-practice