Accessibility Scan Report

Title: Spain Issue: #69 Date: 3/15/2026, 1:16:30 AM Duration: 17.3m URLs: 100 / 100

Summary

Issues

  • By Level: A (767), AA (0)
  • By Version (A & AA): WCAG 2.0 (767)
  • By Category: axe-strict (921) & Others (7526)
  • Total: 8447 across 48 unique rules & 2 accessibility engines

By Severity

Critical
Serious
Moderate
Minor

By Role

UX Designer
Visual Designer
Content Author
Front-End Developer

Issues

🎯 Pages with Most Errors

Focus your efforts on these pages to make the biggest impact. Click any error count to filter the rule list below.

Page axe UniqueEqual Access Unique Total Unique
View Page Administracion.gob.es - Punto de Acceso General 173
View Page Administracion.gob.es - Punto de Acceso General 173
View Page Administracion.gob.es - Punto de Acceso General 171
View Page Administracion.gob.es - Punto de Acceso General 171
View Page Trabajadores desplazados: Laboral - Trabajadores desplazados - Empleados - Empresas - Tus derechos y obligaciones en la UE - Tu espacio europeo - Punto de Acceso General 141
View Page Centros de atención socio-sanitaria - Asistencia sanitaria - Ciudadanos - Tus derechos y obligaciones en la UE - Tu espacio europeo - Punto de Acceso General 126
View Page Reciclaje y gestión de residuos - Productos - Empresas - Tus derechos y obligaciones en la UE - Tu espacio europeo - Punto de Acceso General 125
View Page Centros de atención socio-sanitaria - Asistencia sanitaria - Ciudadanos - Tus derechos y obligaciones en la UE - Tu espacio europeo - Punto de Acceso General 124
View Page Health and social care institutions - Healthcare - Citizens - Your rights and obligations in the EU - Tu espacio europeo - Punto de Acceso General 124
View Page Búsqueda de empleo - Trabajo y jubilación - Ciudadanos - Tus derechos y obligaciones en la UE - Tu espacio europeo - Punto de Acceso General 124

🔧 Most Common Issues (axe)

16 rules
317 Moderate axe SC 1.4.1 A Visual Cognitive link-in-text-block:
61 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.4.1 A

Disabilities affected:
Visual Cognitive

Affected Pages

Examples

Example 1 View on Page
Links must be distinguishable without relying on color
Mode: light
<a title="Orden SSI/420/2015, ..." href="https://www.boe.es/d..." target="_blank">
XPath: span > a[target="_blank"]
Example 2 View on Page
Links must be distinguishable without relying on color
Mode: light
<a title="<u>La Tarjeta Sanitaria Europea</u> (TSE) (Abre en nueva ventana)" href="https://www.seg-social.es/wps/portal/wss/internet/Trabajadores/PrestacionesPensionesTrabajadores/10938/11566/1761" target="_blank">
XPath: .title_mb_30:nth-child(2) > .textojustificado > a[target="_blank"]
Example 3 View on Page
Links must be distinguishable without relying on color
Mode: light
<a title="Aquí puedes consultar más información sobre este supuesto. (Abre en nueva ventana)" href="/pag_Home/Tu-espacio-europeo/derechos-obligaciones/ciudadanos/asistencia-sanitaria/tratamiento-medico.html" target="_blank">
XPath: .lista1 > li:nth-child(1) > a[target="_blank"]
Example 4 View on Page
Links must be distinguishable without relying on color
Mode: light
<a title="Tarjeta sanitaria europea y certificado provisional sustitutorio (Abre en nueva ventana)" href="https://prestaciones.seg-social.es/servicio/tarjeta-sanitaria-europea-certificado-provisional-sustitutorio.html" target="_blank">
XPath: .title_mb_30:nth-child(3) > .textojustificado:nth-child(2) > a[target="_blank"]
Example 5 View on Page
Links must be distinguishable without relying on color
Mode: light
<a title="solicitar el Certificado Provisional Sustitutorio (Abre en nueva ventana)" href="https://www.seg-social.es/wps/portal/wss/internet/Trabajadores/PrestacionesPensionesTrabajadores/10938/11566/1762" target="_blank">
XPath: .textojustificado:nth-child(5) > a[target="_blank"]
152 Serious axe SC 1.3.1 A Visual Cognitive listitem:
21 pages affected

Rule Information

Engine: axe

Roles: Content Author, Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Disabilities affected:
Visual Cognitive

Affected Pages

Examples

Example 1 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li class="ppg-slick__item">
XPath: ul[aria-describedby="slick-slide00"] > .ppg-slick__item
Example 2 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li class="ppg-slick__item">
XPath: ul[aria-describedby="slick-slide01"] > .ppg-slick__item
Example 3 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li class="ppg-slick__item">
XPath: ul[aria-describedby="slick-slide02"] > .ppg-slick__item
Example 4 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li class="ppg-slick__item">
XPath: ul[aria-describedby="slick-slide10"] > .ppg-slick__item
Example 5 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li class="ppg-slick__item">
XPath: ul[aria-describedby="slick-slide11"] > .ppg-slick__item
128 Moderate axe SC 1.3.1 A Visual Cognitive aria-required-parent:
17 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Disabilities affected:
Visual Cognitive

Affected Pages

Examples

