Accessibility Scan Report

Title: Barcelona.cat Issue: #62 Date: 8/12/2026, 3:23:50 AM Duration: 40.9m URLs: 100 / 100
Viewport: Desktop (1280×800) Color scheme: both Browser: chromium
⚡ Reduced Motion: 100 / 100 URLs

🔄 Changes Since Last Scan

22842 New unique issues
🆕 New Issues (22842)

Replicate this scan

Reuse this scan context to reproduce the same viewport, color mode, and browser selection.

Title keywords

VIEWPORT:desktop COLORSCHEME:both BROWSER:chromium

Issue body section

### Scan context Viewport: desktop ColorScheme: both Browser: chromium

Summary

Issues

  • By Level: A (188), AA (27)
  • By Version (A & AA): WCAG 2.0 (215)
  • Engines used: AXE, Equal Access
  • By Finding Type: Known errors (16977) & Best practices (2457)
  • Manual testing needed: 2267 axe incomplete findings
  • Total: 19434 across 73 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. Total counts unique findings across the active scanners, and numbers in parentheses (+N) still show findings that cover WCAG criteria already reported by axe.
Outdoor films | Barcelona.cat | Ajuntament de Barcelona 256
The agenda of the park | Barcelona.cat | Ajuntament de Barcelona 256
Llistat | Barcelona.cat | Ajuntament de Barcelona 251
Festes majors | Barcelona.cat | Ajuntament de Barcelona 242
El portal web oficial de Barcelona | Ajuntament de Barcelona 243
The official Barcelona website | Barcelona City Council 241
El portal web oficial de Barcelona | Ayuntamiento de Barcelona 239
El portal web oficial de Barcelona | Ajuntament de Barcelona 238
Cultura 100% | Barcelona.cat | Ajuntament de Barcelona 193
Banys i platges | Barcelona.cat | Ajuntament de Barcelona 197

🧭 Reflow Risk (WCAG 1.4.10)

Page-level indicator: resizes to 320 CSS pixels wide and checks for horizontal overflow. This is a risk indicator, not a conformance verdict — see Behavioral Accessibility Automation for what it can and cannot detect.

Page Result Details
El portal web oficial de Barcelona | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Accessibility | Barcelona.cat | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Accessibility at beaches | Barcelona | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Montjuïc Park Council | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
El portal web oficial de Barcelona | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
The official Barcelona website | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
El portal web oficial de Barcelona | Ayuntamiento de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Canelons de Nadal | La meva Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Coneix BCN | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Diada 2022 | Web de Barcelona | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Implica't | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Pagina Imatge promocional | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Prova video | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Què es pot fer a Barcelona | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Treball i empresa | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Viure a la ciutat | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Diada 2022 | Barcelona website | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Discover Barcelona | Barcelona.cat | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Get involved | Barcelona.cat | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Living in the city | Barcelona.cat | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Pàgina exemple mapa sant jordi | Barcelona.cat | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
What to do in Barcelona | Barcelona.cat | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Conoce BCN | Barcelona.cat | Ayuntamiento de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Diada 2022 | Web de Barcelona | Ayuntamiento de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Implícate | Barcelona.cat | Ayuntamiento de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Qué hacer en Barcelona | Barcelona.cat | Ayuntamiento de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Trabajo y empresa | Barcelona.cat | Ayuntamiento de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Vivir en la ciudad | Barcelona.cat | Ayuntamiento de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Política de privacidad del servicio de baño asistido | Barcelona.cat | Ayuntamiento de Barcelona failed Horizontal overflow detected: 50px of content overflowed the viewport at 320px width
Condiciones de uso de la Blogoteca | La meva Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
La Ciutadella del Conocimiento | Web de Barcelona | Ayuntamiento de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Actividades deportivas sin animo de lucro | Web Barcelona | Ayuntamiento de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
News | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Belvederes | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Points of interest | Barcelona.cat | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Hagamos barrio | Barcelona.cat | Ayuntamiento de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Transport públic Diada 2024 | Ajuntament Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Magic Fountain's History | Barcelona | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Biblioteca central | La Ciutadella del Conocimiento | Ayuntamiento de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Festes majors | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Llistat de Ludotecas | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Children's play areas | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Refresca’t a les piscines municipals | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Playa Sant Miquel | Web Barcelona | Ayuntamiento Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Parcs forestals | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Outdoor films | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Zona baños Fòrum | Web Barcelona | Ayuntamiento Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Heritage and Scientific Hub | La Ciutadella Knowledge Hub | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Teatros | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Cap de setmana BCN | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Diada 2025 | Web de Barcelona | Ayuntamiento de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Pets | Barcelona.cat | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Pesca | Web de Barcelona | Ayuntamiento de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Sports facilities | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Esports a les platges | Web de Barcelona | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Cultura 100% | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Accesibilidad | Barcelona.cat | Ayuntamiento de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
The agenda of the park | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Medio ambiente y sostenibilidad | Barcelona.cat | Ayuntamiento de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Pets on beaches | Barcelona website | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Diada 2025 | Barcelona website | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
La Barcino romana | Web de Barcelona | Ayuntamiento de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Cinemas | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Magic Fountain's Choreographies | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Niños y niñas | Barcelona.cat | Ayuntamiento de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
News | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Banys i platges | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Platges sense residus | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Noticias | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Zona banys del Fòrum | Web Barcelona | Ajuntament Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Clubs, asociaciones y peñas | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Sant Sebastià beach | Barcelona | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
How the Magic Fountain works | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Història de les platges | Web Barcelona | Ajuntament Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Horarios Fuente Mágica | Barcelona | Ayuntamiento Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Theatres | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Auditoris | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Non-profit organised sports activities | Barcelona website | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Noticias | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Oficines de tramitació del DNI i passaport | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Playa Somorrostro | Web Barcelona | Ayuntamiento Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Federaciones | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Activitats esportives organitzades amb ànim de lucre | Web de Barcelona | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
History of the Greenhouse | Barcelona.cat | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Instal·lacions esportives | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Llistat | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Municipal Tax Office | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
List of containers | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Public transport Diada 2022 | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Platja a platja | Web de Barcelona | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
Historia playas | Web de Barcelona | Ayuntamiento Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Parques forestales | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Vivir con tranquilidad | Personas mayores | Web de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Clubes | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Parks History | Barcelona website | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Consejo del Parque de Montjuïc | Ayuntamiento de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
Nens i nenes | Barcelona.cat | Ajuntament de Barcelona failed Horizontal overflow detected: 7px of content overflowed the viewport at 320px width
La Barcelona contemporánea | Web de Barcelona | Ayuntamiento de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width
The transformation of the park | La Ciutadella Knowledge Hub | Barcelona City Council failed Horizontal overflow detected: 23px of content overflowed the viewport at 320px width
Polo de biociencia del CSIC | La Ciutadella del Conocimiento | Ayuntamiento de Barcelona failed Horizontal overflow detected: 31px of content overflowed the viewport at 320px width

🔧 Most Common Issues (axe)

26 rules
2080 Moderate axe Best Practice region: Ensures all page content is contained within landmark regions. Content outside landmarks cannot be found by screen reader users navigating by landmarks.
100 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

WCAG: Best Practice

Affected Pages

Examples

Example 1 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-be6f062f
<a href="#carousel-capcalera" class="visually-hidden focusable to-main-content" tabindex="1"> Vés al contingut </a>
XPath: .focusable
Example 2 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-a5ec36f7
<li>
XPath: #ajuntament--prefooter > .container > ul > li:nth-child(1)
Example 3 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-995f29de
<h2>Adreces</h2>
XPath: li:nth-child(2) > h2
Example 4 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-660747d1
<p>
XPath: li:nth-child(2) > .llistat > li > p
Example 5 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-c9ac0e4a
<h2>Contacte</h2>
XPath: li:nth-child(3) > h2
276 Serious axe Best Practice tabindex: Ensures tabindex attribute values greater than 0 are not used. Positive tabindex values create an unnatural tab order that disorients keyboard users.
100 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: Best Practice

Affected Pages

Examples

Example 1 View on Page
Elements should not have tabindex greater than zero
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-5335c030
<a href="#carousel-capcalera" class="visually-hidden focusable to-main-content" tabindex="1"> Vés al contingut </a>
XPath: .focusable
Example 2 View on Page
Elements should not have tabindex greater than zero
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-5335c030
<a href="#main-content" class="visually-hidden focusable to-main-content" tabindex="1"> Skip to main content </a>
XPath: .focusable
Example 3 View on Page
Elements should not have tabindex greater than zero
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-5335c030
<a href="#main-content" class="visually-hidden focusable to-main-content" tabindex="1"> Skip to main content </a>
XPath: .focusable
Example 4 View on Page
Elements should not have tabindex greater than zero
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-5335c030
<a href="#main-content" class="visually-hidden focusable to-main-content" tabindex="1"> Skip to main content </a>
XPath: .focusable
Example 5 View on Page
Elements should not have tabindex greater than zero
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-5335c030
<a href="#carousel-capcalera" class="visually-hidden focusable to-main-content" tabindex="1"> Vés al contingut </a>
XPath: .focusable
100 Critical axe SC 1.1.1 A Visual image-alt: Ensures every <img> element has alternative text. Without alt text, blind users receive no information about the image's meaning or purpose.
89 pages affected

Rule Information

Engine: axe

Roles: Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 1.1.1 A

Disabilities affected:
Visual

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans

ACT alignment

  • ACT 23a2a8 Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

Examples

Example 1 View on Page
Images must have alternative text
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-595950ed
<img src="/images/icons/marker.svg" class="img-marker">
XPath: iframe[height="410px"]
Example 2 View on Page
Images must have alternative text
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-126c367d
<img src="/themes/barcelonacat_theme/images/menu/fletxa_1.png">
XPath: .menu-0 > .icona > img
Example 3 View on Page
Images must have alternative text
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-5e8720a2
<img src="/themes/barcelonacat_theme/images/menu/fletxa_3.png">
XPath: .menu-2 > .icona > img
Example 4 View on Page
Images must have alternative text
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-5e8720a2
<img src="/themes/barcelonacat_theme/images/menu/fletxa_3.png">
XPath: .menu-2 > .icona > img
Example 5 View on Page
Images must have alternative text
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-595950ed
<img src="/images/icons/marker.svg" class="img-marker">
XPath: iframe[height="410px"]
100 Moderate axe Best Practice landmark-no-duplicate-banner: Ensures the page has only one banner landmark (<header> at top level). Multiple banners confuse screen reader users navigating by landmarks.
100 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

WCAG: Best Practice

Affected Pages

Examples

