Accessibility Scan Report

Title: Barcelona.cat Issue: #62 Date: 8/26/2026, 2:43:04 AM Duration: 45.3m URLs: 100 / 100
Viewport: Desktop (1280×800) Color scheme: both Browser: chromium
⚡ Reduced Motion: 83 / 83 URLs

🔄 Changes Since Last Scan

6825 New unique issues
🆕 New Issues (6825)

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 (166), AA (22)
  • By Version (A & AA): WCAG 2.0 (188)
  • Engines used: AXE, AccessLint
  • By Finding Type: Known errors (1831) & Best practices (2022)
  • Manual testing needed: 1906 axe incomplete findings
  • Total: 3853 across 48 unique rules & 2 accessibility engines

By Severity

Critical
Serious
Moderate
Minor

By Role

UX Designer
Visual Designer
Content Author
Front-End Developer

Issues

🎯 Pages with Most Errors

Focus your efforts on these pages to make the biggest impact. Click any error count to filter the rule list below. Total counts unique findings across the active scanners, and numbers in parentheses (+N) still show findings that cover WCAG criteria already reported by axe.
The agenda of the park | Barcelona.cat | Ajuntament de Barcelona 133
Festes majors | Barcelona.cat | Ajuntament de Barcelona 132
Outdoor films | Barcelona.cat | Ajuntament de Barcelona 132
El portal web oficial de Barcelona | Ajuntament de Barcelona 56
El portal web oficial de Barcelona | Ajuntament de Barcelona 55
The official Barcelona website | Barcelona City Council 55
El portal web oficial de Barcelona | Ayuntamiento de Barcelona 55
Cultura 100% | Barcelona.cat | Ajuntament de Barcelona 50
Banys i platges | Barcelona.cat | Ajuntament de Barcelona 65
Què es pot fer a Barcelona | Barcelona.cat | Ajuntament de Barcelona 51

🧭 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

🔧 Most Common Issues (axe)