Example 1 View on Page
Certain ARIA roles must be contained by particular parents
Mode: light
<h3 id="-0b5c8ec39730" class="ppg-accordion__heading ui-accordion-header ui-corner-top ui-accordion-header-collapsed ui-corner-all ui-state-default ui-accordion-icons" role="tab" aria-controls="ui-id-1" aria-selected="false" aria-expanded="false" tabindex="0">
XPath: #-\30 b5c8ec39730
Example 2 View on Page
Certain ARIA roles must be contained by particular parents
Mode: light
<h3 id="-b74c79876909" class="ppg-accordion__heading ui-accordion-header ui-corner-top ui-accordion-header-collapsed ui-corner-all ui-state-default ui-accordion-icons" role="tab" aria-controls="ui-id-2" aria-selected="false" aria-expanded="false" tabindex="-1">
XPath: #-b74c79876909
Example 3 View on Page
Certain ARIA roles must be contained by particular parents
Mode: light
<h3 id="-0fbb222943f5" class="ppg-accordion__heading ui-accordion-header ui-corner-top ui-accordion-header-collapsed ui-corner-all ui-state-default ui-accordion-icons" role="tab" aria-controls="ui-id-3" aria-selected="false" aria-expanded="false" tabindex="-1">
XPath: #-\30 fbb222943f5
Example 4 View on Page
Certain ARIA roles must be contained by particular parents
Mode: light
<h3 id="-0b219aed4e61" class="ppg-accordion__heading ui-accordion-header ui-corner-top ui-accordion-header-collapsed ui-corner-all ui-state-default ui-accordion-icons" role="tab" aria-controls="ui-id-4" aria-selected="false" aria-expanded="false" tabindex="-1">
XPath: #-\30 b219aed4e61
Example 5 View on Page
Certain ARIA roles must be contained by particular parents
Mode: light
<h3 id="-77c39e2e8484" class="ppg-accordion__heading ui-accordion-header ui-corner-top ui-accordion-header-collapsed ui-corner-all ui-state-default ui-accordion-icons" role="tab" aria-controls="ui-id-5" aria-selected="false" aria-expanded="false" tabindex="-1">
XPath: #-\37 7c39e2e8484
99 Moderate axe label-title-only:
99 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Form elements should have a visible label
Mode: light
<input type="text" name="q" id="buscador-header" maxlength="150" title="Buscar" placeholder="Buscar" class="ppg-search__input ppg-text ppg-text--lighted ppg-icon__search-ra" onfocus="javascript:this.value=''">
XPath: #buscador-header
Example 2 View on Page
Form elements should have a visible label
Mode: light
<input type="text" name="q" id="buscador-header" maxlength="150" title="Buscar" placeholder="Buscar" class="ppg-search__input ppg-text ppg-text--lighted ppg-icon__search-ra" onfocus="javascript:this.value=''">
XPath: #buscador-header
Example 3 View on Page
Form elements should have a visible label
Mode: light
<input type="text" name="q" id="buscador-header" maxlength="150" title="Buscar" placeholder="Buscar" class="ppg-search__input ppg-text ppg-text--lighted ppg-icon__search-ra" onfocus="javascript:this.value=''">
XPath: #buscador-header
Example 4 View on Page
Form elements should have a visible label
Mode: light
<input type="text" name="q" id="buscador-header" maxlength="150" title="Buscar" placeholder="Buscar" class="ppg-search__input ppg-text ppg-text--lighted ppg-icon__search-ra" onfocus="javascript:this.value=''">
XPath: #buscador-header
Example 5 View on Page
Form elements should have a visible label
Mode: light
<input type="text" name="q" id="buscador-header" maxlength="150" title="Buscar" placeholder="Buscar" class="ppg-search__input ppg-text ppg-text--lighted ppg-icon__search-ra" onfocus="javascript:this.value=''">
XPath: #buscador-header
41 Moderate axe SC 1.3.1 A Visual Cognitive aria-required-children:
21 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Disabilities affected:
Visual Cognitive

Affected Pages

Examples

Example 1 View on Page
Certain ARIA roles must contain particular children
Mode: light
<div class="slick-track" role="listbox" style="opacity: 1; width: 55000px; transform: translate3d(-600px, 0px, 0px);">
XPath: div[data-fn="slick-type2"] > .slick-list.draggable[aria-live="polite"] > .slick-track[role="listbox"]
Example 2 View on Page
Certain ARIA roles must contain particular children
Mode: light
<div class="slick-track" role="listbox" style="opacity: 1; width: 55000px; transform: translate3d(-600px, 0px, 0px);">
XPath: div[data-fn="slick-type2"] > .slick-list.draggable[aria-live="polite"] > .slick-track[role="listbox"]
Example 3 View on Page
Certain ARIA roles must contain particular children
Mode: light
<ul data-fn="accordion" class="ppg-accordion ui-accordion ui-widget ui-helper-reset" role="tablist">
XPath: .title_mb_30:nth-child(8) > .ppg-accordion.ui-accordion.ui-widget
Example 4 View on Page
Certain ARIA roles must contain particular children
Mode: light
<ul data-fn="accordion" class="ppg-accordion ui-accordion ui-widget ui-helper-reset" role="tablist">
XPath: .title_mb_30:nth-child(10) > .ppg-accordion.ui-accordion.ui-widget
Example 5 View on Page
Certain ARIA roles must contain particular children
Mode: light
<ul data-fn="accordion" class="ppg-accordion ui-accordion ui-widget ui-helper-reset" role="tablist">
XPath: .title_mb_30:nth-child(8) > .ppg-accordion.ui-accordion.ui-widget
28 Moderate axe aria-allowed-role:
4 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
ARIA role should be appropriate for the element
Mode: light
<ul class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide00">
XPath: ul[aria-describedby="slick-slide00"]
Example 2 View on Page
ARIA role should be appropriate for the element
Mode: light
<ul class="slick-slide slick-active" data-slick-index="1" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide01">
XPath: ul[aria-describedby="slick-slide01"]
Example 3 View on Page
ARIA role should be appropriate for the element
Mode: light
<ul class="slick-slide slick-active" data-slick-index="2" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide02">
XPath: ul[aria-describedby="slick-slide02"]
Example 4 View on Page
ARIA role should be appropriate for the element
Mode: light
<a href="#tab-0" class="ppg-tabs__link ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1">Servicios ELECTRÓNICOS frecuentes</a>
XPath: #ui-id-1
Example 5 View on Page
ARIA role should be appropriate for the element
Mode: light
<ul class="slick-slide slick-current slick-active slick-center" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide10">
XPath: ul[aria-describedby="slick-slide10"]
20 Moderate axe SC 4.1.2 A Visual Motor Cognitive nested-interactive:
4 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Examples