Example 1 View on Page
Document should not have more than one banner landmark
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-eba16f98
<header id="brand" alias="barcelonacat" brand="barcelonacat_2026-06..." class="v2025 bcnbrand-legac..." data-lwid="19e3126d-e1c9-4f40-9..." data-plausible="bcn0657" data-matomo="beOBY9ep" data-avisos="auto" data-plausible-track...="pa-EPZUnWZvTDpmR1rVD..." data-web-nom="Barcelona" ...>
XPath: #brand
Example 2 View on Page
Document should not have more than one banner landmark
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-eba16f98
<header id="brand" alias="barcelonacat" brand="barcelonacat_2026-06..." class="v2025 bcnbrand-legac..." data-lwid="19e3126d-e1c9-4f40-9..." data-plausible="bcn0657" data-matomo="beOBY9ep" data-avisos="auto" data-plausible-track...="pa-EPZUnWZvTDpmR1rVD..." data-web-nom="Barcelona" ...>
XPath: #brand
Example 3 View on Page
Document should not have more than one banner landmark
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-eba16f98
<header id="brand" alias="barcelonacat" brand="barcelonacat_2026-06..." class="v2025 bcnbrand-legac..." data-lwid="19e3126d-e1c9-4f40-9..." data-plausible="bcn0657" data-matomo="beOBY9ep" data-avisos="auto" data-plausible-track...="pa-EPZUnWZvTDpmR1rVD..." data-web-nom="Barcelona" ...>
XPath: #brand
Example 4 View on Page
Document should not have more than one banner landmark
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-eba16f98
<header id="brand" alias="barcelonacat" brand="barcelonacat_2026-06..." class="v2025 bcnbrand-legac..." data-lwid="19e3126d-e1c9-4f40-9..." data-plausible="bcn0657" data-matomo="beOBY9ep" data-avisos="auto" data-plausible-track...="pa-EPZUnWZvTDpmR1rVD..." data-web-nom="Barcelona" ...>
XPath: #brand
Example 5 View on Page
Document should not have more than one banner landmark
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-eba16f98
<header id="brand" alias="barcelonacat" brand="barcelonacat_2026-06..." class="v2025 bcnbrand-legac..." data-lwid="19e3126d-e1c9-4f40-9..." data-plausible="bcn0657" data-matomo="beOBY9ep" data-avisos="auto" data-plausible-track...="pa-EPZUnWZvTDpmR1rVD..." data-web-nom="Barcelona" ...>
XPath: #brand
27 Serious axe SC 1.4.3 AA Visual color-contrast: Ensures text and interactive elements have sufficient contrast ratio (4.5:1 for normal text, 3:1 for large text) against their background.
11 pages affected

Rule Information

Engine: axe

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3 AA

Disabilities affected:
Visual

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Without Perception of Color 4.3% — ~14,500,000 Americans

ACT alignment

  • ACT 09o5cg Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

  • ACT afw4f7 Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

Examples

Example 1 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-b2a25ff7
<a target="_blank" href="../ca/">Plànol</a>
XPath: #iframe-planol
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-1fe9ab35
<span class="s2">Online booking</span>
XPath: .s2
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-b2a25ff7
<a target="_blank" href="../ca/">Plànol</a>
XPath: #iframe-planol
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-66673c89
<a target="_blank" href="../en/">Barcelona map</a>
XPath: #planol-screen > iframe
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-66673c89
<a target="_blank" href="../es/">Plano</a>
XPath: #planol-screen > iframe
20 Moderate axe SC 1.3.1 A Visual Cognitive aria-required-children
20 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Disabilities affected:
Visual Cognitive

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

ACT alignment

  • ACT bc4a75 Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

  • ACT ff89c9 Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

Examples

Example 1 View on Page
Certain ARIA roles must contain particular children
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-54ae3cbd
<div role="menu" class="container list-pano-rollover">
XPath: .list-pano-rollover
Example 2 View on Page
Certain ARIA roles must contain particular children
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-54ae3cbd
<div role="menu" class="container list-pano-rollover">
XPath: .list-pano-rollover
Example 3 View on Page
Certain ARIA roles must contain particular children
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-54ae3cbd
<div role="menu" class="container list-pano-rollover">
XPath: .list-pano-rollover
Example 4 View on Page
Certain ARIA roles must contain particular children
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-54ae3cbd
<div role="menu" class="container list-pano-rollover">
XPath: .list-pano-rollover
Example 5 View on Page
Certain ARIA roles must contain particular children
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-54ae3cbd
<div role="menu" class="container list-pano-rollover">
XPath: .list-pano-rollover
17 Moderate axe aria-allowed-role
11 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
ARIA role should be appropriate for the element
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-4342a2e0
<ul class="banners-paginats-list slick-initialized slick-slider" role="region" aria-label="carousel">
XPath: .banners-paginats-list
Example 2 View on Page
ARIA role should be appropriate for the element
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-4342a2e0
<ul class="banners-paginats-list slick-initialized slick-slider" role="region" aria-label="carousel">
XPath: .banners-paginats-list
Example 3 View on Page
ARIA role should be appropriate for the element
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-4342a2e0
<ul class="banners-paginats-list slick-initialized slick-slider" role="region" aria-label="carousel">
XPath: .banners-paginats-list
Example 4 View on Page
ARIA role should be appropriate for the element
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-9f7531d9
<form class="d-flex justify-content-md-between align-items-md-center ajuntament-actualitat-filtres" role="region" aria-label="News list dates and number of results per page control" aria-controls="ajuntament-actualitat-noticies">
XPath: .justify-content-md-between
Example 5 View on Page
ARIA role should be appropriate for the element
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-09651212
<h3 class="sr-only" role="status">Showing <span>10</span> results.</h3>
XPath: h3[role="status"]
15 Serious axe SC 1.3.1 A Visual Cognitive listitem: Ensures <li> elements are contained within a <ul> or <ol>. List items outside lists lose their structural meaning for screen reader users.
4 pages affected

Rule Information

Engine: axe

Roles: Content Author, Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Disabilities affected:
Visual Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-38103ff6
<li class="banner-item box-banner" style="width: 100%; display: inline-block;">
XPath: .slick-current > div > .banner-item.box-banner
Example 2 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-a06de9fb
<li class="banner-item box-banner" style="width: 100%; display: inline-block;">
XPath: div[data-slick-index="1"] > div > .banner-item.box-banner
Example 3 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-874aaf86
<li class="banner-item box-banner" style="width: 100%; display: inline-block;">
XPath: div[data-slick-index="2"] > div > .banner-item.box-banner
Example 4 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-a1620d2c
<li class="banner-item box-banner" style="width: 100%; display: inline-block;">
XPath: div[data-slick-index="3"] > div > .banner-item.box-banner
Example 5 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-38103ff6
<li class="banner-item box-banner" style="width: 100%; display: inline-block;">
XPath: .slick-current > div > .banner-item.box-banner
12 Moderate axe landmark-unique
4 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-379b3b3a
<div class="llistat-bg-promos slick-initialized slick-slider slick-dotted" role="region" aria-label="carousel">
XPath: .llistat-bg-promos
Example 2 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-8140df0d
<main id="main-content" role="main">
XPath: #main-content
Example 3 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-5675da04
<nav class="js-main-search">
XPath: #iframe-planol
Example 4 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-379b3b3a
<div class="llistat-bg-promos slick-initialized slick-slider slick-dotted" role="region" aria-label="carousel">
XPath: .llistat-bg-promos
Example 5 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-8140df0d
<main id="main-content" role="main">
XPath: #main-content
9 Serious axe SC 4.1.2 A Visual Motor Cognitive frame-title: Ensures <iframe> and <frame> elements have a descriptive title attribute so screen reader users understand what the embedded content contains.
5 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, Content Author

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

ACT alignment

  • ACT cae760 Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

Examples

Example 1 View on Page
Frames must have an accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-dd720d85
<iframe frameborder="0" height="100px" src="https://ajuntament.barcelona.cat/widgets/temps/v3/?lang=ca&amp;config=lameva" width="142px" id="i-temps"></iframe>
XPath: #i-temps
Example 2 View on Page
Frames must have an accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-e78c0245
<iframe frameborder="0" height="410px" src="https://com-shi-va.barcelona.cat/ca/api/widget/route" width="100%"></iframe>
XPath: iframe[height="410px"]
Example 3 View on Page
Frames must have an accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-dd720d85
<iframe frameborder="0" height="100px" src="https://ajuntament.barcelona.cat/widgets/temps/v3/?lang=ca&amp;config=lameva" width="142px" id="i-temps"></iframe>
XPath: #i-temps
Example 4 View on Page
Frames must have an accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-e78c0245
<iframe frameborder="0" height="410px" src="https://com-shi-va.barcelona.cat/ca/api/widget/route" width="100%"></iframe>
XPath: iframe[height="410px"]
Example 5 View on Page
Frames must have an accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-dd720d85
<iframe frameborder="0" height="100px" src="https://ajuntament.barcelona.cat/widgets/temps/v3/?lang=en&amp;config=lameva" width="142px" id="i-temps"></iframe>
XPath: #i-temps
8 Critical axe SC 4.1.2 A Visual Motor Cognitive button-name: Ensures buttons have discernible text so screen reader users know what action the button performs.
5 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

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

ACT alignment

Examples

Example 1 View on Page
Buttons must have discernible text
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-9b7dbefd
<button class="geoLocation"></button>
XPath: #iframe-planol
Example 2 View on Page
Buttons must have discernible text
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-9b7dbefd
<button class="geoLocation"></button>
XPath: #iframe-planol
Example 3 View on Page
Buttons must have discernible text
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-b5aa8cd6
<button class="geoLocation"></button>
XPath: #planol-screen > iframe
Example 4 View on Page
Buttons must have discernible text
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-b5aa8cd6
<button class="geoLocation"></button>
XPath: #planol-screen > iframe
Example 5 View on Page
Buttons must have discernible text
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-32aa5c12
<button class="geoLocation"></button>
XPath: .geoLocation
4 Moderate axe SC 1.1.1 A Visual aria-progressbar-name
4 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.1.1 A

Disabilities affected:
Visual

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans

Examples

Example 1 View on Page
ARIA progressbar nodes must have an accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-64f67d2c
<div id="progressbar-carousel-capcalera" class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50" style="background-size: 50% 100%;"> <span class="slider__label sr-only">50% completed</span> </div>
XPath: #progressbar-carousel-capcalera
Example 2 View on Page
ARIA progressbar nodes must have an accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-64f67d2c
<div id="progressbar-carousel-capcalera" class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="100" style="background-size: 100% 100%;"> <span class="slider__label sr-only">100% completed</span> </div>
XPath: #progressbar-carousel-capcalera
Example 3 View on Page
ARIA progressbar nodes must have an accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-64f67d2c
<div id="progressbar-carousel-capcalera" class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="75" style="background-size: 75% 100%;"> <span class="slider__label sr-only">75% completed</span> </div>
XPath: #progressbar-carousel-capcalera
Example 4 View on Page
ARIA progressbar nodes must have an accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-64f67d2c
<div id="progressbar-carousel-capcalera" class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="100" style="background-size: 100% 100%;"> <span class="slider__label sr-only">100% completed</span> </div>
XPath: #progressbar-carousel-capcalera
4 Moderate axe SC 4.1.2 A Visual Motor Cognitive aria-prohibited-attr
4 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

