aria-prohibited-attr serious
Elements must only use permitted ARIA attributes
Manual review required to confirm this issue.
nodes: 5
target #list-cdababbefab > .glue-carousel__wrapper > .glue-carousel.glue-carousel--cards[data-glue-carousel-cards-per-page="3"] > .glue-carousel__navigation[aria-label="Choose a page"]
Fix all of the following:
aria-label attribute is not well supported on a div with no valid role attribute.
HTML snippet
<div class="glue-carousel__navigation" aria-label="Choose a page">
target #list-dfabbff > .glue-carousel__wrapper > .glue-carousel.glue-carousel--cards[data-glue-carousel-cards-per-page="3"] > .glue-carousel__navigation[aria-label="Choose a page"]
Fix all of the following:
aria-label attribute is not well supported on a div with no valid role attribute.
HTML snippet
<div class="glue-carousel__navigation" aria-label="Choose a page">
target #sell-ads-nothing-more
Fix all of the following:
aria-label attribute is not well supported on a div with no valid role attribute.
HTML snippet
<div data-cy="card" class="glue-card glue-card-..." data-tracking="{"event":"card_selec..." data-card-fill="white-50" data-border-weight="1px" tabindex="0" aria-label="Learn more" id="sell-ads-nothing-mor...">
target #carousel-item-9-skqu3pn11n
Fix all of the following:
aria-label attribute is not well supported on a div with no valid role attribute.
HTML snippet
<div data-cy="card" class="glue-card glue-carou..." data-tracking="{"event":"card_selec..." data-card-fill="white-50" data-border-weight="1px" tabindex="-1" data-focus="" aria-label="Play video" id="carousel-item-9-skqu..." data-bsp-carousel-sl...="2">
target div[data-glue-carousel-cards-per-page="2"] > .glue-carousel__navigation[aria-label="Choose a page"]
Fix all of the following:
aria-label attribute is not well supported on a div with no valid role attribute.
HTML snippet
<div class="glue-carousel__navigation" aria-label="Choose a page">
color-contrast serious
Elements must meet minimum color contrast ratio thresholds
Manual review required to confirm this issue.
nodes: 4
target .glue-video__preview-container.glue-video__preview-container--modal.glue-modal__triggerandpop__wrap > .glue-video__info > .glue-video__timestamp-container > .glue-video__timestamp.glue-video__timestamp--dark.glue-video__timestamp--visible > .glue-video__timestamp-duration.glue-label
Fix any of the following:
Element's background color could not be determined because element contains an image node
HTML snippet
<span class="glue-label glue-video__timestamp-duration">01:52</span>
target #carousel-item-8-8e7nv32qy7g > .glue-card__inner > .glue-video__preview-container.glue-video__preview-container--modal > .glue-video__info > .glue-video__timestamp-container > .glue-video__timestamp.glue-video__timestamp--dark.glue-video__timestamp--visible > .glue-video__timestamp-duration.glue-label
Fix any of the following:
Element's background color could not be determined because element contains an image node
HTML snippet
<span class="glue-label glue-video__timestamp-duration">02:20</span>
target #carousel-item-9-skqu3pn11n > .glue-card__inner > .glue-video__preview-container.glue-video__preview-container--modal > .glue-video__info > .glue-video__timestamp-container > .glue-video__timestamp.glue-video__timestamp--dark.glue-video__timestamp--visible > .glue-video__timestamp-duration.glue-label
Fix any of the following:
Element's background color could not be determined because element contains an image node
HTML snippet
<span class="glue-label glue-video__timestamp-duration">03:56</span>
target #lang-selector
Fix any of the following:
Element's background color could not be determined due to a background image
HTML snippet
<select data-cy="lang-selector" aria-label="Change language or r..." name="lang-selector" id="lang-selector" class="glue-form__dropdown ..." data-tracking="{"event":"footer_sel...">
target-size serious
All touch targets must be 24px large, or leave sufficient space
Manual review required to confirm this issue.
nodes: 4
target .glue-carousel.glue-carousel--cards[data-glue-carousel-cards-per-page="3"] > .glue-carousel__navigation[aria-label="Choose a page"] > .glue-is-active[aria-label="Selected tab 1 of 2"][data-dot="1"]
Fix any of the following:
Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 16px instead of at least 24px. Is the neighbor a target?
HTML snippet
<button class="glue-carousel__dot glue-is-active" data-dot="1" aria-controls="" aria-label="Selected tab 1 of 2" tabindex="0" aria-current="true"></button>
target .glue-carousel.glue-carousel--cards[data-glue-carousel-cards-per-page="3"] > .glue-carousel__navigation[aria-label="Choose a page"] > button[data-dot="2"][aria-label="Selected tab 2 of 2"][aria-current="false"]
Fix any of the following:
Element with negative tabindex has insufficient size (20px by 20px, should be at least 24px by 24px). Is this a target?
Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 16px instead of at least 24px. Is this a target?
HTML snippet
<button class="glue-carousel__dot" data-dot="2" aria-controls="" aria-label="Selected tab 2 of 2" tabindex="-1" aria-current="false"></button>
target div[data-glue-carousel-cards-per-page="2"] > .glue-carousel__navigation[aria-label="Choose a page"] > .glue-is-active[aria-label="Selected tab 1 of 2"][data-dot="1"]
Fix any of the following:
Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 16px instead of at least 24px. Is the neighbor a target?
HTML snippet
<button class="glue-carousel__dot glue-is-active" data-dot="1" aria-controls="" aria-label="Selected tab 1 of 2" tabindex="0" aria-current="true"></button>
target div[data-glue-carousel-cards-per-page="2"] > .glue-carousel__navigation[aria-label="Choose a page"] > button[data-dot="2"][aria-label="Selected tab 2 of 2"][aria-current="false"]
Fix any of the following:
Element with negative tabindex has insufficient size (20px by 20px, should be at least 24px by 24px). Is this a target?
Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 16px instead of at least 24px. Is this a target?
HTML snippet
<button class="glue-carousel__dot" data-dot="2" aria-controls="" aria-label="Selected tab 2 of 2" tabindex="-1" aria-current="false"></button>