Example 1 View on Page
Interactive controls must not be nested
Mode: light
<ul class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide00">
XPath: ul[aria-describedby="slick-slide00"]
Example 2 View on Page
Interactive controls must not be nested
Mode: light
<ul class="slick-slide slick-active" data-slick-index="1" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide01">
XPath: ul[aria-describedby="slick-slide01"]
Example 3 View on Page
Interactive controls must not be nested
Mode: light
<ul class="slick-slide slick-active" data-slick-index="2" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide02">
XPath: ul[aria-describedby="slick-slide02"]
Example 4 View on Page
Interactive controls must not be nested
Mode: light
<li class="ppg-tabs__item ui-tabs-tab ui-corner-top ui-state-default ui-tab ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tab-0" aria-labelledby="ui-id-1" aria-selected="true" aria-expanded="true">
XPath: .ppg-tabs__item
Example 5 View on Page
Interactive controls must not be nested
Mode: light
<ul class="slick-slide slick-current slick-active slick-center" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide10">
XPath: ul[aria-describedby="slick-slide10"]
11 Moderate axe empty-heading:
6 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Headings should not be empty
Mode: light
<h3 class="subtitulo">&nbsp;</h3>
XPath: .title_mb_30:nth-child(1) > .subtitulo
Example 2 View on Page
Headings should not be empty
Mode: light
<h3 class="subtitulo">&nbsp;</h3>
XPath: .title_mb_30:nth-child(3) > .subtitulo:nth-child(6)
Example 3 View on Page
Headings should not be empty
Mode: light
<h3 class="subtitulo">&nbsp;</h3>
XPath: .subtitulo:nth-child(12)
Example 4 View on Page
Headings should not be empty
Mode: light
<h3 class="subtitulo">&nbsp;</h3>
XPath: .subtitulo:nth-child(14)
Example 5 View on Page
Headings should not be empty
Mode: light
<h3 class="subtitulo">&nbsp;</h3>
XPath: .subtitulo:nth-child(4)
8 Serious axe SC 4.1.2 A Visual Motor Cognitive aria-input-field-name:
4 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Examples

Example 1 View on Page
ARIA input fields must have an accessible name
Mode: light
<div class="slick-track" role="listbox" style="opacity: 1; width: 20000px; transform: translate3d(0px, 0px, 0px);">
XPath: .ppg-slick--type1 > .slick-list.draggable[aria-live="polite"] > .slick-track[role="listbox"]
Example 2 View on Page
ARIA input fields must have an accessible name
Mode: light
<div class="slick-track" role="listbox" style="opacity: 1; width: 55000px; transform: translate3d(-600px, 0px, 0px);">
XPath: div[data-fn="slick-type2"] > .slick-list.draggable[aria-live="polite"] > .slick-track[role="listbox"]
Example 3 View on Page
ARIA input fields must have an accessible name
Mode: light
<div class="slick-track" role="listbox" style="opacity: 1; width: 20000px; transform: translate3d(0px, 0px, 0px);">
XPath: .ppg-slick--type1 > .slick-list.draggable[aria-live="polite"] > .slick-track[role="listbox"]
Example 4 View on Page
ARIA input fields must have an accessible name
Mode: light
<div class="slick-track" role="listbox" style="opacity: 1; width: 55000px; transform: translate3d(-600px, 0px, 0px);">
XPath: div[data-fn="slick-type2"] > .slick-list.draggable[aria-live="polite"] > .slick-track[role="listbox"]
Example 5 View on Page
ARIA input fields must have an accessible name
Mode: light
<div class="slick-track" role="listbox" style="opacity: 1; width: 20000px; transform: translate3d(0px, 0px, 0px);">
XPath: .ppg-slick--type1 > .slick-list.draggable[aria-live="polite"] > .slick-track[role="listbox"]
8 Moderate axe SC 4.1.2 A Visual Motor Cognitive aria-toggle-field-name:
4 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Examples

Example 1 View on Page
ARIA toggle fields must have an accessible name
Mode: light
<ul class="slick-slide slick-active" data-slick-index="1" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide11">
XPath: ul[aria-describedby="slick-slide11"]
Example 2 View on Page
ARIA toggle fields must have an accessible name
Mode: light
<ul class="slick-slide slick-active" data-slick-index="2" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide12">
XPath: ul[aria-describedby="slick-slide12"]
Example 3 View on Page
ARIA toggle fields must have an accessible name
Mode: light
<ul class="slick-slide slick-active" data-slick-index="1" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide11">
XPath: ul[aria-describedby="slick-slide11"]
Example 4 View on Page
ARIA toggle fields must have an accessible name
Mode: light
<ul class="slick-slide slick-active" data-slick-index="2" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide12">
XPath: ul[aria-describedby="slick-slide12"]
Example 5 View on Page
ARIA toggle fields must have an accessible name
Mode: light
<ul class="slick-slide slick-active" data-slick-index="1" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide11">
XPath: ul[aria-describedby="slick-slide11"]
4 Moderate axe heading-order:
4 pages affected

Rule Information

Engine: axe

Roles: Content Author, UX Designer

Blocking: No

Examples

