← Back to summary

https://www.explorewtc.com/en/local.html FAIL

Score: 82/100 • Errors: 3 • Warnings: 4 • Notices: 0
Tests Passed: 31/38 • Response Time: 4907ms
Target: WCAG 2.2 Level AA • Settle Delay: 2000ms • Audit Profile: wcag • Run Profile: desktop
Tags Used: wcag2a, wcag2aa, wcag21a, wcag21aa, wcag22a, wcag22aa
Excluded Rules: none

Errors (3)

color-contrast serious
Elements must meet minimum color contrast ratio thresholds
Learn more
nodes: 6
target div:nth-child(4) > div
Fix any of the following: Element has insufficient color contrast of 3.06 (foreground color: #3897f0, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;">View this profile on Instagram</div>
target p
Fix any of the following: Element has insufficient color contrast of 1.66 (foreground color: #c9c8cd, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">
target p > a[target="_blank"]:nth-child(1)
Fix any of the following: Element has insufficient color contrast of 1.66 (foreground color: #c9c8cd, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<a href="https://www.instagram.com/explorewtc/?utm_source=ig_embed&amp;utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank">World Trade Center (PANYNJ)</a>
target a[target="_blank"]:nth-child(2)
Fix any of the following: Element has insufficient color contrast of 1.66 (foreground color: #c9c8cd, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<a href="https://www.instagram.com/explorewtc/?utm_source=ig_embed&amp;utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank">explorewtc</a>
target .goog-te-gadget
Fix any of the following: Element has insufficient color contrast of 3.65 (foreground color: #666666, background color: #000000, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<div class="skiptranslate goog-te-gadget" dir="ltr" style="">
target .VIpgJd-ZVi9od-l4eHX-hSRGPd
Fix any of the following: Element has insufficient color contrast of 2.15 (foreground color: #444444, background color: #000000, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1
HTML snippet
<a class="VIpgJd-ZVi9od-l4eHX-hSRGPd" href="https://translate.google.com" target="_blank"><img src="https://www.gstatic.com/images/branding/googlelogo/1x/googlelogo_color_42x16dp.png" width="37px" height="14px" style="padding-right: 3px" alt="Google Translate">Translate</a>
frame-title serious
Frames must have an accessible name
Learn more
nodes: 1
target #instagram-embed-0
Fix any of the following: Element has no title attribute 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's default semantics were not overridden with role="none" or role="presentation"
HTML snippet
<iframe class="instagram-media" id="instagram-embed-0" src="https://www.instagra..." allowtransparency="true" allowfullscreen="true" frameborder="0" height="0" data-instgrm-payload...="instagram-media-payl..." scrolling="no" style="background: white; m...">
target-size serious
All touch targets must be 24px large, or leave sufficient space
Learn more
nodes: 1
target select
Fix any of the following: Target has insufficient size (189px by 19px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px.
HTML snippet
<select class="goog-te-combo" aria-label="Language Translate Widget">

Incomplete (manual review) (4)

aria-prohibited-attr serious
Elements must only use permitted ARIA attributes
Manual review required to confirm this issue.
Learn more
nodes: 1
target div[data-slick-index="-3"]
Fix all of the following: aria-label attribute is not well supported on a div with no valid role attribute.
HTML snippet
<div class="cmp-carousel__item slick-slide slick-cloned cmp-carousel__item--active" aria-roledescription="slide" aria-label="Slide 3 of 5" data-cmp-hook-carousel="item" data-slick-index="-3" tabindex="-1" style="width: 402px;">
color-contrast serious
Elements must meet minimum color contrast ratio thresholds
Manual review required to confirm this issue.
Learn more
nodes: 26
target .wtc-quick-links__title
Fix any of the following: Element's background color could not be determined due to a background image
HTML snippet
<h2 class="wtc-quick-links__title">
      PLAN YOUR VISIT
    </h2>
target div[data-item-index="0"] > .wtc-quick-links__icon-wrapper > .wtc-quick-links__link-text
Fix any of the following: Element's background color could not be determined due to a background image
HTML snippet
<div class="wtc-quick-links__link-text">Getting to the WTC</div>
target div[data-item-index="1"] > .wtc-quick-links__icon-wrapper > .wtc-quick-links__link-text
Fix any of the following: Element's background color could not be determined due to a background image
HTML snippet
<div class="wtc-quick-links__link-text">Navigating the WTC Campus</div>
target div[data-item-index="2"] > .wtc-quick-links__icon-wrapper > .wtc-quick-links__link-text
Fix any of the following: Element's background color could not be determined due to a background image
HTML snippet
<div class="wtc-quick-links__link-text">Restrooms &amp; Amenities</div>
target .wtc-section--header-light-blue-title > section > .wtc-section__content > .wtc-section__title-container > .cmp-title > .cmp-title__text > p
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<p>Come Explore</p>
target .wtc-layout.wtc-layout--no-padding.aem-GridColumn--offset--tablet--0:nth-child(1) > .aem-Grid--tablet--6.aem-Grid--phone--6.aem-Grid--4 > .aem-GridColumn--phone--6.aem-GridColumn--tablet--6.aem-GridColumn--default--4:nth-child(1) > .wtc-card-hover > .wtc-card-hover__link > .wtc-card-hover__bottom > .wtc-card-hover__bottom-title
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<div class="wtc-card-hover__bottom-title">
        9/11 Memorial &amp; Museum
      </div>
target .wtc-layout.wtc-layout--no-padding.aem-GridColumn--offset--tablet--0:nth-child(1) > .aem-Grid--tablet--6.aem-Grid--phone--6.aem-Grid--4 > .aem-GridColumn--phone--6.aem-GridColumn--tablet--6.aem-GridColumn--default--4:nth-child(2) > .wtc-card-hover > .wtc-card-hover__link > .wtc-card-hover__bottom > .wtc-card-hover__bottom-title
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<div class="wtc-card-hover__bottom-title">
        Liberty Park
      </div>
target .wtc-layout.wtc-layout--no-padding.aem-GridColumn--offset--tablet--0:nth-child(2) > .aem-Grid--tablet--6.aem-Grid--phone--6.aem-Grid--4 > .aem-GridColumn--phone--6.aem-GridColumn--tablet--6.aem-GridColumn--default--4:nth-child(1) > .wtc-card-hover > .wtc-card-hover__link > .wtc-card-hover__bottom > .wtc-card-hover__bottom-title
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<div class="wtc-card-hover__bottom-title">
        One World Observatory
      </div>
target .wtc-layout.wtc-layout--no-padding.aem-GridColumn--offset--tablet--0:nth-child(2) > .aem-Grid--tablet--6.aem-Grid--phone--6.aem-Grid--4 > .aem-GridColumn--phone--6.aem-GridColumn--tablet--6.aem-GridColumn--default--4:nth-child(2) > .wtc-card-hover > .wtc-card-hover__link > .wtc-card-hover__bottom > .wtc-card-hover__bottom-title
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<div class="wtc-card-hover__bottom-title">
        Shopping
      </div>
target .aem-GridColumn--offset--tablet--0.aem-GridColumn--phone--none.aem-GridColumn--offset--phone--0:nth-child(1) > .wtc-card-hover > .wtc-card-hover__link > .wtc-card-hover__bottom > .wtc-card-hover__bottom-title
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<div class="wtc-card-hover__bottom-title">
        The Oculus
      </div>
target .aem-GridColumn--offset--tablet--0.aem-GridColumn--phone--none.aem-GridColumn--offset--phone--0:nth-child(2) > .wtc-card-hover > .wtc-card-hover__link > .wtc-card-hover__bottom > .wtc-card-hover__bottom-title
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<div class="wtc-card-hover__bottom-title">
        PAC NYC
      </div>
target .wtc-button--centered.wtc-button--white.wtc-button--internal-link > .wtc-button-wrapper > .wtc-button
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<a class="wtc-button" href="/en/local/things-to-do/attractions.html">See All Things To Do</a>
target .wtc-upcoming-events__hero > .wtc-upcoming-events__title-container > .cmp-title > .cmp-title__text > p
Fix any of the following: Element's background color could not be determined due to a background image
HTML snippet
<p>Upcoming events</p>
target .card-hero__bottom-description > span
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<span>November 26 - November 2026</span>
target .card-hero__bottom-title
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<div class="card-hero__bottom-title">
                REWIND by WhIsBe
              </div>
target .wtc-upcoming-events__sidebar > .wtc-button--vertical-margin.wtc-button--internal-link.button > .wtc-button-wrapper > .wtc-button
Fix any of the following: Element's background color could not be determined due to a background image
HTML snippet
<a class="wtc-button" href="/en/local/things-to-do/events.html">See All Events</a>
target .wtc-card__card-datetime
Fix any of the following: Element's background color could not be determined due to a background image
HTML snippet
<div class="wtc-card__card-datetime">
                January 13 - December 30
              </div>
target .wtc-button--no-border > .wtc-button
Fix any of the following: Element's background color could not be determined due to a background image
HTML snippet
<a href="/en/local/things-to-do/events/oculus-unplugged1.html" class="wtc-button">
                    Oculus Unplugged
                  </a>
target .wtc-section--container-no-vertical-padding > section > .wtc-section__content > .wtc-section__title-container > .cmp-title > .cmp-title__text > p
Fix any of the following: Element's background color could not be determined due to a background image
HTML snippet
<p>Featured</p>
target #slick-slide00 > .card-hover > .wtc-card-hover > .wtc-card-hover__link > .wtc-card-hover__bottom > .wtc-card-hover__bottom-subtitle
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<div class="wtc-card-hover__bottom-subtitle">
        Blog Article
      </div>
target #slick-slide00 > .card-hover > .wtc-card-hover > .wtc-card-hover__link > .wtc-card-hover__bottom > .wtc-card-hover__bottom-title
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<div class="wtc-card-hover__bottom-title">
        Introducing Explore WTC
      </div>
target #slick-slide01 > .card-hover > .wtc-card-hover > .wtc-card-hover__link > .wtc-card-hover__bottom > .wtc-card-hover__bottom-subtitle
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<div class="wtc-card-hover__bottom-subtitle">
        Blog Article
      </div>
target #slick-slide01 > .card-hover > .wtc-card-hover > .wtc-card-hover__link > .wtc-card-hover__bottom > .wtc-card-hover__bottom-title
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<div class="wtc-card-hover__bottom-title">
        Demystifying Big Red
      </div>
target #slick-slide02 > .card-hover > .wtc-card-hover > .wtc-card-hover__link > .wtc-card-hover__bottom > .wtc-card-hover__bottom-subtitle
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<div class="wtc-card-hover__bottom-subtitle">
        Blog Article
      </div>
target #slick-slide02 > .card-hover > .wtc-card-hover > .wtc-card-hover__link > .wtc-card-hover__bottom > .wtc-card-hover__bottom-title
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<div class="wtc-card-hover__bottom-title">
        Walk Through WTC With Lt. Quashie
      </div>
target #instagram-embed-0, .xjqpnuy
Fix any of the following: Element has a 1:1 contrast ratio with the background
HTML snippet
<div class="x1i10hfl xjqpnuy xc5..." role="button" tabindex="0">
duplicate-id-aria critical
IDs used in ARIA and labels must be unique
Manual review required to confirm this issue.
Learn more
nodes: 1
target a[href$="panynj.gov/"] > span
Fix any of the following: Document has multiple elements referenced with ARIA with the same id attribute: visually-hidden
HTML snippet
<span id="visually-hidden">Logo of Port Authority of New York and New Jersey</span>
video-caption critical
<video> elements must have captions
Manual review required to confirm this issue.
Learn more
nodes: 1
target video
Fix all of the following: Check that captions are available for the element
HTML snippet
<video autoplay="autoplay" muted="muted" loop="loop" width="100%"><source src="/content/dam/wtc/site-resources/videos/UpdatedMay2025_homepage_vid30s.mp4"></video>