ACT alignment

Examples

Example 1 View on Page
Elements must only use permitted ARIA attributes
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-845c177b
<span tabindex="0" class="qualitat-aire-anterior bcn-disabled" aria-label="Anterior"> <i aria-hidden="true" title="Anterior" class="bcn-disabled"></i> </span>
XPath: #qualitat-aire-i
Example 2 View on Page
Elements must only use permitted ARIA attributes
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-845c177b
<span tabindex="0" class="qualitat-aire-anterior bcn-disabled" aria-label="Anterior"> <i aria-hidden="true" title="Anterior" class="bcn-disabled"></i> </span>
XPath: #qualitat-aire-i
Example 3 View on Page
Elements must only use permitted ARIA attributes
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-845c177b
<span tabindex="0" class="qualitat-aire-anterior bcn-disabled" aria-label="Previous"> <i aria-hidden="true" title="Previous" class="bcn-disabled"></i> </span>
XPath: #qualitat-aire-i
Example 4 View on Page
Elements must only use permitted ARIA attributes
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-845c177b
<span tabindex="0" class="qualitat-aire-anterior bcn-disabled" aria-label="Previo"> <i aria-hidden="true" title="Previo" class="bcn-disabled"></i> </span>
XPath: #qualitat-aire-i
4 Moderate axe SC 3.1.1 A Cognitive html-lang-valid
4 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 3.1.1 A

Disabilities affected:
Cognitive

Affected Pages

Who Is Affected

  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

ACT alignment

  • ACT bf051a Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

Examples

Example 1 View on Page
<html> element must have a valid value for the lang attribute
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-031c50b6
<html lang="cat">
XPath: #iframe-planol
Example 2 View on Page
<html> element must have a valid value for the lang attribute
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-031c50b6
<html lang="cat">
XPath: #iframe-planol
Example 3 View on Page
<html> element must have a valid value for the lang attribute
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-f7f9c75c
<html lang="cat">
XPath: #planol-screen > iframe
Example 4 View on Page
<html> element must have a valid value for the lang attribute
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-f7f9c75c
<html lang="cat">
XPath: #planol-screen > iframe
3 Moderate axe SC 4.1.2 A Visual Motor Cognitive aria-command-name
3 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

ACT alignment

Examples

Example 1 View on Page
ARIA commands must have an accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-9eed1fd6
<div class="title" tabindex="-1" role="button"></div>
XPath: #fembarri
Example 2 View on Page
ARIA commands must have an accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-f33d3218
<div role="button" class="U26fgb JRtysb ZDSs1 ..." jscontroller="iSvg6e" jsaction="click:cOuCgd; moused..." jsshadow="" aria-disabled="false" tabindex="0" aria-haspopup="true" aria-expanded="false" data-aligntop="true">
XPath: iframe
Example 3 View on Page
ARIA commands must have an accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-f33d3218
<div title="" role="button" tabindex="0" style="width: 31.7193px; height: 32px; overflow: hidden; position: absolute; cursor: pointer; touch-action: none; left: -78px; top: 24px; z-index: 0;">
XPath: iframe
3 Moderate axe SC 4.1.2 A Visual Motor Cognitive select-name
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

ACT alignment

  • ACT e086e5 Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

Examples

Example 1 View on Page
Select element must have an accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-51f1bd0a
<select class="districtsrc" name="districtstr" id="districtsrc" tabindex="-98">
XPath: #districtsrc
Example 2 View on Page
Select element must have an accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-217be76b
<select name="ctg" id="ctg" class="" tabindex="-98">
XPath: #ctg
Example 3 View on Page
Select element must have an accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-b76bd42b
<select id="entradatipus" name="ticket" class="" tabindex="-98">
XPath: #entradatipus
2 Moderate axe image-redundant-alt
2 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Alternative text of images should not be repeated as text
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-a4d3e48b
<img loading="lazy" src="/sites/default/files/styles/distribuidora_banner_paginat/public/vedebcn_250x250.jpg?itok=sI_-hMsI" width="250" height="250" alt="ve de barcelona">
XPath: img[alt="ve de barcelona"]
Example 2 View on Page
Alternative text of images should not be repeated as text
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-dda406c9
<img src="img/districte_1.jpg" alt="Ciutat Vella">
XPath: #fembarri
1 Serious axe SC 4.1.2 A Visual Motor Cognitive aria-allowed-attr: Ensures ARIA attributes are only used on elements where they are permitted by the ARIA specification.
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

ACT alignment

Examples

Example 1 View on Page
Elements must only use supported ARIA attributes
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-f33d3218
<a class="ytmVideoInfoVideoTitle" aria-level="2" href="https://www.youtube.com/watch?v=coX1gVzsfsw"><span class="ytAttributedStringHost ytmVideoInfoLink ytAttributedStringWhiteSpaceNoWrap" style="">Impuls a la Ciutadella del Coneixement</span></a>
XPath: iframe
1 Critical axe SC 2.4.4, SC 4.1.2 A Visual Motor Cognitive area-alt: Ensures <area> elements of image maps have descriptive alternative text so screen reader users understand the link destination.
1 pages affected

Rule Information

Engine: axe

Roles: Content Author, UX Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 2.4.4, SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

ACT alignment

Examples

Example 1 View on Page
Active <area> elements must have alternative text
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-e85c3b30
<area shape="poly" alt="" coords="580,500,584,501,597,..." href="#" districte="1">
XPath: #fembarri
1 Serious axe SC 1.3.1 A Visual Cognitive list: Ensures <ul> and <ol> contain only <li> elements. Invalid list structure prevents screen readers from announcing list item counts and navigation shortcuts.
1 pages affected

Rule Information

Engine: axe

Roles: Content Author, Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Disabilities affected:
Visual Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-6cf01d3d
<ul class="districtes_menu">
XPath: #fembarri
1 Moderate axe empty-heading
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

ACT alignment

  • ACT ffd0e9 Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

Examples

Example 1 View on Page
Headings should not be empty
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-670b0001
<h3 dir="ltr">&nbsp;</h3>
XPath: h3:nth-child(3)
1 Moderate axe Best Practice heading-order: Ensures heading levels are not skipped (e.g. h1→h3). Inconsistent heading hierarchy makes page structure difficult to navigate for screen reader users.
1 pages affected

Rule Information

Engine: axe

Roles: Content Author, UX Designer

Blocking: No

WCAG: Best Practice

Affected Pages

Examples

Example 1 View on Page
Heading levels should only increase by one
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-e3708aab
<h3><i class="bcn-icon-cerca"></i>Troba les activitats d'aquest cap de setmana:</h3>
XPath: div > h3
1 Moderate axe SC 4.1.2 A Visual Motor Cognitive nested-interactive
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

ACT alignment

  • ACT 307n5z Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

Examples

Example 1 View on Page
Interactive controls must not be nested
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-78f838b3
<button class="platges-button platges-transports-control">
XPath: .platges-button
1 Moderate axe empty-table-header
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Table header text should not be empty
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-14bb19a4
<th scope="col"></th>
XPath: th:nth-child(4)
1 Moderate axe SC 1.4.1 A Visual Cognitive link-in-text-block
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.4.1 A

Disabilities affected:
Visual Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans
  • Without Perception of Color 4.3% — ~14,500,000 Americans

Examples

Example 1 View on Page
Links must be distinguishable without relying on color
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-ca75b772
<a href="//support.google.com/mymaps/answer/3024454?hl=en&amp;amp;ref_topic=3188329" target="_blank">Crea el teu</a>
XPath: iframe

🔧 Most Common Issues (Equal Access)