Example 1 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="o-card__title ppg-heading t-fs-18">Novedades de información para personas afectadas por la DANA </h3>
XPath: ul[aria-describedby="slick-slide00"] > .ppg-slick__item > .ppg-slick__link[title=""][target="_blank"] > .o-card--slick.o-card > .o-card__content > .t-fs-18.o-card__title
Example 2 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="o-card__title ppg-heading t-fs-18">Novedades de información para personas afectadas por la DANA </h3>
XPath: ul[aria-describedby="slick-slide00"] > .ppg-slick__item > .ppg-slick__link[title=""][target="_blank"] > .o-card--slick.o-card > .o-card__content > .t-fs-18.o-card__title
Example 3 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="o-card__title ppg-heading t-fs-18">Calendario laboral </h3>
XPath: ul[aria-describedby="slick-slide00"] > .ppg-slick__item > .ppg-slick__link[title=""][target="_blank"] > .o-card--slick.o-card > .o-card__content > .t-fs-18.o-card__title
Example 4 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="o-card__title ppg-heading t-fs-18">Calendari laboral </h3>
XPath: ul[aria-describedby="slick-slide00"] > .ppg-slick__item > .ppg-slick__link[title=""][target="_blank"] > .o-card--slick.o-card > .o-card__content > .t-fs-18.o-card__title
4 Critical axe SC 1.1.1 A Visual image-alt:
4 pages affected

Rule Information

Engine: axe

Roles: Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 1.1.1 A

Disabilities affected:
Visual

Examples

Example 1 View on Page
Images must have alternative text
Mode: light
<img class="fullImg" alt=" " title=" " src="/dam/jcr:e31ce16e-02c8-487e-b5dc-8163515b1293/oficina-atencion.jpg">
XPath: .fullImg
Example 2 View on Page
Images must have alternative text
Mode: light
<img class="fullImg" alt=" " title=" " src="/dam/jcr:e31ce16e-02c8-487e-b5dc-8163515b1293/oficina-atencion.jpg">
XPath: .fullImg
Example 3 View on Page
Images must have alternative text
Mode: light
<img class="fullImg" alt=" " title=" " src="/dam/jcr:e31ce16e-02c8-487e-b5dc-8163515b1293/oficina-atencion.jpg">
XPath: .fullImg
Example 4 View on Page
Images must have alternative text
Mode: light
<img class="fullImg" alt=" " title=" " src="/dam/jcr:e31ce16e-02c8-487e-b5dc-8163515b1293/oficina-atencion.jpg">
XPath: .fullImg
4 Moderate axe presentation-role-conflict:
4 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Elements marked as presentational should be consistently ignored
Mode: light
<a href="#tab-0" class="ppg-tabs__link ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1">Servicios ELECTRÓNICOS frecuentes</a>
XPath: #ui-id-1
Example 2 View on Page
Elements marked as presentational should be consistently ignored
Mode: light
<a href="#tab-0" class="ppg-tabs__link ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1">Servicios ELECTRÓNICOS frecuentes</a>
XPath: #ui-id-1
Example 3 View on Page
Elements marked as presentational should be consistently ignored
Mode: light
<a href="#tab-0" class="ppg-tabs__link ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1">Servizos ELECTRÓNICOS frecuentes</a>
XPath: #ui-id-1
Example 4 View on Page
Elements marked as presentational should be consistently ignored
Mode: light
<a href="#tab-0" class="ppg-tabs__link ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1">Servicis ELECTRÒNICS freqüents</a>
XPath: #ui-id-1
4 Moderate axe region:
4 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
All page content should be contained by landmarks
Mode: light
<div>
XPath: #general_content > div:nth-child(3)
Example 2 View on Page
All page content should be contained by landmarks
Mode: light
<div>
XPath: #general_content > div:nth-child(3)
Example 3 View on Page
All page content should be contained by landmarks
Mode: light
<div>
XPath: #general_content > div:nth-child(3)
Example 4 View on Page
All page content should be contained by landmarks
Mode: light
<div>
XPath: #general_content > div:nth-child(3)
4 Moderate axe landmark-complementary-is-top-level:
4 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Aside should not be contained in another landmark
Mode: light
<aside class="o-layout__sidebar o-it-sm-unit"> </aside>
XPath: aside
Example 2 View on Page
Aside should not be contained in another landmark
Mode: light
<aside class="o-layout__sidebar"> </aside>
XPath: aside
Example 3 View on Page
Aside should not be contained in another landmark
Mode: light
<aside class="o-layout__sidebar">
XPath: aside
Example 4 View on Page
Aside should not be contained in another landmark
Mode: light
<aside class="o-layout__sidebar">
XPath: aside

🔧 Most Common Issues (Equal Access)