25 rules
1723 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.
83 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-26 🔑 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-26 🔑 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-26 🔑 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-26 🔑 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-26 🔑 Pattern ID: A11Y-c9ac0e4a
<h2>Contacte</h2>
XPath: li:nth-child(3) > h2
215 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.
83 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-26 🔑 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-26 🔑 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-26 🔑 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-26 🔑 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-26 🔑 Pattern ID: A11Y-5335c030
<a href="#carousel-capcalera" class="visually-hidden focusable to-main-content" tabindex="1"> Vés al contingut </a>
XPath: .focusable
84 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.
73 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-26 🔑 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-26 🔑 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-26 🔑 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-26 🔑 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-26 🔑 Pattern ID: A11Y-595950ed
<img src="/images/icons/marker.svg" class="img-marker">
XPath: iframe[height="410px"]
83 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.
83 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-26 🔑 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-26 🔑 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-26 🔑 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-26 🔑 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-26 🔑 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
22 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.
10 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-26 🔑 Pattern ID: A11Y-b2a25ff7 ⚠️ Corroborated by AccessLint
<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-26 🔑 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-26 🔑 Pattern ID: A11Y-b2a25ff7 ⚠️ Corroborated by AccessLint
<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-26 🔑 Pattern ID: A11Y-66673c89 ⚠️ Corroborated by AccessLint
<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-26 🔑 Pattern ID: A11Y-66673c89 ⚠️ Corroborated by AccessLint
<a target="_blank" href="../es/">Plano</a>
XPath: #planol-screen > iframe
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-26 🔑 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-26 🔑 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-26 🔑 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-26 🔑 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-26 🔑 Pattern ID: A11Y-09651212
<h3 class="sr-only" role="status">Showing <span>10</span> results.</h3>
XPath: h3[role="status"]
16 Moderate axe SC 1.3.1 A Visual Cognitive aria-required-children
16 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-26 🔑 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-26 🔑 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-26 🔑 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-26 🔑 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-26 🔑 Pattern ID: A11Y-54ae3cbd
<div role="menu" class="container list-pano-rollover">
XPath: .list-pano-rollover
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-26 🔑 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-26 🔑 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-26 🔑 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-26 🔑 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-26 🔑 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-26 🔑 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-26 🔑 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-26 🔑 Pattern ID: A11Y-5675da04 ⚠️ Corroborated by AccessLint
<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-26 🔑 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-26 🔑 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-26 🔑 Pattern ID: A11Y-dd720d85 ⚠️ Corroborated by AccessLint
<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-26 🔑 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-26 🔑 Pattern ID: A11Y-dd720d85 ⚠️ Corroborated by AccessLint
<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-26 🔑 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-26 🔑 Pattern ID: A11Y-dd720d85 ⚠️ Corroborated by AccessLint
<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-26 🔑 Pattern ID: A11Y-9b7dbefd ⚠️ Corroborated by AccessLint
<button class="geoLocation"></button>
XPath: #iframe-planol
Example 2 View on Page
Buttons must have discernible text
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-9b7dbefd ⚠️ Corroborated by AccessLint
<button class="geoLocation"></button>
XPath: #iframe-planol
Example 3 View on Page
Buttons must have discernible text
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-b5aa8cd6 ⚠️ Corroborated by AccessLint
<button class="geoLocation"></button>
XPath: #planol-screen > iframe
Example 4 View on Page
Buttons must have discernible text
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-b5aa8cd6 ⚠️ Corroborated by AccessLint
<button class="geoLocation"></button>
XPath: #planol-screen > iframe
Example 5 View on Page
Buttons must have discernible text
Mode: light 🕑 First identified: 2026-08-26 🔑 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-26 🔑 Pattern ID: A11Y-64f67d2c
<div id="progressbar-carousel-capcalera" class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="66.66666666666666" style="background-size: 66.6667% 100%;"> <span class="slider__label sr-only">66.66666666666666% 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-26 🔑 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-26 🔑 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 4 View on Page
ARIA progressbar nodes must have an accessible name
Mode: light 🕑 First identified: 2026-08-26 🔑 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-26 🔑 Pattern ID: A11Y-845c177b ⚠️ Corroborated by AccessLint
<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-26 🔑 Pattern ID: A11Y-845c177b ⚠️ Corroborated by AccessLint
<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-26 🔑 Pattern ID: A11Y-845c177b ⚠️ Corroborated by AccessLint
<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-26 🔑 Pattern ID: A11Y-845c177b ⚠️ Corroborated by AccessLint
<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-26 🔑 Pattern ID: A11Y-031c50b6 ⚠️ Corroborated by AccessLint
<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-26 🔑 Pattern ID: A11Y-031c50b6 ⚠️ Corroborated by AccessLint
<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-26 🔑 Pattern ID: A11Y-f7f9c75c ⚠️ Corroborated by AccessLint
<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-26 🔑 Pattern ID: A11Y-f7f9c75c ⚠️ Corroborated by AccessLint
<html lang="cat">
XPath: #planol-screen > 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-26 🔑 Pattern ID: A11Y-51f1bd0a ⚠️ Corroborated by AccessLint
<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-26 🔑 Pattern ID: A11Y-217be76b ⚠️ Corroborated by AccessLint
<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-26 🔑 Pattern ID: A11Y-b76bd42b ⚠️ Corroborated by AccessLint
<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-26 🔑 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-26 🔑 Pattern ID: A11Y-dda406c9 ⚠️ Corroborated by AccessLint
<img src="img/districte_1.jpg" alt="Ciutat Vella">
XPath: #fembarri
2 Moderate axe SC 4.1.2 A Visual Motor Cognitive aria-command-name
2 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-26 🔑 Pattern ID: A11Y-9eed1fd6 ⚠️ Corroborated by AccessLint
<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-26 🔑 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
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-26 🔑 Pattern ID: A11Y-b26d1d6d
<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: #widget2
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-26 🔑 Pattern ID: A11Y-e85c3b30 ⚠️ Corroborated by AccessLint
<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-26 🔑 Pattern ID: A11Y-6cf01d3d ⚠️ Corroborated by AccessLint
<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-26 🔑 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-26 🔑 Pattern ID: A11Y-e3708aab ⚠️ Corroborated by AccessLint
<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-26 🔑 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-26 🔑 Pattern ID: A11Y-14bb19a4
<th scope="col"></th>
XPath: th:nth-child(4)

🔧 Most Common Issues (AccessLint)