47 rules
5761 Moderate equalAccess style_focus_visible: An element's focused state must be visually apparent
100 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 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-168749e8
<a title="Obre en una finestra nova" data-ga="L'Ajuntament" href="https://www.barcelona.cat/ca/" target="_blank" class="plausible-event-name=barra-logo">
Example 2 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-1c150a28
<button aria-expanded="false" class="barcelona-menu-toggle d-block d-xl-none">
Example 3 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-fe664052
<a href="/ca/viure-a-bcn">
Example 4 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-7e9cf8e0
<a class="portada1" href="/ca/viure-a-bcn">
Example 5 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-9e2c5805
<a class="fembarri" href="/ca/viure-a-bcn/fem-barri">
5082 Moderate equalAccess element_tabbable_visible: A tabbable element must be visible on the page
100 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 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-dd3d9925
<a href="/ca/viure-a-bcn">
Example 2 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-5ca3ba5a
<button class="icobcn-fletxa-esquerra2-l barcelona-level-back d-flex justify-content-center align-items-center">
Example 3 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-87d0371f
<a class="portada1" href="/ca/viure-a-bcn">
Example 4 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-37bcd8b4
<a class="fembarri" href="/ca/viure-a-bcn/fem-barri">
Example 5 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-0215ea63
<a class="habitatgepublic" href="/ca/viure-a-bcn/amb-habitatge-public">
3231 Moderate equalAccess element_tabbable_unobscured: A tabbable element should not be entirely obscured by overlapping content
100 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 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-78d3eeed
<a tabindex="1" class="visually-hidden focusable to-main-content" href="#carousel-capcalera">
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 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-1b94b829
<button class="icobcn-fletxa-esquerra2-l barcelona-level-back d-flex justify-content-center align-items-center">
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 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-ea8cc992
<a class="portada1" href="/ca/viure-a-bcn">
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 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-c09c6a87
<a class="fembarri" href="/ca/viure-a-bcn/fem-barri">
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 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-b1f6b279
<a class="habitatgepublic" href="/ca/viure-a-bcn/amb-habitatge-public">
628 Moderate equalAccess aria_role_redundant: ARIA role is redundant with the native role of the element
100 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The explicitly-assigned ARIA role "banner" is redundant with the implicit role of the element <header>
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-a5137eef
<header aria-label="Site header" role="banner" class="header front-page" id="header">
Example 2 View on Page
The explicitly-assigned ARIA role "navigation" is redundant with the implicit role of the element <nav>
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-0567f54f
<nav id="block-barcelonacat-theme-mainnavigation" aria-labelledby="block-barcelonacat-theme-mainnavigation-menu" role="navigation">
Example 3 View on Page
The explicitly-assigned ARIA role "main" is redundant with the implicit role of the element <main>
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-f9866004
<main role="main" id="main-content">
Example 4 View on Page
The explicitly-assigned ARIA role "button" is redundant with the implicit role of the element <button>
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-205d7c77
<button style="" role="button" aria-label="Anterior promo" tabindex="0" class="slick-arrow nav-esquerra" 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 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-4c8d8fd1
<button style="" role="button" aria-label="Següent promo" tabindex="0" class="slick-arrow nav-dreta" type="button">
255 Moderate equalAccess text_block_heading: Blocks of text that serve as headings should be marked up as headings
99 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm this text 'El portal oficial de l'Ajuntament de Barcelona' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-fea5f209
<p class="barcelona-branding-slogan show">
Example 2 View on Page
Confirm this text 'L'eclipsi a Barcelona' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-ccdc5a3c
<div data-taguejar="Promos Home capcalera" class="info">
Example 3 View on Page
Confirm this text 'Les novetats, directament a la vostra bústia de correu' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-499abfb6
<p>
Example 4 View on Page
Confirm this text 'The official portal of Barcelona City Council' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-fea5f209
<p class="barcelona-branding-slogan show">
Example 5 View on Page
Confirm this text '1 / 3' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-cd689d0e
<div class="pagination-number">
199 Moderate equalAccess aria_content_in_landmark: All content of the page should be contained within a landmark region
100 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Content is not within a landmark element
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-9a7e0229
<a tabindex="1" class="visually-hidden focusable to-main-content" href="#carousel-capcalera">
Example 2 View on Page
Content is not within a landmark element
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-85801b4f
<ul>
Example 3 View on Page
Content is not within a landmark element
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-f90e2438
<a tabindex="1" class="visually-hidden focusable to-main-content" href="#main-content">
Example 4 View on Page
Content is not within a landmark element
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-85801b4f
<ul>
Example 5 View on Page
Content is not within a landmark element
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-f90e2438
<a tabindex="1" class="visually-hidden focusable to-main-content" href="#main-content">
198 Moderate equalAccess svg_graphics_labelled: SVG graphics must have an accessible name describing their purpose
99 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The SVG element has no accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-1f835675
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 26 26" height="26" width="26" class="icon menu">
Example 2 View on Page
The SVG element has no accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-33dcbc43
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 26 26" height="26" width="26" class="icon close">
Example 3 View on Page
The SVG element has no accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-1f835675
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 26 26" height="26" width="26" class="icon menu">
Example 4 View on Page
The SVG element has no accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-33dcbc43
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 26 26" height="26" width="26" class="icon close">
Example 5 View on Page
The SVG element has no accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-1f835675
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 26 26" height="26" width="26" class="icon menu">
162 Moderate equalAccess text_contrast_sufficient: Contrast ratio of text against its background must meet minimum requirements
27 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

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 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-42c83954
<button style="" type="button" class="slick-next slick-arrow">
Example 2 View on Page
Text contrast of 2.31 with its background is less than the WCAG AA minimum requirements for text of size 14px and weight of 400
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-c6ba5f13
<div class="descripcio">
Example 3 View on Page
Text contrast of 3.69 with its background is less than the WCAG AA minimum requirements for text of size 14px and weight of 400
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-4481a0b3
<a title="Open in a new window" target="_blank" href="https://ajuntament.barcelona.cat/accessible/es/servicios-y-tramites#apoyo-personas-cuidadoras">
Example 4 View on Page
Text contrast of 3.69 with its background is less than the WCAG AA minimum requirements for text of size 14px and weight of 400
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-3f1883fe
<a title="Open in a new window" target="_blank" href="https://www.barcelona.cat/ciutatcuidadora/en/barcelona-care-centre/centre">
Example 5 View on Page
Text contrast of 3.76 with its background is less than the WCAG AA minimum requirements for text of size 14px and weight of 400
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-f42b4d2b
<a title="Open in a new window" target="_blank" href="https://ajuntament.barcelona.cat/accessible/es/quienes-somos/que-hacemos/promocion-de-la-accesibilidad-y-la-inclusion/tiempo-para-ti-actividades">
119 Moderate equalAccess element_attribute_deprecated: Deprecated HTML attributes should not be used
100 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 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-91c71acb
<meta content="ie=edge" http-equiv="x-ua-compatible">
Example 2 View on Page
The HTML attribute(s) "frameborder" is deprecated for the <iframe> element in HTML 5
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-4599e783
<iframe id="i-temps" width="142px" src="https://ajuntament.barcelona.cat/widgets/temps/v3/?lang=ca&config=lameva" height="100px" frameborder="0">
Example 3 View on Page
The HTML attribute(s) "frameborder" is deprecated for the <iframe> element in HTML 5
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-b52c59fd
<iframe id="qualitat-aire-i" width="385px" src="https://ajuntament.barcelona.cat/widgets/qualitat-aire/nou/?lang=ca&config=lameva&20240110" frameborder="0">
Example 4 View on Page
The HTML attribute(s) "frameborder" is deprecated for the <iframe> element in HTML 5
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-a1b8e453
<iframe width="100%" src="https://com-shi-va.barcelona.cat/ca/api/widget/route" height="410px" frameborder="0">
Example 5 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-91c71acb
<meta content="ie=edge" http-equiv="x-ua-compatible">
103 Moderate equalAccess aria_id_unique
99 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The 'id' "block-peu-menu" specified for the ARIA property 'aria-labelledby' value is not valid
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-5f89b3fe
<nav aria-labelledby="block-peu-menu" role="navigation" id="menu-footer">
Example 2 View on Page
The 'id' "block-peu-menu" specified for the ARIA property 'aria-labelledby' value is not valid
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-5f89b3fe
<nav aria-labelledby="block-peu-menu" role="navigation" id="menu-footer">
Example 3 View on Page
The 'id' "block-peu-menu" specified for the ARIA property 'aria-labelledby' value is not valid
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-5f89b3fe
<nav aria-labelledby="block-peu-menu" role="navigation" id="menu-footer">
Example 4 View on Page
The 'id' "block-peu-menu" specified for the ARIA property 'aria-labelledby' value is not valid
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-5f89b3fe
<nav aria-labelledby="block-peu-menu" role="navigation" id="menu-footer">
Example 5 View on Page
The 'id' "block-peu-menu" specified for the ARIA property 'aria-labelledby' value is not valid
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-5f89b3fe
<nav aria-labelledby="block-peu-menu" role="navigation" id="menu-footer">
101 Moderate equalAccess style_highcontrast_visible: Elements must be visible in Windows High Contrast mode
100 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 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-bb090df9
<style>
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 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-cf4d7c31
<link media="all" href="https://www.barcelona.cat/assetsdi/icoajuntament-v2/bcn-icon.css" rel="stylesheet" type="text/css">
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 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-cf4d7c31
<link media="all" href="https://www.barcelona.cat/assetsdi/icoajuntament-v2/bcn-icon.css" rel="stylesheet" type="text/css">
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 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-cf4d7c31
<link media="all" href="https://www.barcelona.cat/assetsdi/icoajuntament-v2/bcn-icon.css" rel="stylesheet" type="text/css">
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 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-bb090df9
<style>
101 Moderate equalAccess aria_descendant_valid
100 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element with role "button" contains descendants with roles "tooltip" which are ignored by browsers
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-629ce2d9
<button aria-describedby="tooltip-search" aria-controls="bcnbrand-search-menu" aria-expanded="false" class="bcnbrand-dropdown-toggle bcnbrand-nav-link plausible-event-name=barra-cerca-desplegar" id="bcnbrand-search-toggle">
Example 2 View on Page
The element with role "button" contains descendants with roles "tooltip" which are ignored by browsers
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-629ce2d9
<button aria-describedby="tooltip-search" aria-controls="bcnbrand-search-menu" aria-expanded="false" class="bcnbrand-dropdown-toggle bcnbrand-nav-link plausible-event-name=barra-cerca-desplegar" id="bcnbrand-search-toggle">
Example 3 View on Page
The element with role "button" contains descendants with roles "tooltip" which are ignored by browsers
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-629ce2d9
<button aria-describedby="tooltip-search" aria-controls="bcnbrand-search-menu" aria-expanded="false" class="bcnbrand-dropdown-toggle bcnbrand-nav-link plausible-event-name=barra-cerca-desplegar" id="bcnbrand-search-toggle">
Example 4 View on Page
The element with role "button" contains descendants with roles "tooltip" which are ignored by browsers
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-629ce2d9
<button aria-describedby="tooltip-search" aria-controls="bcnbrand-search-menu" aria-expanded="false" class="bcnbrand-dropdown-toggle bcnbrand-nav-link plausible-event-name=barra-cerca-desplegar" id="bcnbrand-search-toggle">
Example 5 View on Page
The element with role "button" contains descendants with roles "tooltip" which are ignored by browsers
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-629ce2d9
<button aria-describedby="tooltip-search" aria-controls="bcnbrand-search-menu" aria-expanded="false" class="bcnbrand-dropdown-toggle bcnbrand-nav-link plausible-event-name=barra-cerca-desplegar" id="bcnbrand-search-toggle">
100 Moderate equalAccess style_color_misuse: Color must not be used as the only visual means of conveying information
100 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 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-9eb23f67
<style>
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-1cd8f072
<link href="https://www.barcelona.cat/assets/core/stylesheets/core.css" media="all" rel="stylesheet">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-1cd8f072
<link href="https://www.barcelona.cat/assets/core/stylesheets/core.css" media="all" rel="stylesheet">
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-1cd8f072
<link href="https://www.barcelona.cat/assets/core/stylesheets/core.css" media="all" rel="stylesheet">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-9eb23f67
<style>
100 Moderate equalAccess label_name_visible: The label text for an element must be visible
100 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Accessible name does not match or contain the visible label text
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-821cae81
<button aria-label="Català (Canviar idioma)" aria-controls="bcnbrand-language-dropdown-list" aria-expanded="false" class="bcnbrand-dropdown-toggle bcnbrand-nav-link plausible-event-name=barra-idioma-desplegar" id="bcnbrand-lang-toggle">
Example 2 View on Page
Accessible name does not match or contain the visible label text
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-4d3e84ed
<button aria-label="English (Change language)" aria-controls="bcnbrand-language-dropdown-list" aria-expanded="false" class="bcnbrand-dropdown-toggle bcnbrand-nav-link plausible-event-name=barra-idioma-desplegar" id="bcnbrand-lang-toggle">
Example 3 View on Page
Accessible name does not match or contain the visible label text
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-4d3e84ed
<button aria-label="English (Change language)" aria-controls="bcnbrand-language-dropdown-list" aria-expanded="false" class="bcnbrand-dropdown-toggle bcnbrand-nav-link plausible-event-name=barra-idioma-desplegar" id="bcnbrand-lang-toggle">
Example 4 View on Page
Accessible name does not match or contain the visible label text
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-4d3e84ed
<button aria-label="English (Change language)" aria-controls="bcnbrand-language-dropdown-list" aria-expanded="false" class="bcnbrand-dropdown-toggle bcnbrand-nav-link plausible-event-name=barra-idioma-desplegar" id="bcnbrand-lang-toggle">
Example 5 View on Page
Accessible name does not match or contain the visible label text
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-821cae81
<button aria-label="Català (Canviar idioma)" aria-controls="bcnbrand-language-dropdown-list" aria-expanded="false" class="bcnbrand-dropdown-toggle bcnbrand-nav-link plausible-event-name=barra-idioma-desplegar" id="bcnbrand-lang-toggle">
91 Moderate equalAccess target_spacing_sufficient
32 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 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-2ace45a4
<button>
Example 2 View on Page
Undersized target "button" does not have sufficient spacing of 12 CSS pixels from another target "button"
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-47c3c52a
<button class="ajuntament-actualitat-pagina-activa" value="1" data-api="/en/api/noticies/node/22746?xout=json2&wtarget=parc-montjuic&nr=10&lg=en&from=0">
Example 3 View on Page
Undersized target "button" does not have sufficient spacing of 12 CSS pixels from another target "button"
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-a8b3bc93
<button value="2" data-api="/en/api/noticies/node/22746?xout=json2&wtarget=parc-montjuic&nr=10&lg=en&from=10">
Example 4 View on Page
Undersized target "button" does not have sufficient spacing of 12 CSS pixels from another target "button"
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-83efa182
<button value="3" data-api="/en/api/noticies/node/22746?xout=json2&wtarget=parc-montjuic&nr=10&lg=en&from=20">
Example 5 View on Page
Undersized target "button" does not have sufficient spacing of 12 CSS pixels from another target "button"
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-917cbdd0
<button value="4" data-api="/en/api/noticies/node/22746?xout=json2&wtarget=parc-montjuic&nr=10&lg=en&from=30">
76 Moderate equalAccess img_alt_null
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The image 'alt' attribute is empty, but the 'title' attribute is not empty
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-8a5c862f
<img title="Photo: P. de Grenet" alt="" height="228" width="528" src="/sites/default/files/styles/destacat_gran/public/serveis_socials_528x228_2.jpg?itok=SOUJs06O" loading="lazy">
Example 2 View on Page
The image 'alt' attribute is empty, but the 'title' attribute is not empty
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-89f4d0f6
<img loading="lazy" title="Photo: M. Moreno" alt="" height="223" width="387" src="/sites/default/files/styles/distribuidora_central/public/una-nena-pinta-amb-les-mans-un-mural_1_1_2.jpg?itok=g1I8xxcz" data-original="/sites/default/files/una-nena-pinta-amb-les-mans-un-mural_1_1_2.jpg" class="img-cover">
Example 3 View on Page
The image 'alt' attribute is empty, but the 'title' attribute is not empty
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-a0468393
<img title="Foto: Mariona Gil" alt="" height="228" width="528" src="/sites/default/files/styles/destacat_gran/public/bibliodisc-528x228.jpg?itok=1MuMRaOh" loading="lazy">
Example 4 View on Page
The image 'alt' attribute is empty, but the 'title' attribute is not empty
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-bd5bbbff
<img title="Foto: Josbel A. Tinoco" alt="" height="125" width="350" src="/sites/default/files/styles/distribuidora_banner_menu/public/240717_E.jpg?itok=uoe14YQ6" loading="lazy">
Example 5 View on Page
The image 'alt' attribute is empty, but the 'title' attribute is not empty
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-2b9ec7da
<img title="Foto: Josbel A. Tinoco" alt="" height="180" width="250" src="/sites/default/files/styles/distribuidora_central_2/public/telefon-250x180.jpg?itok=G7RLVv2n" loading="lazy">
66 Moderate equalAccess input_label_exists
30 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Form control with "progressbar" role has no associated label
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-44167aca
<div style="background-size: 25% 100%;" aria-valuenow="25" aria-valuemax="100" aria-valuemin="0" role="progressbar" class="progress" id="progressbar-carousel-capcalera">
Example 2 View on Page
Form control with "progressbar" role has no associated label
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-44167aca
<div style="background-size: 25% 100%;" aria-valuenow="25" aria-valuemax="100" aria-valuemin="0" role="progressbar" class="progress" id="progressbar-carousel-capcalera">
Example 3 View on Page
Form control with "progressbar" role has no associated label
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-44167aca
<div style="background-size: 25% 100%;" aria-valuenow="25" aria-valuemax="100" aria-valuemin="0" role="progressbar" class="progress" id="progressbar-carousel-capcalera">
Example 4 View on Page
Form control with "progressbar" role has no associated label
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-44167aca
<div style="background-size: 25% 100%;" aria-valuenow="25" aria-valuemax="100" aria-valuemin="0" role="progressbar" class="progress" id="progressbar-carousel-capcalera">
Example 5 View on Page
Form control element <select> has no associated label
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-843b4ce6 ⚠️ Corroborated by Semantica11y
<select class="ajuntament-guia-sorting-mobile">
40 Moderate equalAccess aria_child_valid
39 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element with role "menu" owns the child element with the role "list" that is not one of the allowed role(s): "menuitem, menuitemcheckbox, menuitemradio"
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-0221bc88
<div class="container list-pano-rollover" role="menu">
Example 2 View on Page
The element with role "menu" owns the child element with the role "list" that is not one of the allowed role(s): "menuitem, menuitemcheckbox, menuitemradio"
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-0221bc88
<div class="container list-pano-rollover" role="menu">
Example 3 View on Page
The element with role "menu" owns the child element with the role "list" that is not one of the allowed role(s): "menuitem, menuitemcheckbox, menuitemradio"
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-0221bc88
<div class="container list-pano-rollover" role="menu">
Example 4 View on Page
The element with role "menu" owns the child element with the role "list" that is not one of the allowed role(s): "menuitem, menuitemcheckbox, menuitemradio"
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-0221bc88
<div class="container list-pano-rollover" role="menu">
Example 5 View on Page
The element with role "menu" owns the child element with the role "list" that is not one of the allowed role(s): "menuitem, menuitemcheckbox, menuitemradio"
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-0221bc88
<div class="container list-pano-rollover" role="menu">
30 Moderate equalAccess element_id_unique: Element IDs must be unique within a page
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The <div> element has the id "" that is empty
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-e3d9fb6a
<div aria-hidden="true" id="" aria-label="slide 6" role="group" data-slick-index="-1" class="slick-slide slick-cloned">
Example 2 View on Page
The <div> element has the id "" that is empty
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-dd8a86ac
<div aria-hidden="true" id="" aria-label="slide 1" role="group" data-slick-index="6" class="slick-slide slick-cloned">
Example 3 View on Page
The <div> element has the id "" that is empty
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-cdcd4e46
<div aria-hidden="true" id="" aria-label="slide 2" role="group" data-slick-index="7" class="slick-slide slick-cloned">
Example 4 View on Page
The <div> element has the id "" that is empty
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-15dd7df7
<div aria-hidden="true" id="" aria-label="slide 3" role="group" data-slick-index="8" class="slick-slide slick-cloned">
Example 5 View on Page
The <div> element has the id "" that is empty
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-7367a9de
<div aria-hidden="true" id="" aria-label="slide 4" role="group" data-slick-index="9" class="slick-slide slick-cloned">
27 Moderate equalAccess aria_role_valid
12 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ARIA role 'region' is not valid for the element <ul>
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-ca80e0ce
<ul aria-label="carousel" role="region" class="banners-paginats-list slick-initialized slick-slider">
Example 2 View on Page
The ARIA role 'region' is not valid for the element <ul>
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-ca80e0ce
<ul aria-label="carousel" role="region" class="banners-paginats-list slick-initialized slick-slider">
Example 3 View on Page
The ARIA role 'region' is not valid for the element <ul>
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-ca80e0ce
<ul aria-label="carousel" role="region" class="banners-paginats-list slick-initialized slick-slider">
Example 4 View on Page
The ARIA role 'region' is not valid for the element <form>
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-b467a1ce
<form aria-controls="ajuntament-actualitat-noticies" aria-label="News list dates and number of results per page control" role="region" class="d-flex justify-content-md-between align-items-md-center ajuntament-actualitat-filtres">
Example 5 View on Page
The ARIA role 'status' is not valid for the element <h3>
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-ed0bbae6
<h3 role="status" class="sr-only">
25 Moderate equalAccess element_tabbable_role_valid
14 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The tabbable element does not have a valid widget role
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-f5bfc477
<div tabindex="0" style="width: 100%; display: inline-block;" data-value="1" class="item promo img-quadrada" data-history-node-id="24731">
Example 2 View on Page
The tabbable element does not have a valid widget role
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-f5bfc477
<div tabindex="0" style="width: 100%; display: inline-block;" data-value="1" class="item promo img-quadrada" data-history-node-id="24731">
Example 3 View on Page
The tabbable element does not have a valid widget role
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-f5bfc477
<div tabindex="0" style="width: 100%; display: inline-block;" data-value="1" class="item promo img-quadrada" data-history-node-id="24731">
Example 4 View on Page
The tabbable element does not have a valid widget role
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-f5bfc477
<div tabindex="0" style="width: 100%; display: inline-block;" data-value="1" class="item promo img-quadrada" data-history-node-id="24731">
Example 5 View on Page
The tabbable element does not have a valid widget role
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-46f677e6
<div tabindex="0" class="masonry-text">
21 Moderate equalAccess a_text_purpose: Link text must identify the purpose of the link
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-7781d6ff
<area districte="1" href="#" coords="376,324,379,325,387,335,398,333,401,333,402,334,404,336,405,337,410,337,417,340,421,340,421,351,430,351,430,353,430,357,430,363,430,369,430,373,430,374,431,374,435,374,437,374,437,375,437,375,437,376,437,388,435,388,428,385,423,387,424,393,421,394,421,392,420,390,419,389,418,389,413,392,406,394,399,397,393,400,388,402,386,403,385,406,386,409,389,408,389,409,367,417,362,420,362,420,361,420,360,420,349,426,348,424,349,423,350,424,364,417,364,416,365,415,366,416,377,412,375,408,374,409,372,410,370,410,369,410,367,410,366,412,367,414,366,414,365,412,366,410,365,410,366,408,366,408,367,406,368,407,367,408,368,408,370,407,372,407,375,405,376,404,375,404,376,403,377,404,381,400,381,400,378,402,377,402,374,404,373,401,374,401,373,400,378,396,377,395,378,394,382,399,383,398,381,395,384,393,386,395,388,394,388,393,387,393,388,392,389,392,390,391,392,391,391,390,391,389,390,389,389,388,384,392,383,391,382,389,383,388,383,389,383,390,384,390,383,388,384,388,384,389,385,389,384,387,385,387,386,388,386,388,385,386,386,386,387,387,387,387,387,387,387,386,387,385,387,385,388,386,389,386,388,385,388,384,389,386,393,387,394,386,393,386,394,385,394,386,395,385,397,384,398,383,399,381,401,379,402,377,402,376,401,373,401,372,401,371,400,371,399,370,393,381,382,384,381,379,382,378,382,379,383,378,391,376,394,370,381,374,382,377,381,378,380,375,374,376,377,390,372,391,372,389,371,385,370,381,369,379,369,377,369,377,369,376,369,374,368,373,372,372,370,369,362,359,358,355,359,338,376,324" alt="" shape="poly">
Example 2 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-57577c0a
<area districte="2" href="#" coords="360,274,394,291,417,291,417,295,433,295,433,283,457,283,457,319,456,320,454,322,454,323,454,324,455,325,443,337,442,338,441,339,438,342,437,343,437,343,422,343,422,339,420,339,418,339,417,339,415,339,412,338,410,337,405,337,404,336,402,333,401,332,400,332,397,333,395,333,392,334,388,334,386,335,379,325,376,324,359,338,358,355,328,325,327,322,327,297,328,296,331,294,335,290,340,286,343,283,345,281,349,279,354,276,357,274,358,275,360,274" alt="" shape="poly">
Example 3 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-8788df13
<area districte="3" href="#" coords="338,287,330,286,328,286,323,285,317,283,311,280,309,280,304,278,295,276,285,275,282,275,281,275,281,275,280,273,280,275,280,278,280,280,280,280,279,282,279,283,279,284,280,287,280,292,280,292,281,296,281,296,281,297,281,298,281,299,281,302,280,305,280,306,280,306,279,308,277,310,277,312,276,313,276,315,274,317,273,319,272,321,272,331,265,331,264,331,262,331,260,333,256,336,254,338,253,338,251,338,251,338,249,343,247,348,247,350,247,350,246,354,246,355,245,357,245,361,242,360,240,359,241,357,237,356,237,357,237,358,235,358,234,358,234,357,234,356,231,356,229,356,227,356,226,356,226,355,226,355,225,354,224,354,224,354,223,354,224,352,219,351,219,353,210,350,208,349,204,348,198,345,192,343,186,341,182,339,180,339,179,338,175,337,170,335,165,333,161,331,159,331,156,330,153,329,153,330,154,332,155,335,155,337,155,340,156,342,155,351,154,354,154,359,152,370,150,376,151,383,156,394,164,407,172,418,182,427,188,432,191,436,204,451,205,451,208,450,209,449,209,450,210,451,212,450,211,448,223,442,224,443,226,442,233,449,231,450,232,451,234,450,238,448,245,445,252,441,260,437,266,434,271,432,272,431,273,432,274,433,280,430,271,417,270,413,260,411,221,425,218,419,219,419,219,418,227,415,227,414,226,411,225,408,224,407,226,407,228,406,230,406,230,406,231,406,238,412,240,411,244,407,249,403,255,398,259,395,261,393,262,394,263,396,264,397,261,400,262,400,258,404,258,405,283,408,284,403,286,403,286,402,287,402,289,402,290,403,289,404,288,408,287,413,286,417,286,419,287,419,288,419,288,417,289,412,291,406,292,401,292,399,293,399,293,399,296,399,295,402,295,402,296,416,295,417,295,417,296,417,301,415,306,413,313,411,319,409,323,408,325,407,324,397,330,395,330,397,331,401,333,405,334,406,335,406,339,405,341,404,338,395,344,394,350,392,353,400,351,401,352,402,357,400,359,405,339,411,338,410,337,411,337,412,321,418,321,417,320,417,320,418,307,422,306,422,305,422,305,423,276,444,277,446,270,451,272,454,248,470,232,497,234,499,235,497,237,493,240,488,244,482,247,477,249,473,250,471,252,470,256,467,262,462,270,457,277,452,283,447,288,444,290,443,291,442,295,439,300,436,305,432,310,428,314,426,315,425,316,424,318,424,319,423,322,422,327,420,331,419,333,418,335,417,340,416,345,414,351,411,356,410,358,409,358,409,361,405,362,406,362,405,363,404,362,404,362,404,361,405,360,404,358,400,360,399,359,396,358,396,358,395,357,393,356,390,355,389,356,388,356,388,356,388,361,384,361,384,363,383,362,382,368,378,368,378,369,379,369,378,369,376,369,376,369,375,368,373,368,372,369,372,371,372,372,371,371,370,370,369,362,359,361,358,359,356,358,355,352,349,349,345,347,344,347,344,340,336,328,325,327,322,327,320,327,315,327,308,327,303,327,301,327,298,327,297,328,296,331,294,334,291,337,288,338,287" alt="" shape="poly">
Example 4 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-ca40b925
<area districte="4" href="#" coords="305,181,304,182,302,183,301,183,299,183,298,183,296,183,295,183,294,183,294,184,293,185,291,186,289,186,288,187,287,187,286,188,286,189,283,189,283,189,281,189,280,189,279,190,279,191,279,192,280,194,280,195,279,197,278,198,277,199,277,200,276,200,275,202,273,205,272,206,272,207,272,208,272,210,272,211,271,211,270,211,269,211,269,212,269,213,269,215,269,216,269,217,269,217,269,219,269,219,269,220,268,221,266,221,264,221,263,220,258,223,258,224,257,226,257,227,258,230,258,233,258,234,260,236,260,237,260,239,261,241,262,243,262,244,262,244,262,245,262,247,261,248,259,250,258,251,273,266,285,267,284,269,280,273,281,275,283,275,288,276,294,276,300,277,304,278,307,279,310,280,314,281,323,285,332,286,336,286,338,287,339,287,345,282,352,277,357,274,358,274,357,273,356,272,353,270,349,268,346,267,345,266,344,264,341,260,338,255,334,250,333,248,330,247,325,244,319,242,317,240,313,239,311,238,312,237,312,236,313,234,312,232,311,229,310,228,313,227,316,225,317,223,318,221,317,219,317,218,316,216,316,216,314,208,310,208,309,208,307,207,306,206,306,205,306,204,307,203,307,203,307,202,307,201,308,199,309,198,309,197,309,196,309,195,309,194,310,194,309,194,309,192,310,191,309,189,309,187,309,186,308,186,307,184,306,182,306,182,306,181,305,181" alt="" shape="poly">
Example 5 View on Page
Hyperlink has no link text, label or image with a text alternative
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-ade65010
<area districte="5" href="#" coords="251,68,248,83,255,84,256,82,255,78,268,84,272,82,275,80,277,75,279,76,282,80,284,80,291,83,301,76,305,67,302,61,304,58,309,56,310,55,318,50,311,43,308,40,309,40,313,34,308,32,307,31,307,31,308,30,310,28,312,26,308,21,304,25,293,39,292,40,289,41,287,44,286,44,283,44,280,43,278,43,274,41,271,41,271,41,271,42,271,42,271,43,271,44,270,46,271,47,271,48,272,50,272,53,271,54,270,55,269,56,269,57,268,58,266,62,261,66,255,68,251,68" alt="" shape="poly">
20 Moderate equalAccess frame_title_exists
8 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Inline frame does not have a 'title' attribute
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-b5ba1eeb
<iframe id="i-temps" width="142px" src="https://ajuntament.barcelona.cat/widgets/temps/v3/?lang=ca&config=lameva" height="100px" frameborder="0">
Example 2 View on Page
Inline frame does not have a 'title' attribute
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-5c9dad98
<iframe id="qualitat-aire-i" width="385px" src="https://ajuntament.barcelona.cat/widgets/qualitat-aire/nou/?lang=ca&config=lameva&20240110" frameborder="0">
Example 3 View on Page
Inline frame does not have a 'title' attribute
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-0501ad6e
<iframe width="100%" src="https://com-shi-va.barcelona.cat/ca/api/widget/route" height="410px" frameborder="0">
Example 4 View on Page
Inline frame does not have a 'title' attribute
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-78f6528c
<iframe id="iframe-planol" src="https://geoportal.barcelona.cat/PlanolBCN/widget/Widget.aspx?lang=CA">
Example 5 View on Page
Inline frame does not have a 'title' attribute
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-b5ba1eeb
<iframe id="i-temps" width="142px" src="https://ajuntament.barcelona.cat/widgets/temps/v3/?lang=ca&config=lameva" height="100px" frameborder="0">
20 Moderate equalAccess aria_keyboard_handler_exists
20 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 "menu" role has keyboard access
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-8c68ab72
<div class="container list-pano-rollover" role="menu">
Example 2 View on Page
Verify the <div> element with "menu" role has keyboard access
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-8c68ab72
<div class="container list-pano-rollover" role="menu">
Example 3 View on Page
Verify the <div> element with "menu" role has keyboard access
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-8c68ab72
<div class="container list-pano-rollover" role="menu">
Example 4 View on Page
Verify the <div> element with "menu" role has keyboard access
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-8c68ab72
<div class="container list-pano-rollover" role="menu">
Example 5 View on Page
Verify the <div> element with "menu" role has keyboard access
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-8c68ab72
<div class="container list-pano-rollover" role="menu">
20 Moderate equalAccess widget_tabbable_single
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Component with "menu" role has more than one tabbable element
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-0d83b191
<div class="container list-pano-rollover" role="menu">
Example 2 View on Page
Component with "menu" role has more than one tabbable element
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-0d83b191
<div class="container list-pano-rollover" role="menu">
Example 3 View on Page
Component with "menu" role has more than one tabbable element
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-0d83b191
<div class="container list-pano-rollover" role="menu">
Example 4 View on Page
Component with "menu" role has more than one tabbable element
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-0d83b191
<div class="container list-pano-rollover" role="menu">
Example 5 View on Page
Component with "menu" role has more than one tabbable element
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-0d83b191
<div class="container list-pano-rollover" role="menu">
20 Moderate equalAccess input_label_visible: An input element must have an associated visible label
10 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-1ef8c551
<button aria-label="Play video" class="bcn-icon-reprodueix">
Example 2 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-c2ee41ee
<select aria-label="Number of results to display. On select the list will update automatically." data-api="/en/api/noticies/node/22746?xout=json2&wtarget=parc-montjuic&nr=10&lg=en&from=0" name="actualitat-nr" class="ajuntament-actualitat-nr">
Example 3 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-28302766
<button aria-label="slide 1 de 2">
Example 4 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-0aff79d3
<button aria-label="slide 2 de 2">
Example 5 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-0d9b0368
<button aria-label="slide 1 of 6">
19 Moderate equalAccess text_quoted_correctly
13 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: "Barcelona a la butxaca"
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-12d8c1d5
<p>
Example 2 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: 'esbarts, habaneras, títeres, encuentro de gigantes, '
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-972620b1
<p class="ajuntament-guia-item-excerpt">
Example 3 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: 'Ve de Barcelona'
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-dedeffd1
<a title="Obre en una finestra nova" target="_blank" href="https://ajuntament.barcelona.cat/barcelonallibres/ca/ve-de-barcelona">
Example 4 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Barcelona a la butxaca"
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-12d8c1d5
<p>
Example 5 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: 'Ve de Barcelona'
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-1a7b8f19
<a title="Abrir en una ventana nueva" target="_blank" href="https://ajuntament.barcelona.cat/barcelonallibres/es/ve-de-barcelona">
15 Moderate equalAccess frame_src_valid: The src value of the frame must not be empty
7 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify <frame> content is accessible
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-235691bb
<iframe id="i-temps" width="142px" src="https://ajuntament.barcelona.cat/widgets/temps/v3/?lang=ca&config=lameva" height="100px" frameborder="0">
Example 2 View on Page
Verify <frame> content is accessible
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-e0a9788f
<iframe id="qualitat-aire-i" width="385px" src="https://ajuntament.barcelona.cat/widgets/qualitat-aire/nou/?lang=ca&config=lameva&20240110" frameborder="0">
Example 3 View on Page
Verify <frame> content is accessible
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-73ed85a6
<iframe width="100%" src="https://com-shi-va.barcelona.cat/ca/api/widget/route" height="410px" frameborder="0">
Example 4 View on Page
Verify <frame> content is accessible
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-235691bb
<iframe id="i-temps" width="142px" src="https://ajuntament.barcelona.cat/widgets/temps/v3/?lang=ca&config=lameva" height="100px" frameborder="0">
Example 5 View on Page
Verify <frame> content is accessible
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-e0a9788f
<iframe id="qualitat-aire-i" width="385px" src="https://ajuntament.barcelona.cat/widgets/qualitat-aire/nou/?lang=ca&config=lameva&20240110" frameborder="0">
13 Moderate equalAccess text_sensory_misuse: Instructions must not rely solely on sensory characteristics
12 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the word(s) 'right' of the user instruction is used to indicate a logical rather than visual position
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-120f6beb
<div class="descripcio">
Example 2 View on Page
Confirm the user instruction is still understandable without the word(s) 'big'
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-e603b1f2
<p>
Example 3 View on Page
Confirm the user instruction is still understandable without the word(s) 'Small'
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-3cf91610
<h2>
Example 4 View on Page
Confirm the user instruction is still understandable without the word(s) 'big'
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-e603b1f2
<p>
Example 5 View on Page
Confirm the user instruction is still understandable without the word(s) 'Round'
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-2f9f320c
<h3>
12 Moderate equalAccess area_alt_exists
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
<area> element in an image map has no text alternative
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-010d922e
<area districte="1" href="#" coords="376,324,379,325,387,335,398,333,401,333,402,334,404,336,405,337,410,337,417,340,421,340,421,351,430,351,430,353,430,357,430,363,430,369,430,373,430,374,431,374,435,374,437,374,437,375,437,375,437,376,437,388,435,388,428,385,423,387,424,393,421,394,421,392,420,390,419,389,418,389,413,392,406,394,399,397,393,400,388,402,386,403,385,406,386,409,389,408,389,409,367,417,362,420,362,420,361,420,360,420,349,426,348,424,349,423,350,424,364,417,364,416,365,415,366,416,377,412,375,408,374,409,372,410,370,410,369,410,367,410,366,412,367,414,366,414,365,412,366,410,365,410,366,408,366,408,367,406,368,407,367,408,368,408,370,407,372,407,375,405,376,404,375,404,376,403,377,404,381,400,381,400,378,402,377,402,374,404,373,401,374,401,373,400,378,396,377,395,378,394,382,399,383,398,381,395,384,393,386,395,388,394,388,393,387,393,388,392,389,392,390,391,392,391,391,390,391,389,390,389,389,388,384,392,383,391,382,389,383,388,383,389,383,390,384,390,383,388,384,388,384,389,385,389,384,387,385,387,386,388,386,388,385,386,386,386,387,387,387,387,387,387,387,386,387,385,387,385,388,386,389,386,388,385,388,384,389,386,393,387,394,386,393,386,394,385,394,386,395,385,397,384,398,383,399,381,401,379,402,377,402,376,401,373,401,372,401,371,400,371,399,370,393,381,382,384,381,379,382,378,382,379,383,378,391,376,394,370,381,374,382,377,381,378,380,375,374,376,377,390,372,391,372,389,371,385,370,381,369,379,369,377,369,377,369,376,369,374,368,373,372,372,370,369,362,359,358,355,359,338,376,324" alt="" shape="poly">
Example 2 View on Page
<area> element in an image map has no text alternative
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-dfb73023
<area districte="2" href="#" coords="360,274,394,291,417,291,417,295,433,295,433,283,457,283,457,319,456,320,454,322,454,323,454,324,455,325,443,337,442,338,441,339,438,342,437,343,437,343,422,343,422,339,420,339,418,339,417,339,415,339,412,338,410,337,405,337,404,336,402,333,401,332,400,332,397,333,395,333,392,334,388,334,386,335,379,325,376,324,359,338,358,355,328,325,327,322,327,297,328,296,331,294,335,290,340,286,343,283,345,281,349,279,354,276,357,274,358,275,360,274" alt="" shape="poly">
Example 3 View on Page
<area> element in an image map has no text alternative
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-ec4e85a6
<area districte="3" href="#" coords="338,287,330,286,328,286,323,285,317,283,311,280,309,280,304,278,295,276,285,275,282,275,281,275,281,275,280,273,280,275,280,278,280,280,280,280,279,282,279,283,279,284,280,287,280,292,280,292,281,296,281,296,281,297,281,298,281,299,281,302,280,305,280,306,280,306,279,308,277,310,277,312,276,313,276,315,274,317,273,319,272,321,272,331,265,331,264,331,262,331,260,333,256,336,254,338,253,338,251,338,251,338,249,343,247,348,247,350,247,350,246,354,246,355,245,357,245,361,242,360,240,359,241,357,237,356,237,357,237,358,235,358,234,358,234,357,234,356,231,356,229,356,227,356,226,356,226,355,226,355,225,354,224,354,224,354,223,354,224,352,219,351,219,353,210,350,208,349,204,348,198,345,192,343,186,341,182,339,180,339,179,338,175,337,170,335,165,333,161,331,159,331,156,330,153,329,153,330,154,332,155,335,155,337,155,340,156,342,155,351,154,354,154,359,152,370,150,376,151,383,156,394,164,407,172,418,182,427,188,432,191,436,204,451,205,451,208,450,209,449,209,450,210,451,212,450,211,448,223,442,224,443,226,442,233,449,231,450,232,451,234,450,238,448,245,445,252,441,260,437,266,434,271,432,272,431,273,432,274,433,280,430,271,417,270,413,260,411,221,425,218,419,219,419,219,418,227,415,227,414,226,411,225,408,224,407,226,407,228,406,230,406,230,406,231,406,238,412,240,411,244,407,249,403,255,398,259,395,261,393,262,394,263,396,264,397,261,400,262,400,258,404,258,405,283,408,284,403,286,403,286,402,287,402,289,402,290,403,289,404,288,408,287,413,286,417,286,419,287,419,288,419,288,417,289,412,291,406,292,401,292,399,293,399,293,399,296,399,295,402,295,402,296,416,295,417,295,417,296,417,301,415,306,413,313,411,319,409,323,408,325,407,324,397,330,395,330,397,331,401,333,405,334,406,335,406,339,405,341,404,338,395,344,394,350,392,353,400,351,401,352,402,357,400,359,405,339,411,338,410,337,411,337,412,321,418,321,417,320,417,320,418,307,422,306,422,305,422,305,423,276,444,277,446,270,451,272,454,248,470,232,497,234,499,235,497,237,493,240,488,244,482,247,477,249,473,250,471,252,470,256,467,262,462,270,457,277,452,283,447,288,444,290,443,291,442,295,439,300,436,305,432,310,428,314,426,315,425,316,424,318,424,319,423,322,422,327,420,331,419,333,418,335,417,340,416,345,414,351,411,356,410,358,409,358,409,361,405,362,406,362,405,363,404,362,404,362,404,361,405,360,404,358,400,360,399,359,396,358,396,358,395,357,393,356,390,355,389,356,388,356,388,356,388,361,384,361,384,363,383,362,382,368,378,368,378,369,379,369,378,369,376,369,376,369,375,368,373,368,372,369,372,371,372,372,371,371,370,370,369,362,359,361,358,359,356,358,355,352,349,349,345,347,344,347,344,340,336,328,325,327,322,327,320,327,315,327,308,327,303,327,301,327,298,327,297,328,296,331,294,334,291,337,288,338,287" alt="" shape="poly">
Example 4 View on Page
<area> element in an image map has no text alternative
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-84789074
<area districte="4" href="#" coords="305,181,304,182,302,183,301,183,299,183,298,183,296,183,295,183,294,183,294,184,293,185,291,186,289,186,288,187,287,187,286,188,286,189,283,189,283,189,281,189,280,189,279,190,279,191,279,192,280,194,280,195,279,197,278,198,277,199,277,200,276,200,275,202,273,205,272,206,272,207,272,208,272,210,272,211,271,211,270,211,269,211,269,212,269,213,269,215,269,216,269,217,269,217,269,219,269,219,269,220,268,221,266,221,264,221,263,220,258,223,258,224,257,226,257,227,258,230,258,233,258,234,260,236,260,237,260,239,261,241,262,243,262,244,262,244,262,245,262,247,261,248,259,250,258,251,273,266,285,267,284,269,280,273,281,275,283,275,288,276,294,276,300,277,304,278,307,279,310,280,314,281,323,285,332,286,336,286,338,287,339,287,345,282,352,277,357,274,358,274,357,273,356,272,353,270,349,268,346,267,345,266,344,264,341,260,338,255,334,250,333,248,330,247,325,244,319,242,317,240,313,239,311,238,312,237,312,236,313,234,312,232,311,229,310,228,313,227,316,225,317,223,318,221,317,219,317,218,316,216,316,216,314,208,310,208,309,208,307,207,306,206,306,205,306,204,307,203,307,203,307,202,307,201,308,199,309,198,309,197,309,196,309,195,309,194,310,194,309,194,309,192,310,191,309,189,309,187,309,186,308,186,307,184,306,182,306,182,306,181,305,181" alt="" shape="poly">
Example 5 View on Page
<area> element in an image map has no text alternative
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-02ae87e3
<area districte="5" href="#" coords="251,68,248,83,255,84,256,82,255,78,268,84,272,82,275,80,277,75,279,76,282,80,284,80,291,83,301,76,305,67,302,61,304,58,309,56,310,55,318,50,311,43,308,40,309,40,313,34,308,32,307,31,307,31,308,30,310,28,312,26,308,21,304,25,293,39,292,40,289,41,287,44,286,44,283,44,280,43,278,43,274,41,271,41,271,41,271,42,271,42,271,43,271,44,270,46,271,47,271,48,272,50,272,53,271,54,270,55,269,56,269,57,268,58,266,62,261,66,255,68,251,68" alt="" shape="poly">
9 Moderate equalAccess img_alt_valid
5 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-9db2c6b1
<img class="img-fluid" src="//img.youtube.com/vi/coX1gVzsfsw/maxresdefault.jpg">
Example 2 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-3ece34e4
<img style="width: 700px; height: 499px; opacity: 1;" src="https://www.barcelona.cat/themes/barcelonacat_theme/includes/fembarri/img/0_map_es.jpg?v=20260401-1" class="mapster_el">
Example 3 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-9db2c6b1
<img class="img-fluid" src="//img.youtube.com/vi/coX1gVzsfsw/maxresdefault.jpg">
Example 4 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-7608ca6e
<img src="https://www.barcelona.cat/estatics-planol/v0.9/img/w/bp/K/K001.png">
Example 5 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-06dbbe4e
<img src="https://www.barcelona.cat/estatics-planol/v0.9/img/w/bp/K/K002.png">
8 Moderate equalAccess aria_banner_single
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "banner" role found on the page
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-29dd063c
<header aria-label="Site header" role="banner" class="header front-page" id="header">
Example 2 View on Page
Multiple elements with "banner" role found on the page
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-d8b56ba6
<div aria-label="Promotional home" role="banner" class="promotional front-page" id="promotional-home">
Example 3 View on Page
Multiple elements with "banner" role found on the page
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-29dd063c
<header aria-label="Site header" role="banner" class="header front-page" id="header">
Example 4 View on Page
Multiple elements with "banner" role found on the page
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-d8b56ba6
<div aria-label="Promotional home" role="banner" class="promotional front-page" id="promotional-home">
Example 5 View on Page
Multiple elements with "banner" role found on the page
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-29dd063c
<header aria-label="Site header" role="banner" class="header front-page" id="header">
8 Moderate equalAccess aria_landmark_name_unique
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "region" landmarks within the same parent region are not distinguished from one another because they have the same "carousel" label
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-6781277c
<div aria-label="carousel" role="region" class="llistat-bg-promos slick-initialized slick-slider slick-dotted">
Example 2 View on Page
Multiple elements with "region" landmarks within the same parent region are not distinguished from one another because they have the same "carousel" label
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-48e8c133
<div aria-label="carousel" role="region" class="llistat-promos slick-initialized slick-slider">
Example 3 View on Page
Multiple elements with "region" landmarks within the same parent region are not distinguished from one another because they have the same "carousel" label
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-6781277c
<div aria-label="carousel" role="region" class="llistat-bg-promos slick-initialized slick-slider slick-dotted">
Example 4 View on Page
Multiple elements with "region" landmarks within the same parent region are not distinguished from one another because they have the same "carousel" label
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-48e8c133
<div aria-label="carousel" role="region" class="llistat-promos slick-initialized slick-slider">
Example 5 View on Page
Multiple elements with "region" landmarks within the same parent region are not distinguished from one another because they have the same "carousel" label
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-6781277c
<div aria-label="carousel" role="region" class="llistat-bg-promos slick-initialized slick-slider slick-dotted">
8 Moderate equalAccess aria_region_label_unique
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "region" role do not have unique labels
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-45d765ce
<div aria-label="carousel" role="region" class="llistat-bg-promos slick-initialized slick-slider slick-dotted">
Example 2 View on Page
Multiple elements with "region" role do not have unique labels
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-937936b0
<div aria-label="carousel" role="region" class="llistat-promos slick-initialized slick-slider">
Example 3 View on Page
Multiple elements with "region" role do not have unique labels
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-45d765ce
<div aria-label="carousel" role="region" class="llistat-bg-promos slick-initialized slick-slider slick-dotted">
Example 4 View on Page
Multiple elements with "region" role do not have unique labels
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-937936b0
<div aria-label="carousel" role="region" class="llistat-promos slick-initialized slick-slider">
Example 5 View on Page
Multiple elements with "region" role do not have unique labels
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-45d765ce
<div aria-label="carousel" role="region" class="llistat-bg-promos slick-initialized slick-slider slick-dotted">
8 Moderate equalAccess aria_hidden_nontabbable
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Element "div" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-142b4914
<div tabindex="0" class="ajuntament-maps-button ajuntament-maps-transports-control">
Example 2 View on Page
Element "div" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-d929449e
<div tabindex="0" class="ajuntament-maps-button ajuntament-maps-fullscreen-control">
Example 3 View on Page
Element "button" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-c5576114
<button title="Zoom in" type="button" class="ol-zoom-in">
Example 4 View on Page
Element "button" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-491fe6a1
<button title="Zoom out" type="button" class="ol-zoom-out">
Example 5 View on Page
Element "div" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-142b4914
<div tabindex="0" class="ajuntament-maps-button ajuntament-maps-transports-control">
5 Moderate equalAccess fieldset_legend_valid
5 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
<fieldset> element does not have a <legend>
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-6730ba5e
<fieldset>
Example 2 View on Page
<fieldset> element does not have a <legend>
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-6730ba5e
<fieldset>
Example 3 View on Page
<fieldset> element does not have a <legend>
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-6730ba5e
<fieldset>
Example 4 View on Page
<fieldset> element does not have a <legend>
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-6730ba5e
<fieldset>
Example 5 View on Page
<fieldset> element does not have a <legend>
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-6730ba5e
<fieldset>
4 Moderate equalAccess form_submit_button_exists
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify the <form> element has a submit button or an image button
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-0caefd47
<form aria-controls="ajuntament-actualitat-noticies" aria-label="News list dates and number of results per page control" role="region" class="d-flex justify-content-md-between align-items-md-center ajuntament-actualitat-filtres">
Example 2 View on Page
Verify the <form> element has a submit button or an image button
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-0caefd47
<form aria-controls="ajuntament-actualitat-noticies" aria-label="News list dates and number of results per page control" role="region" class="d-flex justify-content-md-between align-items-md-center ajuntament-actualitat-filtres">
Example 3 View on Page
Verify the <form> element has a submit button or an image button
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-6991ab30
<form aria-controls="ajuntament-actualitat-noticies" aria-label="Control de fechas y número de resultados por página del listado de noticias" role="region" class="d-flex justify-content-md-between align-items-md-center ajuntament-actualitat-filtres">
Example 4 View on Page
Verify the <form> element has a submit button or an image button
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-6991ab30
<form aria-controls="ajuntament-actualitat-noticies" aria-label="Control de fechas y número de resultados por página del listado de noticias" role="region" class="d-flex justify-content-md-between align-items-md-center ajuntament-actualitat-filtres">
4 Moderate equalAccess fieldset_label_valid
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Group/Fieldset does not have an accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-19d872e1
<fieldset>
Example 2 View on Page
Group/Fieldset does not have an accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-19d872e1
<fieldset>
Example 3 View on Page
Group/Fieldset does not have an accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-19d872e1
<fieldset>
Example 4 View on Page
Group/Fieldset does not have an accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-19d872e1
<fieldset>
4 Moderate equalAccess aria_attribute_required
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Element with 'heading' role does not have the required ARIA attribute(s): 'aria-level'
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-093384b9
<h3 role="status" class="sr-only">
Example 2 View on Page
Element with 'heading' role does not have the required ARIA attribute(s): 'aria-level'
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-093384b9
<h3 role="status" class="sr-only">
Example 3 View on Page
Element with 'heading' role does not have the required ARIA attribute(s): 'aria-level'
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-093384b9
<h3 role="status" class="sr-only">
Example 4 View on Page
Element with 'heading' role does not have the required ARIA attribute(s): 'aria-level'
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-093384b9
<h3 role="status" class="sr-only">
4 Moderate equalAccess widget_tabbable_exists
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Component with "button" role does not have a tabbable element
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-221a80dd
<div role="button" tabindex="-1" class="title">
Example 2 View on Page
Component with "combobox" role does not have a tabbable element
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-a6ef0b3f
<select tabindex="-98" id="districtsrc" name="districtstr" class="districtsrc">
Example 3 View on Page
Component with "combobox" role does not have a tabbable element
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-e2e02a47
<select tabindex="-98" class="" id="ctg" name="ctg">
Example 4 View on Page
Component with "combobox" role does not have a tabbable element
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-ae5427b8
<select tabindex="-98" class="" name="ticket" id="entradatipus">
3 Moderate equalAccess heading_content_exists: Heading elements must have descriptive content
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Heading element has no descriptive content
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-3121b9d3
<h3>
Example 2 View on Page
Heading element has no descriptive content
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-3121b9d3
<h3>
Example 3 View on Page
Heading element has no descriptive content
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-36acb67c
<h3 dir="ltr">
2 Moderate equalAccess html_lang_exists
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-7bf55680
<html>
Example 2 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-7bf55680
<html>
2 Moderate equalAccess html_skipnav_exists
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify there is a way to bypass blocks of content that are repeated on multiple Web pages
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-622ff3e1
<html>
Example 2 View on Page
Verify there is a way to bypass blocks of content that are repeated on multiple Web pages
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-622ff3e1
<html>
2 Moderate equalAccess aria_accessiblename_exists: Certain UI components must have an accessible name
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Element <h3> with "heading" role has no accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-8ae444f6
<h3 dir="ltr">
Example 2 View on Page
Element <th> with "columnheader" role has no accessible name
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-8da8a883
<th scope="col">
1 Moderate equalAccess imagemap_alt_exists
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Image map or child <area> has no text alternative
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-e2e64a29
<img style="border: 0px; position: absolute; left: 0px; top: 0px; padding: 0px; opacity: 0;" usemap="#bcn_map_0" alt="" border="0" src="img/0_map_es.jpg?v=20260401-1">
1 Moderate equalAccess list_markup_review
1 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 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-1989016f
<p class="rteindent1">
1 Moderate equalAccess style_background_decorative
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify the CSS background image does not convey important information
Mode: light 🕑 First identified: 2026-08-12 🔑 Pattern ID: A11Y-e10a3f04
<style>