32 rules
3611 Moderate equalAccess style_focus_visible:
99 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a href="/pag_Home/index.html" title="Administracion.gob.es" class="logoGOB">
Example 2 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a href="/pag_Home/" title="Administracion.gob.es" class="logoPAG">
Example 3 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<ul class="ppg-menu__list o-it-1/1 " tabindex="0" data-fn="main-menu">
Example 4 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<li id="elemMainMenu0" tabindex="0" class="ppg-menu__it">
Example 5 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<li id="elemMainMenu1" tabindex="0" class="ppg-menu__it">
1194 Moderate equalAccess element_tabbable_role_valid:
99 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The tabbable element's role 'list' is not a widget role
Mode: light
<ul class="ppg-menu__list o-it-1/1 " tabindex="0" data-fn="main-menu">
Example 2 View on Page
The tabbable element's role 'listitem' is not a widget role
Mode: light
<li id="elemMainMenu0" tabindex="0" class="ppg-menu__it">
Example 3 View on Page
The tabbable element's role 'paragraph' is not a widget role
Mode: light
<p tabindex="0" class="ppg-menu__link" title="Atención e información">
Example 4 View on Page
The tabbable element's role 'listitem' is not a widget role
Mode: light
<li id="elemMainMenu1" tabindex="0" class="ppg-menu__it">
Example 5 View on Page
The tabbable element's role 'paragraph' is not a widget role
Mode: light
<p tabindex="0" class="ppg-menu__link" title="Empleo público ">
519 Moderate equalAccess element_tabbable_visible:
54 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a href="/pag_Home/atencionCiudadana/Quienes-somos.html" title="Punto de Acceso General electrónico (administracion.gob.es)" class="ppg-link ppg-link--black">
Example 2 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a href="/pag_Home/Lectura-Facil.html" title="Índice de contenidos" class="ppg-link ppg-link--black">
Example 3 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a target="_blank" href="https://sede.administracion.gob.es/PAG_Sede/HomeSede.html" title="Sede electrónica del PAGe" class="ppg-link ppg-link--black">
Example 4 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a href="/pag_Home/empleoPublico/Destacados-empleo-publico.html" class="o-card__link ppg-icon__crossW-2a ppg-link ppg-link--btn">
Example 5 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a href="/pag_Home/atencionCiudadana/encuentraTuOficina.html" class="o-card__link ppg-icon__crossW-2a ppg-link ppg-link--btn">
508 Moderate equalAccess element_attribute_deprecated:
99 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="IE=Edge" http-equiv="X-UA-Compatible">
Example 2 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="no-cache, no-store, must-revalidate" http-equiv="Cache-Control">
Example 3 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="no-cache" http-equiv="Pragma">
Example 4 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="0" http-equiv="Expires">
Example 5 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
395 Moderate equalAccess figure_label_exists:
99 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="ppg-header__logo1">
Example 2 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="ppg-header__logo2">
Example 3 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="o-card__picture">
Example 4 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="ppg-slick__fig">
Example 5 View on Page
The <figure> element does not have an associated label
Mode: light
<figure>
272 Moderate equalAccess target_spacing_sufficient:
99 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Ensure the overlapped target "button" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light
<button style="" role="button" class="slick-prev slick-arrow" data-role="none" type="button">
Example 2 View on Page
Ensure the overlapped target "button" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light
<button style="" role="button" class="slick-next slick-arrow" data-role="none" type="button">
Example 3 View on Page
Ensure the overlapped target "a" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light
<a href="/pag_Home/accesibilidad.html" class="ppg-link ppg-link--border">
Example 4 View on Page
Ensure the overlapped target "a" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light
<a href="/pag_Home/mapaWeb.html" class="ppg-link ppg-link--border">
Example 5 View on Page
Ensure the overlapped target "a" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light
<a href="/pag_Home/politicaDePrivacidad.html" class="ppg-link ppg-link--border">
173 Moderate equalAccess element_tabbable_unobscured:
99 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<a href="/pag_Home/index.html" title="Administracion.gob.es" class="logoGOB">
Example 2 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<a href="/pag_Home/atencionCiudadana/Quienes-somos.html" title="Punto de Acceso General electrónico (administracion.gob.es)" class="ppg-link ppg-link--black">
Example 3 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<a href="/pag_Home/Lectura-Facil.html" title="Índice de contenidos" class="ppg-link ppg-link--black">
Example 4 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<a target="_blank" href="https://sede.administracion.gob.es/PAG_Sede/HomeSede.html" title="Sede electrónica del PAGe" class="ppg-link ppg-link--black">
Example 5 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<a href="/pag_Home/empleoPublico/Destacados-empleo-publico.html" class="o-card__link ppg-icon__crossW-2a ppg-link ppg-link--btn">
109 Moderate equalAccess text_quoted_correctly:
99 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Una manera de hacer Europa"
Mode: light
<p class="ppg-text t-fs-10">
Example 2 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Una manera de hacer Europa"
Mode: light
<p class="ppg-text t-fs-10">
Example 3 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Una manera de hacer Europa"
Mode: light
<p class="ppg-text t-fs-10">
Example 4 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Desplazarse y trabajar en Europa"
Mode: light
<a target="_blank" href="https://ec.europa.eu/social/main.jsp?catId=1021&langId=es&intPageId=1754" class="ppg-link ppg-link--black">
Example 5 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Una manera de hacer Europa"
Mode: light
<p class="ppg-text t-fs-10">
100 Moderate equalAccess text_block_heading:
93 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm this text 'Carta de servicios del Centro de Información Administrativa' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p class="textojustificado">
Example 2 View on Page
Confirm this text 'Carta de servicios del Centro de Información Administrativa' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p class="textojustificado">
Example 3 View on Page
Confirm this text 'Última actualización: 01-12-2025' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="fechaactualizacion">
Example 4 View on Page
Confirm this text 'Última actualización: 15-04-2025' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="fechaactualizacion">
Example 5 View on Page
Confirm this text 'Última actualización: 24-04-2025' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="fechaactualizacion">
99 Moderate equalAccess style_highcontrast_visible:
99 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style media="print" type="text/css" rel="stylesheet">
Example 2 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style media="print" type="text/css" rel="stylesheet">
Example 3 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style media="print" type="text/css" rel="stylesheet">
Example 4 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style media="print" type="text/css" rel="stylesheet">
Example 5 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style media="print" type="text/css" rel="stylesheet">
99 Moderate equalAccess style_color_misuse:
99 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/resources/templating-kit/themes/pag/css/libs/tabs.css" type="text/css" rel="stylesheet">
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/resources/templating-kit/themes/pag/css/libs/tabs.css" type="text/css" rel="stylesheet">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/resources/templating-kit/themes/pag/css/libs/tabs.css" type="text/css" rel="stylesheet">
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/resources/templating-kit/themes/pag/css/libs/tabs.css" type="text/css" rel="stylesheet">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/resources/templating-kit/themes/pag/css/libs/tabs.css" type="text/css" rel="stylesheet">
89 Moderate equalAccess a_text_purpose:
89 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a href="https://europa.eu/youreurope/search/index_es.htm" target="_blank">
Example 2 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a href="https://europa.eu/youreurope/search/index_es.htm" target="_blank">
Example 3 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a href="https://europa.eu/youreurope/search/index_es.htm" target="_blank">
Example 4 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a href="https://europa.eu/youreurope/search/index_es.htm" target="_blank">
Example 5 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light
<a href="https://europa.eu/youreurope/search/index_es.htm" target="_blank">
64 Moderate equalAccess aria_role_valid:
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The ARIA role 'option' is not valid for the element <ul>
Mode: light
<ul aria-describedby="slick-slide00" role="option" tabindex="-1" aria-hidden="false" data-slick-index="0" style="width: 369px;" class="slick-slide slick-current slick-active">
Example 2 View on Page
The ARIA role 'option' is not valid for the element <ul>
Mode: light
<ul aria-describedby="slick-slide01" role="option" tabindex="-1" aria-hidden="false" data-slick-index="1" style="width: 369px;" class="slick-slide slick-active">
Example 3 View on Page
The ARIA role 'option' is not valid for the element <ul>
Mode: light
<ul aria-describedby="slick-slide02" role="option" tabindex="-1" aria-hidden="true" data-slick-index="2" style="width: 369px;" class="slick-slide">
Example 4 View on Page
The ARIA role 'option' is not valid for the element <ul>
Mode: light
<ul aria-describedby="slick-slide03" role="option" tabindex="-1" aria-hidden="true" data-slick-index="3" style="width: 369px;" class="slick-slide">
Example 5 View on Page
The ARIA role 'presentation' is not valid for the element <a> and may be ignored by the browser since the element is focusable
Mode: light
<a id="ui-id-1" tabindex="-1" role="presentation" class="ppg-tabs__link ui-tabs-anchor" href="#tab-0">
62 Moderate equalAccess heading_markup_misuse:
43 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h3 tabindex="-1" aria-expanded="false" aria-selected="false" aria-controls="ui-id-3" role="tab" class="ppg-accordion__heading ui-accordion-header ui-corner-top ui-accordion-header-collapsed ui-corner-all ui-state-default ui-accordion-icons" id="-0fbb222943f5">
Example 2 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h3 tabindex="-1" aria-expanded="false" aria-selected="false" aria-controls="ui-id-3" role="tab" class="ppg-accordion__heading ui-accordion-header ui-corner-top ui-accordion-header-collapsed ui-corner-all ui-state-default ui-accordion-icons" id="-0fbb222943f5">
Example 3 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h4 class="t-fs-13">
Example 4 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h2 class="ppg-heading ppg-heading--wind" id="-84337cc757f0">
Example 5 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h4 class="t-fs-13">
60 Moderate equalAccess aria_id_unique:
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The 'id' "slick-slide00" specified for the ARIA property 'aria-describedby' value is not valid
Mode: light
<ul aria-describedby="slick-slide00" role="option" tabindex="-1" aria-hidden="false" data-slick-index="0" style="width: 369px;" class="slick-slide slick-current slick-active">
Example 2 View on Page
The 'id' "slick-slide01" specified for the ARIA property 'aria-describedby' value is not valid
Mode: light
<ul aria-describedby="slick-slide01" role="option" tabindex="-1" aria-hidden="false" data-slick-index="1" style="width: 369px;" class="slick-slide slick-active">
Example 3 View on Page
The 'id' "slick-slide02" specified for the ARIA property 'aria-describedby' value is not valid
Mode: light
<ul aria-describedby="slick-slide02" role="option" tabindex="-1" aria-hidden="true" data-slick-index="2" style="width: 369px;" class="slick-slide">
Example 4 View on Page
The 'id' "slick-slide03" specified for the ARIA property 'aria-describedby' value is not valid
Mode: light
<ul aria-describedby="slick-slide03" role="option" tabindex="-1" aria-hidden="true" data-slick-index="3" style="width: 369px;" class="slick-slide">
Example 5 View on Page
The 'id' "slick-slide10" specified for the ARIA property 'aria-describedby' value is not valid
Mode: light
<ul aria-describedby="slick-slide10" role="option" tabindex="-1" aria-hidden="false" data-slick-index="0" class="slick-slide slick-current slick-active slick-center">
40 Moderate equalAccess aria_widget_labelled:
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Interactive component with ARIA role 'option' does not have a programmatically associated name
Mode: light
<ul aria-describedby="slick-slide11" role="option" tabindex="-1" aria-hidden="false" data-slick-index="1" class="slick-slide slick-active">
Example 2 View on Page
Interactive component with ARIA role 'option' does not have a programmatically associated name
Mode: light
<ul aria-describedby="slick-slide12" role="option" tabindex="-1" aria-hidden="false" data-slick-index="2" class="slick-slide slick-active">
Example 3 View on Page
Interactive component with ARIA role 'option' does not have a programmatically associated name
Mode: light
<ul aria-describedby="slick-slide13" role="option" tabindex="-1" aria-hidden="true" data-slick-index="3" class="slick-slide">
Example 4 View on Page
Interactive component with ARIA role 'option' does not have a programmatically associated name
Mode: light
<ul aria-describedby="slick-slide14" role="option" tabindex="-1" aria-hidden="true" data-slick-index="4" class="slick-slide">
Example 5 View on Page
Interactive component with ARIA role 'option' does not have a programmatically associated name
Mode: light
<ul aria-describedby="slick-slide15" role="option" tabindex="-1" aria-hidden="true" data-slick-index="5" class="slick-slide">
29 Moderate equalAccess aria_keyboard_handler_exists:
21 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify the <div> element with "listbox" role has keyboard access
Mode: light
<div style="opacity: 1; width: 2952px; transform: translate3d(-738px, 0px, 0px);" role="listbox" class="slick-track">
Example 2 View on Page
Verify the <ul> element with "tablist" role has keyboard access
Mode: light
<ul role="tablist" class="ppg-tabs__list ui-tabs-nav ui-corner-all ui-helper-reset ui-helper-clearfix ui-widget-header">
Example 3 View on Page
Verify the <div> element with "listbox" role has keyboard access
Mode: light
<div style="opacity: 1; width: 55000px; transform: translate3d(-675px, 0px, 0px);" role="listbox" class="slick-track">
Example 4 View on Page
Verify the <div> element with "listbox" role has keyboard access
Mode: light
<div style="opacity: 1; width: 2952px; transform: translate3d(-738px, 0px, 0px);" role="listbox" class="slick-track">
Example 5 View on Page
Verify the <ul> element with "tablist" role has keyboard access
Mode: light
<ul role="tablist" class="ppg-tabs__list ui-tabs-nav ui-corner-all ui-helper-reset ui-helper-clearfix ui-widget-header">
14 Moderate equalAccess text_sensory_misuse:
10 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the word(s) 'above' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p class="textojustificado">
Example 2 View on Page
Confirm the word(s) 'right' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p class="textojustificado">
Example 3 View on Page
Confirm the word(s) 'Right' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<h2 class="ppg-heading ppg-heading--wind" id="-1e05a35f9065">
Example 4 View on Page
Confirm the word(s) 'right' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<span style="font-size:1em">
Example 5 View on Page
Confirm the word(s) 'right' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<h2 class="ppg-heading ppg-heading--wind" id="-8811faed8469">
12 Moderate equalAccess aria_content_in_landmark:
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Content is not within a landmark element
Mode: light
<h1 class="ppg-heading ppg-heading--white">
Example 2 View on Page
Content is not within a landmark element
Mode: light
<button style="" role="button" class="slick-prev slick-arrow" data-role="none" type="button">
Example 3 View on Page
Content is not within a landmark element
Mode: light
<div style="opacity: 1; width: 55000px; transform: translate3d(-675px, 0px, 0px);" role="listbox" class="slick-track">
Example 4 View on Page
Content is not within a landmark element
Mode: light
<h1 class="ppg-heading ppg-heading--white">
Example 5 View on Page
Content is not within a landmark element
Mode: light
<button style="" role="button" class="slick-prev slick-arrow" data-role="none" type="button">
8 Moderate equalAccess text_contrast_sufficient:
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The foreground text and its background color are both detected as #ffffff. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light
<h1 class="ppg-heading ppg-heading--white">
Example 2 View on Page
The foreground text and its background color are both detected as #ffffff. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light
<button style="" role="button" class="slick-next slick-arrow" data-role="none" type="button">
Example 3 View on Page
The foreground text and its background color are both detected as #ffffff. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light
<h1 class="ppg-heading ppg-heading--white">
Example 4 View on Page
The foreground text and its background color are both detected as #ffffff. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light
<button style="" role="button" class="slick-next slick-arrow" data-role="none" type="button">
Example 5 View on Page
The foreground text and its background color are both detected as #ffffff. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light
<h1 class="ppg-heading ppg-heading--white">
8 Moderate equalAccess aria_role_redundant:
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The explicitly-assigned ARIA role "button" is redundant with the implicit role of the element <button>
Mode: light
<button style="" role="button" class="slick-prev slick-arrow" data-role="none" type="button">
Example 2 View on Page
The explicitly-assigned ARIA role "button" is redundant with the implicit role of the element <button>
Mode: light
<button style="" role="button" class="slick-next slick-arrow" data-role="none" type="button">
Example 3 View on Page
The explicitly-assigned ARIA role "button" is redundant with the implicit role of the element <button>
Mode: light
<button style="" role="button" class="slick-prev slick-arrow" data-role="none" type="button">
Example 4 View on Page
The explicitly-assigned ARIA role "button" is redundant with the implicit role of the element <button>
Mode: light
<button style="" role="button" class="slick-next slick-arrow" data-role="none" type="button">
Example 5 View on Page
The explicitly-assigned ARIA role "button" is redundant with the implicit role of the element <button>
Mode: light
<button style="" role="button" class="slick-prev slick-arrow" data-role="none" type="button">
8 Moderate equalAccess input_label_exists:
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Form control with "listbox" role has no associated label
Mode: light
<div style="opacity: 1; width: 2952px; transform: translate3d(-738px, 0px, 0px);" role="listbox" class="slick-track">
Example 2 View on Page
Form control with "listbox" role has no associated label
Mode: light
<div style="opacity: 1; width: 55000px; transform: translate3d(-675px, 0px, 0px);" role="listbox" class="slick-track">
Example 3 View on Page
Form control with "listbox" role has no associated label
Mode: light
<div style="opacity: 1; width: 2952px; transform: translate3d(-738px, 0px, 0px);" role="listbox" class="slick-track">
Example 4 View on Page
Form control with "listbox" role has no associated label
Mode: light
<div style="opacity: 1; width: 55000px; transform: translate3d(-675px, 0px, 0px);" role="listbox" class="slick-track">
Example 5 View on Page
Form control with "listbox" role has no associated label
Mode: light
<div style="opacity: 1; width: 2952px; transform: translate3d(-738px, 0px, 0px);" role="listbox" class="slick-track">
8 Moderate equalAccess widget_tabbable_single:
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Component with "listbox" role has more than one tabbable element
Mode: light
<div style="opacity: 1; width: 2952px; transform: translate3d(-738px, 0px, 0px);" role="listbox" class="slick-track">
Example 2 View on Page
Component with "listbox" role has more than one tabbable element
Mode: light
<div style="opacity: 1; width: 55000px; transform: translate3d(-675px, 0px, 0px);" role="listbox" class="slick-track">
Example 3 View on Page
Component with "listbox" role has more than one tabbable element
Mode: light
<div style="opacity: 1; width: 2952px; transform: translate3d(-738px, 0px, 0px);" role="listbox" class="slick-track">
Example 4 View on Page
Component with "listbox" role has more than one tabbable element
Mode: light
<div style="opacity: 1; width: 55000px; transform: translate3d(-675px, 0px, 0px);" role="listbox" class="slick-track">
Example 5 View on Page
Component with "listbox" role has more than one tabbable element
Mode: light
<div style="opacity: 1; width: 2952px; transform: translate3d(-738px, 0px, 0px);" role="listbox" class="slick-track">
8 Moderate equalAccess aria_child_tabbable:
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
None of the descendent elements with "option" role is tabbable
Mode: light
<div style="opacity: 1; width: 2952px; transform: translate3d(-738px, 0px, 0px);" role="listbox" class="slick-track">
Example 2 View on Page
None of the descendent elements with "option" role is tabbable
Mode: light
<div style="opacity: 1; width: 55000px; transform: translate3d(-675px, 0px, 0px);" role="listbox" class="slick-track">
Example 3 View on Page
None of the descendent elements with "option" role is tabbable
Mode: light
<div style="opacity: 1; width: 2952px; transform: translate3d(-738px, 0px, 0px);" role="listbox" class="slick-track">
Example 4 View on Page
None of the descendent elements with "option" role is tabbable
Mode: light
<div style="opacity: 1; width: 55000px; transform: translate3d(-675px, 0px, 0px);" role="listbox" class="slick-track">
Example 5 View on Page
None of the descendent elements with "option" role is tabbable
Mode: light
<div style="opacity: 1; width: 2952px; transform: translate3d(-738px, 0px, 0px);" role="listbox" class="slick-track">
8 Moderate equalAccess aria_complementary_labelled:
8 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="o-layout__sidebar">
Example 2 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="o-layout__sidebar">
Example 3 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="o-layout__sidebar o-it-sm-unit">
Example 4 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="o-layout__sidebar">
Example 5 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="o-layout__sidebar">
6 Moderate equalAccess aria_child_valid:
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The element with role "listbox" owns the child element with the role "list" that is not one of the allowed role(s): "option"
Mode: light
<div style="opacity: 1; width: 55000px; transform: translate3d(-675px, 0px, 0px);" role="listbox" class="slick-track">
Example 2 View on Page
The element with role "listbox" owns the child element with the role "list" that is not one of the allowed role(s): "option"
Mode: light
<div style="opacity: 1; width: 55000px; transform: translate3d(-675px, 0px, 0px);" role="listbox" class="slick-track">
Example 3 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ul>
Example 4 View on Page
The element with role "listbox" owns the child element with the role "list" that is not one of the allowed role(s): "option"
Mode: light
<div style="opacity: 1; width: 55000px; transform: translate3d(-675px, 0px, 0px);" role="listbox" class="slick-track">
Example 5 View on Page
The element with role "listbox" owns the child element with the role "list" that is not one of the allowed role(s): "option"
Mode: light
<div style="opacity: 1; width: 55000px; transform: translate3d(-675px, 0px, 0px);" role="listbox" class="slick-track">
6 Moderate equalAccess heading_content_exists:
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Heading element has no descriptive content
Mode: light
<h3 class="subtitulo">
Example 2 View on Page
Heading element has no descriptive content
Mode: light
<h3 class="subtitulo">
Example 3 View on Page
Heading element has no descriptive content
Mode: light
<h3 class="subtitulo">
Example 4 View on Page
Heading element has no descriptive content
Mode: light
<h3 class="subtitulo">
Example 5 View on Page
Heading element has no descriptive content
Mode: light
<h3 class="subtitulo">
6 Moderate equalAccess aria_accessiblename_exists:
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element <h3> with "heading" role has no accessible name
Mode: light
<h3 class="subtitulo">
Example 2 View on Page
Element <h3> with "heading" role has no accessible name
Mode: light
<h3 class="subtitulo">
Example 3 View on Page
Element <h3> with "heading" role has no accessible name
Mode: light
<h3 class="subtitulo">
Example 4 View on Page
Element <h3> with "heading" role has no accessible name
Mode: light
<h3 class="subtitulo">
Example 5 View on Page
Element <h3> with "heading" role has no accessible name
Mode: light
<h3 class="subtitulo">
4 Moderate equalAccess img_alt_valid:
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Image 'alt' attribute value consists only of blank space(s)
Mode: light
<img src="/dam/jcr:e31ce16e-02c8-487e-b5dc-8163515b1293/oficina-atencion.jpg" title=" " alt=" " class="fullImg">
Example 2 View on Page
Image 'alt' attribute value consists only of blank space(s)
Mode: light
<img src="/dam/jcr:e31ce16e-02c8-487e-b5dc-8163515b1293/oficina-atencion.jpg" title=" " alt=" " class="fullImg">
Example 3 View on Page
Image 'alt' attribute value consists only of blank space(s)
Mode: light
<img src="/dam/jcr:e31ce16e-02c8-487e-b5dc-8163515b1293/oficina-atencion.jpg" title=" " alt=" " class="fullImg">
Example 4 View on Page
Image 'alt' attribute value consists only of blank space(s)
Mode: light
<img src="/dam/jcr:e31ce16e-02c8-487e-b5dc-8163515b1293/oficina-atencion.jpg" title=" " alt=" " class="fullImg">
3 Moderate equalAccess element_id_unique:
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The <div> element has the id "xp1" that is already in use
Mode: light
<div class="readspeaker rs_skip rs_preserve reads_cargaPaginaHTML" id="xp1">
Example 2 View on Page
The <div> element has the id "escuchar" that is already in use
Mode: light
<div class="escuchar_top" id="escuchar">
Example 3 View on Page
The <div> element has the id "xp1" that is already in use
Mode: light
<div class="rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp" id="xp1">
3 Moderate equalAccess list_markup_review:
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h3 class="subtitulo">
Example 2 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h2 class="o-card__title ppg-heading t-fs-18">
Example 3 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h2 class="ppg-heading t-fs-20">
1 Moderate equalAccess text_whitespace_valid:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Space characters should not be used to create space between the letters of a word
Mode: light
<p class="textojustificado">