color-contrast
Elements must meet minimum color contrast ratio thresholds
Impact: serious · Pages with issue: 1
Selector: .btn
<a class="btn btn-ctn" href="https://digital-strategy.ec.europa.eu/en/library/study-european-video-games-sector">Discover the final study</a>
Fix any of the following:
Element has insufficient color contrast of 3.66 (foreground color: #3860ed, background color: #ffd617, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
link-name
Links must have discernible text
Impact: serious · Pages with issue: 1
Selector: li:nth-child(1) > a:nth-child(2)
<a href="https://op.europa.eu/en/publication-detail/-/publication/075b8bbe-6bd5-11ee-9220-01aa75ed71a1/language-en/format-PDF/source-294523138"><span> </span></a>
Fix all of the following:
Element is in tab order and does not have accessible text
Fix any of the following:
Element does not have text that is visible to screen readers
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
image-alt
Images must have alternative text
Impact: critical · Pages with issue: 1
Selector: .ecl-col-m-4.cnt-media-right:nth-child(4) > .cnt-parag-wrapper > p:nth-child(2) > img[width="66"][height="66"]
<img src="https://ec.europa.eu/newsroom/dae/redirection/document/104699" width="66" height="66">
Fix any of the following:
Element does not have an alt 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 has no title attribute
Element's default semantics were not overridden with role="none" or role="presentation"
aria-required-children
Certain ARIA roles must contain particular children
Impact: critical · Pages with issue: 1
Selector: #tabs__list25c6hobijd
<ul class="ecl-tabs__list js-tablist tabs__list" role="tablist" id="tabs__list25c6hobijd" style="transform: translate3d(0px, 0px, 0px); width: auto;">
Fix any of the following:
Element has children which are not allowed: li[tabindex]
aria-required-parent
Certain ARIA roles must be contained by particular parents
Impact: critical · Pages with issue: 1
Selector: #tabs__item25c6hobijd-8 > .ecl-tabs__link.js-tablist__link[aria-controls="1742293874547-3"]
<a class="ecl-link ecl-tabs__link js-tablist__link tabs__link" id="label_1742293874547-3" role="tab" aria-controls="1742293874547-3" tabindex="-1" aria-selected="false">Tools and templates</a>
Fix any of the following:
Required ARIA parent role not present: tablist
listitem
<li> elements must be contained in a <ul> or <ol>
Impact: serious · Pages with issue: 1
Selector: .ecl-tabs__item--more
<li class="ecl-tabs__item ecl-tabs__item--more ck-cnt-hide">
Fix any of the following:
List item parent element has a role that is not role="list"
frame-title
Frames must have an accessible name
Impact: serious · Pages with issue: 1
Selector: iframe, iframe
<iframe width="475" height="267" src="https://webtools.eur..." frameborder="0" allow="accelerometer; autop..." referrerpolicy="strict-origin-when-c..." allowfullscreen="">
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"