23 rules
609 Moderate accesslint keyboard-accessible/focus-order
15 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Non-interactive <div> with tabindex="0" has no interactive role.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-c78603a8
<div data-history-node-id="24731" class="item promo img-quadrada" data-value="1" style="width: 100%; display: inline-block;" tabindex="0"> <div class="content-promo"> <h2> Afecta...
XPath: #node-24769 > div[aria-label="carousel"] > div > div > div[aria-label="slide 1"] > div > div
Example 2 View on Page
Non-interactive <div> with tabindex="0" has no interactive role.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-c78603a8
<div data-history-node-id="24731" class="item promo img-quadrada" data-value="1" style="width: 100%; display: inline-block;" tabindex="0"> <div class="content-promo"> <h2> Afecta...
XPath: #node-24769 > div[aria-label="carousel"] > div > div > div[aria-label="slide 1"] > div > div
Example 3 View on Page
Non-interactive <div> with tabindex="0" has no interactive role.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-c78603a8
<div data-history-node-id="24731" class="item promo img-quadrada" data-value="1" style="width: 100%; display: inline-block;" tabindex="0"> <div class="content-promo"> <h2> Metro ...
XPath: #node-24769 > div[aria-label="carousel"] > div > div > div[aria-label="slide 1"] > div > div
Example 4 View on Page
Non-interactive <div> with tabindex="0" has no interactive role.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-c78603a8
<div data-history-node-id="24731" class="item promo img-quadrada" data-value="1" style="width: 100%; display: inline-block;" tabindex="0"> <div class="content-promo"> <h2> Afecta...
XPath: #node-24769 > div[aria-label="carousel"] > div > div > div[aria-label="slide 1"] > div > div
Example 5 View on Page
Non-interactive <div> with tabindex="0" has no interactive role.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-adc3511c
<div class="masonry-text" tabindex="0"> <h3>Fàbriques de creació</h3> <div class="masonry-description">Aprofita els espais que et permetran potenciar la teva creativi...
XPath: #innova-i-crea > div:nth-of-type(2) > div:nth-of-type(1) > div > div
508 Moderate accesslint text-alternatives/img-alt
82 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Image element missing alt attribute.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-3e31694d
<img src="/themes/barcelonacat_theme/images/menu/fletxa_1.png">
XPath: li:nth-of-type(1) > div:nth-of-type(1) > img
Example 2 View on Page
Image element missing alt attribute.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-5e1f06bd
<img src="/themes/barcelonacat_theme/images/menu/fletxa_2.png">
XPath: li:nth-of-type(2) > div:nth-of-type(1) > img
Example 3 View on Page
Image element missing alt attribute.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-8b0ec712
<img src="/themes/barcelonacat_theme/images/menu/fletxa_3.png">
XPath: li:nth-of-type(3) > div:nth-of-type(1) > img
Example 4 View on Page
Image element missing alt attribute.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-70aa364e
<img src="/themes/barcelonacat_theme/images/menu/fletxa_4.png">
XPath: li:nth-of-type(4) > div:nth-of-type(1) > img
Example 5 View on Page
Image element missing alt attribute.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-64f3f7a8
<img src="/themes/barcelonacat_theme/images/menu/fletxa_5.png">
XPath: li:nth-of-type(5) > div:nth-of-type(1) > img
221 Moderate accesslint keyboard-accessible/tabindex
83 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element has tabindex="1" which disrupts tab order.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-5cbab2f2
<a href="#carousel-capcalera" class="visually-hidden focusable to-main-content" tabindex="1"> Vés al contingut </a>
XPath: body > a[href="#carousel-capcalera"]
Example 2 View on Page
Element has tabindex="1" which disrupts tab order.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-30b63613
<a href="#main-content" class="visually-hidden focusable to-main-content" tabindex="1"> Skip to main content </a>
XPath: #viure > a[href="#main-content"]
Example 3 View on Page
Element has tabindex="1" which disrupts tab order.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-3ea04212
<a href="#main-content" class="visually-hidden focusable to-main-content" tabindex="1"> Skip to main content </a>
XPath: #quepotsfer > a[href="#main-content"]
Example 4 View on Page
Element has tabindex="1" which disrupts tab order.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-3ea04212
<a href="#main-content" class="visually-hidden focusable to-main-content" tabindex="1"> Skip to main content </a>
XPath: #quepotsfer > a[href="#main-content"]
Example 5 View on Page
Element has tabindex="1" which disrupts tab order.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-5cbab2f2
<a href="#carousel-capcalera" class="visually-hidden focusable to-main-content" tabindex="1"> Vés al contingut </a>
XPath: body > a[href="#carousel-capcalera"]
87 Moderate accesslint landmarks/no-duplicate-banner
83 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Page has multiple banner landmarks.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-c1e9b2e9
<header id="header" class="header front-page" role="banner" aria-label="Site header"> <div id="zone-header-wrapper" class="zone-wrapper"> <div id="region-header"> <s...
XPath: #header
Example 2 View on Page
Page has multiple banner landmarks.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-1d8c74c2
<div id="promotional-home" class="promotional front-page" role="banner" aria-label="Promotional home"> <section class="region region-promotional"> <div class="views-element-conta...
XPath: #promotional-home
Example 3 View on Page
Page has multiple banner landmarks.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-c1e9b2e9
<header id="header" class="header" role="banner" aria-label="Site header"> <div id="zone-header-wrapper" class="zone-wrapper"> <div id="region-header"> <section clas...
XPath: #header
Example 4 View on Page
Page has multiple banner landmarks.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-c1e9b2e9
<header id="header" class="header" role="banner" aria-label="Site header"> <div id="zone-header-wrapper" class="zone-wrapper"> <div id="region-header"> <section clas...
XPath: #header
Example 5 View on Page
Page has multiple banner landmarks.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-c1e9b2e9
<header id="header" class="header" role="banner" aria-label="Site header"> <div id="zone-header-wrapper" class="zone-wrapper"> <div id="region-header"> <section clas...
XPath: #header
46 Moderate accesslint aria/aria-allowed-role
17 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Role "presentation" is not allowed on element <button>.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-95b35dca
<button type="button" role="presentation" class="owl-prev disabled"><span aria-label="Previous">‹</span></button>
XPath: #family > div > div > div:nth-of-type(3) > div > div:nth-of-type(2) > button:nth-of-type(1)
Example 2 View on Page
Role "presentation" is not allowed on element <button>.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-068d1062
<button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button>
XPath: #family > div > div > div:nth-of-type(3) > div > div:nth-of-type(2) > button:nth-of-type(2)
Example 3 View on Page
Role "presentation" is not allowed on element <button>.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-2691b8e2
<button type="button" role="presentation" class="owl-prev disabled"><span aria-label="Previous">‹</span></button>
XPath: #leisure > div > div > div:nth-of-type(3) > div > div:nth-of-type(2) > button:nth-of-type(1)
Example 4 View on Page
Role "presentation" is not allowed on element <button>.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-af74d615
<button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button>
XPath: #leisure > div > div > div:nth-of-type(3) > div > div:nth-of-type(2) > button:nth-of-type(2)
Example 5 View on Page
Role "region" is not allowed on element <ul>.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-be7c54b2
<ul class="banners-paginats-list slick-initialized slick-slider" role="region" aria-label="carousel"><button class="slick-prev slick-arrow slick-disabled" type="button" style="display: inline-block;" ...
XPath: div > ul[aria-label="carousel"]
30 Moderate accesslint aria/presentation-role-conflict
7 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Presentation role conflicts with: element is focusable. The role will be ignored.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-c93135fe
<button type="button" role="presentation" class="owl-prev disabled"><span aria-label="Previous">‹</span></button>
XPath: #family > div > div > div:nth-of-type(3) > div > div:nth-of-type(2) > button:nth-of-type(1)
Example 2 View on Page
Presentation role conflicts with: element is focusable. The role will be ignored.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-a3ead85e
<button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button>
XPath: #family > div > div > div:nth-of-type(3) > div > div:nth-of-type(2) > button:nth-of-type(2)
Example 3 View on Page
Presentation role conflicts with: element is focusable. The role will be ignored.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-5053fb45
<button type="button" role="presentation" class="owl-prev disabled"><span aria-label="Previous">‹</span></button>
XPath: #leisure > div > div > div:nth-of-type(3) > div > div:nth-of-type(2) > button:nth-of-type(1)
Example 4 View on Page
Presentation role conflicts with: element is focusable. The role will be ignored.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-5817f4fc
<button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button>
XPath: #leisure > div > div > div:nth-of-type(3) > div > div:nth-of-type(2) > button:nth-of-type(2)
Example 5 View on Page
Presentation role conflicts with: element is focusable. The role will be ignored.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-a98f91ff
<button type="button" role="presentation" class="owl-prev disabled"><span aria-label="Previous">‹</span></button>
XPath: #cerques-feina > div > div > div:nth-of-type(3) > div > div:nth-of-type(2) > button:nth-of-type(1)
19 Moderate accesslint labels-and-names/frame-title
7 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Frame is missing an accessible name. Add a title attribute.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-cdf8036e ⚠️ Corroborated by axe
<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
Frame is missing an accessible name. Add a title attribute.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-bb5936dd ⚠️ Corroborated by axe
<iframe frameborder="0" src="https://ajuntament.barcelona.cat/widgets/qualitat-aire/nou/?lang=ca&amp;config=lameva&amp;20240110" width="385px" id="qualitat-aire-i"></iframe>
XPath: #qualitat-aire-i
Example 3 View on Page
Frame is missing an accessible name. Add a title attribute.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-5e8cab74
<iframe frameborder="0" height="410px" src="https://com-shi-va.barcelona.cat/ca/api/widget/route" width="100%"></iframe>
XPath: #block-barcelonacat-theme-comshiva > p > iframe
Example 4 View on Page
Frame is missing an accessible name. Add a title attribute.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-6bcba5b0 ⚠️ Corroborated by axe
<iframe src="https://geoportal.barcelona.cat/PlanolBCN/widget/Widget.aspx?lang=CA" id="iframe-planol"></iframe>
XPath: #iframe-planol
Example 5 View on Page
Frame is missing an accessible name. Add a title attribute.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-cdf8036e ⚠️ Corroborated by axe
<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
16 Moderate accesslint adaptable/aria-required-children
16 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Role "menu" requires children with role: menuitem or menuitemcheckbox or menuitemradio or group or menu or separator.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-07e72395
<div role="menu" class="container list-pano-rollover"> <ul class="row distribuidora-css3"> <li class="col-md-4 col-sm-6"> <div class="paragraph paragraph--type--...
XPath: #node-17012 > div
Example 2 View on Page
Role "menu" requires children with role: menuitem or menuitemcheckbox or menuitemradio or group or menu or separator.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-248a030c
<div role="menu" class="container list-pano-rollover"> <ul class="row distribuidora-css3"> <li class="col-md-4 col-sm-6"> <div class="paragraph paragraph--type--...
XPath: #node-722 > div
Example 3 View on Page
Role "menu" requires children with role: menuitem or menuitemcheckbox or menuitemradio or group or menu or separator.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-f8d1148b
<div role="menu" class="container list-pano-rollover"> <ul class="row distribuidora-css3"> <li class="col-md-4 col-sm-6"> <div class="paragraph paragraph--type--...
XPath: #node-725 > div
Example 4 View on Page
Role "menu" requires children with role: menuitem or menuitemcheckbox or menuitemradio or group or menu or separator.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-07e72395
<div role="menu" class="container list-pano-rollover"> <ul class="row distribuidora-css3"> <li class="col-md-4 col-sm-6"> <div class="paragraph paragraph--type--...
XPath: #node-17012 > div
Example 5 View on Page
Role "menu" requires children with role: menuitem or menuitemcheckbox or menuitemradio or group or menu or separator.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-f8d1148b
<div role="menu" class="container list-pano-rollover"> <ul class="row distribuidora-css3"> <li class="col-md-4 col-sm-6"> <div class="paragraph paragraph--type--...
XPath: #node-725 > div
12 Moderate accesslint adaptable/listitem-parent
3 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
<li> is not contained in a <ul>, <ol>, or <menu>.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-efebd880
<li class="banner-item box-banner" style="width: 100%; display: inline-block;"> <div class="paragraph paragraph--type--banners-paginats paragraph--view-mode--full box-banner"> ...
XPath: div[aria-label="slide 1"] > div > li
Example 2 View on Page
<li> is not contained in a <ul>, <ol>, or <menu>.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-b387aeb2
<li class="banner-item box-banner" style="width: 100%; display: inline-block;"> <div class="paragraph paragraph--type--banners-paginats paragraph--view-mode--full box-banner"> ...
XPath: div[aria-label="slide 2"] > div > li
Example 3 View on Page
<li> is not contained in a <ul>, <ol>, or <menu>.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-f1bebb41
<li class="banner-item box-banner" style="width: 100%; display: inline-block;"> <div class="paragraph paragraph--type--banners-paginats paragraph--view-mode--full box-banner"> ...
XPath: div[aria-label="slide 3"] > div > li
Example 4 View on Page
<li> is not contained in a <ul>, <ol>, or <menu>.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-1cd35a8a
<li class="banner-item box-banner" style="width: 100%; display: inline-block;"> <div class="paragraph paragraph--type--banners-paginats paragraph--view-mode--full box-banner"> ...
XPath: div[aria-label="slide 4"] > div > li
Example 5 View on Page
<li> is not contained in a <ul>, <ol>, or <menu>.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-efebd880
<li class="banner-item box-banner" style="width: 100%; display: inline-block;"> <div class="paragraph paragraph--type--banners-paginats paragraph--view-mode--full box-banner"> ...
XPath: div[aria-label="slide 1"] > div > li
10 Moderate accesslint distinguishable/link-in-text-block
9 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Link in text block is not visually distinguishable from surrounding text. Add a non-color visual indicator such as an underline or border.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-3d74019a
<a href="https://geoportal.barcelona.cat/PlanolBCN">nou plànol de Barcelona</a>
XPath: p:nth-of-type(1) > a[href="https://geoportal.barcelona.cat/PlanolBCN"]
Example 2 View on Page
Link in text block is not visually distinguishable from surrounding text. Add a non-color visual indicator such as an underline or border.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-3d74019a
<a href="https://geoportal.barcelona.cat/PlanolBCN">nou plànol de Barcelona</a>
XPath: p:nth-of-type(1) > a[href="https://geoportal.barcelona.cat/PlanolBCN"]
Example 3 View on Page
Link in text block is not visually distinguishable from surrounding text. Add a non-color visual indicator such as an underline or border.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-6377edfe
<a href="https://geoportal.barcelona.cat/PlanolBCN/en/">new Barcelona map</a>
XPath: p:nth-of-type(1) > a[href="https://geoportal.barcelona.cat/PlanolBCN/en/"]
Example 4 View on Page
Link in text block is not visually distinguishable from surrounding text. Add a non-color visual indicator such as an underline or border.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-1ef4c29e
<a href="https://geoportal.barcelona.cat/PlanolBCN/es/">nuevo plano de Barcelona</a>
XPath: p:nth-of-type(1) > a[href="https://geoportal.barcelona.cat/PlanolBCN/es/"]
Example 5 View on Page
Link in text block is not visually distinguishable from surrounding text. Add a non-color visual indicator such as an underline or border.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-ebb6ead5
<a href="https://www.barcelona.cat/emergenciaclimatica/ca">Declaració d’emergència climàtica</a>
XPath: p > a[href="https://www.barcelona.cat/emergenciaclimatica/ca"]
9 Moderate accesslint aria/aria-hidden-focus
3 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Focusable element is inside an aria-hidden region.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-d8b46748
<a class="url-info-carousel" href="/ca/que-pots-fer-a-bcn/estiu/estiu-als-museus">Consulta les activitats </a>
XPath: div > a[href="/ca/que-pots-fer-a-bcn/estiu/estiu-als-museus"]
Example 2 View on Page
Focusable element is inside an aria-hidden region.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-f358319b
<div class="ajuntament-maps-button ajuntament-maps-transports-control" tabindex="0"><span class="icobcn-tren-l-light"></span><fieldset><label for="transport-metros" class="clearfix">Subway<img src="ht...
XPath: div:nth-of-type(2) > div:nth-of-type(5) > div:nth-of-type(1)
Example 3 View on Page
Focusable element is inside an aria-hidden region.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-1a83ebdf
<div class="ajuntament-maps-button ajuntament-maps-fullscreen-control" tabindex="0"><span class="icobcn-ampliar-l-light"></span></div>
XPath: div:nth-of-type(2) > div:nth-of-type(5) > div:nth-of-type(2)
Example 4 View on Page
Focusable element is inside an aria-hidden region.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-f48356f4
<button class="ol-zoom-in" type="button" title="Zoom in">+</button>
XPath: div:nth-of-type(5) > button:nth-of-type(1)
Example 5 View on Page
Focusable element is inside an aria-hidden region.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-84d1ecf6
<button class="ol-zoom-out" type="button" title="Zoom out">−</button>
XPath: div:nth-of-type(5) > button:nth-of-type(2)
8 Moderate accesslint landmarks/landmark-unique
4 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple region landmarks have the same label "carousel".
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-b3c5b2cd
<div class="llistat-promos slick-initialized slick-slider" role="region" aria-label="carousel"><button class="slick-prev slick-arrow" type="button" style="">Previous promotion</button><div class="slic...
XPath: #carousel-capcalera > div:nth-of-type(1) > div[aria-label="carousel"]
Example 2 View on Page
Multiple region landmarks have the same label "carousel".
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-4eaf4171
<div class="carousel slick-initialized slick-slider" data-taguejar="Promos Home 2 nivell" role="region" aria-label="carousel"><button type="button" class="slick-arrow nav-esquerra" tabindex="0" aria-l...
XPath: #node-24769 > div[aria-label="carousel"]
Example 3 View on Page
Multiple region landmarks have the same label "carousel".
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-b3c5b2cd
<div class="llistat-promos slick-initialized slick-slider" role="region" aria-label="carousel"><button class="slick-prev slick-arrow" type="button" style="">Previous promotion</button><div class="slic...
XPath: #carousel-capcalera > div:nth-of-type(1) > div[aria-label="carousel"]
Example 4 View on Page
Multiple region landmarks have the same label "carousel".
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-4eaf4171
<div class="carousel slick-initialized slick-slider" data-taguejar="Promos Home 2 nivell" role="region" aria-label="carousel"><button type="button" class="slick-arrow nav-esquerra" tabindex="0" aria-l...
XPath: #node-24769 > div[aria-label="carousel"]
Example 5 View on Page
Multiple region landmarks have the same label "carousel".
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-b3c5b2cd
<div class="llistat-promos slick-initialized slick-slider" role="region" aria-label="carousel"><button class="slick-prev slick-arrow" type="button" style="">Previous promotion</button><div class="slic...
XPath: #carousel-capcalera > div:nth-of-type(1) > div[aria-label="carousel"]
5 Moderate accesslint keyboard-accessible/nested-interactive
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Interactive element <input> is nested inside <button>.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-62860c41
<input type="checkbox" checked="true" id="transport-metros" class="platges-transport" data-transport="Metro">
XPath: #transport-metros
Example 2 View on Page
Interactive element <input> is nested inside <button>.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-d49be5a8
<input type="checkbox" checked="true" id="transport-ferrocarrils" class="platges-transport" data-transport="FGC">
XPath: #transport-ferrocarrils
Example 3 View on Page
Interactive element <input> is nested inside <button>.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-dcd7d139
<input type="checkbox" checked="true" id="transport-renfe" class="platges-transport" data-transport="Renfe">
XPath: #transport-renfe
Example 4 View on Page
Interactive element <input> is nested inside <button>.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-e5597045
<input type="checkbox" checked="true" id="transport-tramvies" class="platges-transport" data-transport="TRAM">
XPath: #transport-tramvies
Example 5 View on Page
Interactive element <input> is nested inside <button>.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-37195ff0
<input type="checkbox" checked="true" id="transport-busos" class="platges-transport" data-transport="Bus">
XPath: #transport-busos
4 Moderate accesslint labels-and-names/label-title-only
4 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Form element uses title attribute as only label. Use <label>, aria-label, or aria-labelledby instead.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-29e5465a
<input type="text" name="query" placeholder="Cerca a barcelona.cat..." title="Cerca a barcelona.cat">
XPath: #cercadormobile > div > input[name="query"]
Example 2 View on Page
Form element uses title attribute as only label. Use <label>, aria-label, or aria-labelledby instead.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-29e5465a
<input type="text" name="query" placeholder="Cerca a barcelona.cat..." title="Cerca a barcelona.cat">
XPath: #cercadormobile > div > input[name="query"]
Example 3 View on Page
Form element uses title attribute as only label. Use <label>, aria-label, or aria-labelledby instead.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-29e5465a
<input type="text" name="query" placeholder="Cerca a barcelona.cat..." title="Cerca a barcelona.cat">
XPath: #cercadormobile > div > input[name="query"]
Example 4 View on Page
Form element uses title attribute as only label. Use <label>, aria-label, or aria-labelledby instead.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-29e5465a
<input type="text" name="query" placeholder="Cerca a barcelona.cat..." title="Cerca a barcelona.cat">
XPath: #cercadormobile > div > input[name="query"]
4 Moderate accesslint labels-and-names/button-name
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Button has no discernible text.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-7c5ea8f8
<button class="geoLocation"></button>
XPath: div:nth-of-type(5) > button
Example 2 View on Page
Button has no discernible text.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-ee8e85c0
<button class="planol-widget-canviFons"></button>
XPath: div:nth-of-type(7) > button
Example 3 View on Page
Button has no discernible text.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-b63b612e
<button class="mostraStreetView"><img id="dragImgStreetView" src="https://www.barcelona.cat/estatics-planol/v1.2/img/streetview-icon.png" onmouseover="this.src=&quot;https://www.barcelona.cat/estatics...
XPath: div:nth-of-type(8) > button
Example 4 View on Page
Button has no discernible text.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-61e39e1a
<button type="button" class="ol-full-screen-false"></button>
XPath: div:nth-of-type(9) > button
3 Moderate accesslint adaptable/list-children
3 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
List contains non-<li> child <button>.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-e3995bbd
<button class="slick-prev slick-arrow slick-disabled" type="button" style="display: inline-block;" disabled=""><span class="slick-prev-icon" aria-hidden="true"></span><span class="slick-sr-only">Previ...
XPath: ul[aria-label="carousel"] > button:nth-of-type(1)
Example 2 View on Page
List contains non-<li> child <button>.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-e3995bbd
<button class="slick-prev slick-arrow slick-disabled" type="button" style="display: inline-block;" disabled=""><span class="slick-prev-icon" aria-hidden="true"></span><span class="slick-sr-only">Previ...
XPath: ul[aria-label="carousel"] > button:nth-of-type(1)
Example 3 View on Page
List contains non-<li> child <button>.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-e3995bbd
<button class="slick-prev slick-arrow slick-disabled" type="button" style="display: inline-block;" disabled=""><span class="slick-prev-icon" aria-hidden="true"></span><span class="slick-sr-only">Previ...
XPath: ul[aria-label="carousel"] > button:nth-of-type(1)
3 Moderate accesslint labels-and-names/form-label
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Form element has no accessible label.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-b0d35864 ⚠️ Corroborated by axe
<select class="districtsrc" name="districtstr" id="districtsrc" tabindex="-98"> <option value="">Tots els districtes</option> <option value="Ciutat+Vella">Ciutat Vella<...
XPath: #districtsrc
Example 2 View on Page
Form element has no accessible label.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-8507ff2b ⚠️ Corroborated by axe
<select name="ctg" id="ctg" class="" tabindex="-98"> <option value="">Tots els temes</option> <option value="infants"> Nens i nenes</option> <option val...
XPath: #ctg
Example 3 View on Page
Form element has no accessible label.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-c4be14b1 ⚠️ Corroborated by axe
<select id="entradatipus" name="ticket" class="" tabindex="-98"> <option value="">Tipus de tiquet</option> <option value="3">Gratuït</option> <option va...
XPath: #entradatipus
2 Moderate accesslint navigable/empty-heading
2 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Heading is empty. Add text content or remove the heading element.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-7b01676b
<h3 dir="ltr">&nbsp;</h3>
XPath: div > h3:nth-of-type(1)
Example 2 View on Page
Heading is empty. Add text content or remove the heading element.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-366d7655
<h4></h4>
XPath: div:nth-of-type(2) > h4
2 Moderate accesslint navigable/heading-order
2 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Heading level 3 skipped from level 1. Use h2 instead.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-2c983e19 ⚠️ Corroborated by axe
<h3><i class="bcn-icon-cerca"></i>Troba les activitats d'aquest cap de setmana:</h3>
XPath: div > h3
Example 2 View on Page
Heading level 4 skipped from level 2. Use h3 instead.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-f8d1dff6
<h4></h4>
XPath: div:nth-of-type(2) > h4
1 Moderate accesslint distinguishable/color-contrast
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Insufficient color contrast ratio of 2.11:1 (required 4.5:1).
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-ac167fb2
<span class="s2">Online booking</span>
XPath: a[href="https://book.timify.com/services?accountId=648c2d9b5f01dd79c87cfd0d&hideCloseButton=true"] > span
1 Moderate accesslint aria/presentational-children-focusable
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Focusable element inside a "button" role whose children are presentational.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-b8a0a9b4
<input type="checkbox" checked="true" id="transport-metros" class="platges-transport" data-transport="Metro">
XPath: #transport-metros
1 Moderate accesslint adaptable/empty-table-header
1 pages affected

Rule Information

Engine: accesslint

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Table header cell is empty. Add text or use aria-label.
Mode: light 🕑 First identified: 2026-08-26 🔑 Pattern ID: A11Y-3181b42b
<th scope="col"></th>
XPath: tr > th:nth-of-type(4)