Accessibility Scan Report

Title: Barcelona.cat Issue: #62 Date: 5/6/2026, 1:31:24 AM Duration: 25.6m URLs: 100 / 100 ⚡ Reduced Motion: 100 / 100 URLs

🔄 Changes Since Last Scan

19105 New unique issues
🆕 New Issues (19105)

Summary

Issues

  • By Level: A (189), AA (24)
  • By Version (A & AA): WCAG 2.0 (213)
  • By Category: axe-strict (2676) & Others (16667)
  • Total: 19343 across 74 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. Numbers in parentheses (+N) indicate findings that cover WCAG criteria already reported by axe.
The agenda of the park | Barcelona.cat | Ajuntament de Barcelona 242
Llistat | Barcelona.cat | Ajuntament de Barcelona 238
Outdoor films | Barcelona.cat | Ajuntament de Barcelona 234
Festes majors | Barcelona.cat | Ajuntament de Barcelona 232
El portal web oficial de Barcelona | Ajuntament de Barcelona 239
El portal web oficial de Barcelona | Ajuntament de Barcelona 250
The official Barcelona website | Barcelona City Council 244
El portal web oficial de Barcelona | Ayuntamiento de Barcelona 243
Cultura 100% | Barcelona.cat | Ajuntament de Barcelona 193
Banys i platges | Barcelona.cat | Ajuntament de Barcelona 206

🔧 Most Common Issues (axe)

25 rules
2080 Moderate axe 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

Affected Pages

Examples

Example 1 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-777c5cc8 | Pattern ID: A11Y-4e1b9fc0
<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-05-06 🔑 Bug ID: A11Y-394ff7e1 | Pattern ID: A11Y-3aa7121d
<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-05-06 🔑 Bug ID: A11Y-4d567c74 | Pattern ID: A11Y-8c3fc4f4
<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-05-06 🔑 Bug ID: A11Y-b5baa7cb | Pattern ID: A11Y-ca4ac58d
<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-05-06 🔑 Bug ID: A11Y-e62e4445 | Pattern ID: A11Y-7ef806b9
<h2>Contacte</h2>
XPath: li:nth-child(3) > h2
248 Serious axe 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)

Affected Pages

Examples

Example 1 View on Page
Elements should not have tabindex greater than zero
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-5197b9cf | Pattern ID: A11Y-0d692d83
<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-05-06 🔑 Bug ID: A11Y-b0ae1ff3 | Pattern ID: A11Y-0d692d83
<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-05-06 🔑 Bug ID: A11Y-8b2832ba | Pattern ID: A11Y-0d692d83
<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-05-06 🔑 Bug ID: A11Y-a5a49cf4 | Pattern ID: A11Y-0d692d83
<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-05-06 🔑 Bug ID: A11Y-5197b9cf | Pattern ID: A11Y-0d692d83
<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.
90 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

Examples

Example 1 View on Page
Images must have alternative text
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-30bf52d4 | Pattern ID: A11Y-365a2ea5
<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-05-06 🔑 Bug ID: A11Y-74222620 | Pattern ID: A11Y-bf66ad5e
<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-05-06 🔑 Bug ID: A11Y-f2b9a7d3 | Pattern ID: A11Y-73a9d03d
<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-05-06 🔑 Bug ID: A11Y-194e915a | Pattern ID: A11Y-73a9d03d
<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-05-06 🔑 Bug ID: A11Y-30bf52d4 | Pattern ID: A11Y-365a2ea5
<img src="/images/icons/marker.svg" class="img-marker">
XPath: iframe[height="410px"]
100 Moderate axe 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

Affected Pages

Examples

Example 1 View on Page
Document should not have more than one banner landmark
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-dae4634f | Pattern ID: A11Y-fddf7c0c
<header id="brand" alias="barcelonacat" brand="barcelonacat_2026-03..." class="v2025 bcnbrand-legac..." data-lwid="19e3126d-e1c9-4f40-9..." data-plausible="bcn0657" data-matomo="beOBY9ep" data-avisos="auto" data-web-cerca="https%3A%2F%2Fwww.ba..." data-web-nom="Barcelona" data-cercador="false">
XPath: #brand
Example 2 View on Page
Document should not have more than one banner landmark
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-8d37833d | Pattern ID: A11Y-fddf7c0c
<header id="brand" alias="barcelonacat" brand="barcelonacat_2026-03..." class="v2025 bcnbrand-legac..." data-lwid="19e3126d-e1c9-4f40-9..." data-plausible="bcn0657" data-matomo="beOBY9ep" data-avisos="auto" data-web-cerca="https%3A%2F%2Fwww.ba..." data-web-nom="Barcelona" data-cercador="false">
XPath: #brand
Example 3 View on Page
Document should not have more than one banner landmark
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-1e9f52ea | Pattern ID: A11Y-fddf7c0c
<header id="brand" alias="barcelonacat" brand="barcelonacat_2026-03..." class="v2025 bcnbrand-legac..." data-lwid="19e3126d-e1c9-4f40-9..." data-plausible="bcn0657" data-matomo="beOBY9ep" data-avisos="auto" data-web-cerca="https%3A%2F%2Fwww.ba..." data-web-nom="Barcelona" data-cercador="false">
XPath: #brand
Example 4 View on Page
Document should not have more than one banner landmark
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-f6a0ea0b | Pattern ID: A11Y-fddf7c0c
<header id="brand" alias="barcelonacat" brand="barcelonacat_2026-03..." class="v2025 bcnbrand-legac..." data-lwid="19e3126d-e1c9-4f40-9..." data-plausible="bcn0657" data-matomo="beOBY9ep" data-avisos="auto" data-web-cerca="https%3A%2F%2Fwww.ba..." data-web-nom="Barcelona" data-cercador="false">
XPath: #brand
Example 5 View on Page
Document should not have more than one banner landmark
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-dae4634f | Pattern ID: A11Y-fddf7c0c
<header id="brand" alias="barcelonacat" brand="barcelonacat_2026-03..." class="v2025 bcnbrand-legac..." data-lwid="19e3126d-e1c9-4f40-9..." data-plausible="bcn0657" data-matomo="beOBY9ep" data-avisos="auto" data-web-cerca="https%3A%2F%2Fwww.ba..." data-web-nom="Barcelona" data-cercador="false">
XPath: #brand
24 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

Examples

Example 1 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-a87000b1 | Pattern ID: A11Y-da3457c0
<div class="time">tarda</div>
XPath: #i-temps
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-c7eaed18 | Pattern ID: A11Y-5760012c
<a target="_blank" href="../ca/">Plànol</a>
XPath: #iframe-planol
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-b122f07f | Pattern ID: A11Y-3fe64c71
<span class="s2">Online booking</span>
XPath: .s2
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-c7eaed18 | Pattern ID: A11Y-5760012c
<a target="_blank" href="../ca/">Plànol</a>
XPath: #iframe-planol
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-cd61ce1f | Pattern ID: A11Y-cd2c0148
<a target="_blank" href="../en/">Barcelona map</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

Examples

Example 1 View on Page
Certain ARIA roles must contain particular children
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-22e8ec98 | Pattern ID: A11Y-20b16b13
<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-05-06 🔑 Bug ID: A11Y-f24e3a4b | Pattern ID: A11Y-20b16b13
<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-05-06 🔑 Bug ID: A11Y-d6a7ea0e | Pattern ID: A11Y-20b16b13
<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-05-06 🔑 Bug ID: A11Y-9e25ce46 | Pattern ID: A11Y-20b16b13
<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-05-06 🔑 Bug ID: A11Y-17fac98b | Pattern ID: A11Y-20b16b13
<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-05-06 🔑 Bug ID: A11Y-4f29773a | Pattern ID: A11Y-3b451be3
<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-05-06 🔑 Bug ID: A11Y-8d44abb6 | Pattern ID: A11Y-3b451be3
<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-05-06 🔑 Bug ID: A11Y-01871aa6 | Pattern ID: A11Y-3b451be3
<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-05-06 🔑 Bug ID: A11Y-a02f1596 | Pattern ID: A11Y-f7e878a1
<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-05-06 🔑 Bug ID: A11Y-a78e26d9 | Pattern ID: A11Y-058b7b77
<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-05-06 🔑 Bug ID: A11Y-12e83b7c | Pattern ID: A11Y-3937f86e
<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-05-06 🔑 Bug ID: A11Y-d2fa037e | Pattern ID: A11Y-6b1f7756
<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-05-06 🔑 Bug ID: A11Y-898a432a | Pattern ID: A11Y-35455be8
<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-05-06 🔑 Bug ID: A11Y-e2b5e4a3 | Pattern ID: A11Y-66a7a5f3
<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-05-06 🔑 Bug ID: A11Y-72c5a07a | Pattern ID: A11Y-3937f86e
<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-05-06 🔑 Bug ID: A11Y-1eb8d3f1 | Pattern ID: A11Y-0dcf3726
<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-05-06 🔑 Bug ID: A11Y-748471a2 | Pattern ID: A11Y-60ded9ac
<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-05-06 🔑 Bug ID: A11Y-50961bc3 | Pattern ID: A11Y-79321091
<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-05-06 🔑 Bug ID: A11Y-1eb8d3f1 | Pattern ID: A11Y-0dcf3726
<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-05-06 🔑 Bug ID: A11Y-748471a2 | Pattern ID: A11Y-60ded9ac
<main id="main-content" role="main">
XPath: #main-content
10 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.
6 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

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

Examples

Example 1 View on Page
Frames must have an accessible name
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-6c71a76c | Pattern ID: A11Y-256a0627
<iframe frameborder="0" height="88px" src="https://ajuntament.barcelona.cat/widgets/temps/v3/?lang=ca" 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-05-06 🔑 Bug ID: A11Y-aeaf6bc0 | Pattern ID: A11Y-3eff75f8
<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-05-06 🔑 Bug ID: A11Y-6c71a76c | Pattern ID: A11Y-256a0627
<iframe frameborder="0" height="88px" src="https://ajuntament.barcelona.cat/widgets/temps/v3/?lang=ca" 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-05-06 🔑 Bug ID: A11Y-aeaf6bc0 | Pattern ID: A11Y-3eff75f8
<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-05-06 🔑 Bug ID: A11Y-6f7c7d7d | Pattern ID: A11Y-256a0627
<iframe frameborder="0" height="88px" src="https://ajuntament.barcelona.cat/widgets/temps/v3/?lang=en" 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

Examples

Example 1 View on Page
Buttons must have discernible text
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-249da0f8 | Pattern ID: A11Y-91f459fc
<button class="geoLocation"></button>
XPath: #iframe-planol
Example 2 View on Page
Buttons must have discernible text
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-249da0f8 | Pattern ID: A11Y-91f459fc
<button class="geoLocation"></button>
XPath: #iframe-planol
Example 3 View on Page
Buttons must have discernible text
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-a2cf35f0 | Pattern ID: A11Y-07209c06
<button class="geoLocation"></button>
XPath: #planol-screen > iframe
Example 4 View on Page
Buttons must have discernible text
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-b8074a96 | Pattern ID: A11Y-07209c06
<button class="geoLocation"></button>
XPath: #planol-screen > iframe
Example 5 View on Page
Buttons must have discernible text
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-92a3b9b1 | Pattern ID: A11Y-ae138eab
<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-05-06 🔑 Bug ID: A11Y-d369c225 | Pattern ID: A11Y-c43ee842
<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-05-06 🔑 Bug ID: A11Y-d369c225 | Pattern ID: A11Y-c43ee842
<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 3 View on Page
ARIA progressbar nodes must have an accessible name
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-57f09a8a | Pattern ID: A11Y-c43ee842
<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 4 View on Page
ARIA progressbar nodes must have an accessible name
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-959b3f2a | Pattern ID: A11Y-c43ee842
<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
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

Examples

Example 1 View on Page
Elements must only use permitted ARIA attributes
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-26aeff32 | Pattern ID: A11Y-046bd014
<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-05-06 🔑 Bug ID: A11Y-26aeff32 | Pattern ID: A11Y-046bd014
<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-05-06 🔑 Bug ID: A11Y-f572fcf3 | Pattern ID: A11Y-046bd014
<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-05-06 🔑 Bug ID: A11Y-9e5eeeef | Pattern ID: A11Y-046bd014
<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

Examples

Example 1 View on Page
<html> element must have a valid value for the lang attribute
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-4669f6c4 | Pattern ID: A11Y-66731296
<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-05-06 🔑 Bug ID: A11Y-4669f6c4 | Pattern ID: A11Y-66731296
<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-05-06 🔑 Bug ID: A11Y-7a8c2717 | Pattern ID: A11Y-78ad9048
<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-05-06 🔑 Bug ID: A11Y-ca919cf0 | Pattern ID: A11Y-78ad9048
<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

Examples

Example 1 View on Page
ARIA commands must have an accessible name
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-547bb86c | Pattern ID: A11Y-9d1f0064
<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-05-06 🔑 Bug ID: A11Y-043d83bb | Pattern ID: A11Y-d81a4bde
<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: .modal--image
Example 3 View on Page
ARIA commands must have an accessible name
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-b3033c8d | Pattern ID: A11Y-a1150386
<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[frameborder="0"]
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

Examples

Example 1 View on Page
Select element must have an accessible name
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-45ea9a89 | Pattern ID: A11Y-91bba567
<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-05-06 🔑 Bug ID: A11Y-cc4dea4c | Pattern ID: A11Y-41278761
<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-05-06 🔑 Bug ID: A11Y-44f4009d | Pattern ID: A11Y-28619121
<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-05-06 🔑 Bug ID: A11Y-f9f23bf4 | Pattern ID: A11Y-4c0d11d9
<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-05-06 🔑 Bug ID: A11Y-d4f39754 | Pattern ID: A11Y-9f2eecc8
<img src="img/districte_1.jpg" alt="Ciutat Vella">
XPath: #fembarri
2 Moderate axe 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

Affected Pages

Examples

Example 1 View on Page
Heading levels should only increase by one
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-7d27208e | Pattern ID: A11Y-1e3bb278
<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 levels should only increase by one
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-00c83dd3 | Pattern ID: A11Y-6a5c37e9
<h3 class="movieInfo-Title" style="line-height: normal;">Eternity</h3>
XPath: .widgetCartelleraIF
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

Examples

Example 1 View on Page
Active <area> elements must have alternative text
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-2d0217c8 | Pattern ID: A11Y-53cd3b04
<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-05-06 🔑 Bug ID: A11Y-c1cea641 | Pattern ID: A11Y-a4b3d582
<ul class="districtes_menu">
XPath: #fembarri
1 Moderate axe empty-heading
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Headings should not be empty
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-2058267a | Pattern ID: A11Y-512ffee8
<h3 dir="ltr">&nbsp;</h3>
XPath: h3:nth-child(3)
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

Examples

Example 1 View on Page
Interactive controls must not be nested
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-87e8d139 | Pattern ID: A11Y-0ea21211
<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-05-06 🔑 Bug ID: A11Y-a7f98375 | Pattern ID: A11Y-c041b666
<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-05-06 🔑 Bug ID: A11Y-63561eee | Pattern ID: A11Y-ecd57f03
<a href="//support.google.com/mymaps/answer/3024454?hl=en&amp;amp;ref_topic=3188329" target="_blank">Crea el teu</a>
XPath: iframe[frameborder="0"]

🔧 Most Common Issues (Equal Access)

49 rules
5664 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-05-06 🔑 Bug ID: A11Y-bf414812 | Pattern ID: A11Y-e201c14b
<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-05-06 🔑 Bug ID: A11Y-37a788fa | Pattern ID: A11Y-5efca677
<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-05-06 🔑 Bug ID: A11Y-b9fe6ff8 | Pattern ID: A11Y-5b05e40c
<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-05-06 🔑 Bug ID: A11Y-6160d6e6 | Pattern ID: A11Y-14568c9a
<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-05-06 🔑 Bug ID: A11Y-b56c89de | Pattern ID: A11Y-98d23510
<a class="fembarri" href="/ca/viure-a-bcn/fem-barri">
4989 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-05-06 🔑 Bug ID: A11Y-baca5f89 | Pattern ID: A11Y-275fb775
<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-05-06 🔑 Bug ID: A11Y-cb3757ab | Pattern ID: A11Y-182f6848
<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-05-06 🔑 Bug ID: A11Y-2bf38097 | Pattern ID: A11Y-3ede9df5
<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-05-06 🔑 Bug ID: A11Y-6f99a8d4 | Pattern ID: A11Y-599775ae
<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-05-06 🔑 Bug ID: A11Y-decf8721 | Pattern ID: A11Y-dee66881
<a class="habitatgepublic" href="/ca/viure-a-bcn/amb-habitatge-public">
3257 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-05-06 🔑 Bug ID: A11Y-497f3e2c | Pattern ID: A11Y-17bcbe52
<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-05-06 🔑 Bug ID: A11Y-a8489672 | Pattern ID: A11Y-854759df
<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-05-06 🔑 Bug ID: A11Y-5f0bec90 | Pattern ID: A11Y-d3dfcfcb
<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-05-06 🔑 Bug ID: A11Y-2108a71f | Pattern ID: A11Y-1787e783
<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-05-06 🔑 Bug ID: A11Y-2266782f | Pattern ID: A11Y-d736d069
<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-05-06 🔑 Bug ID: A11Y-15fb7617 | Pattern ID: A11Y-87365494
<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-05-06 🔑 Bug ID: A11Y-62919611 | Pattern ID: A11Y-b25876a9
<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-05-06 🔑 Bug ID: A11Y-75ed4d73 | Pattern ID: A11Y-7da174e1
<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-05-06 🔑 Bug ID: A11Y-3718b88e | Pattern ID: A11Y-55aee158
<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-05-06 🔑 Bug ID: A11Y-86cdf0f9 | Pattern ID: A11Y-afc48648
<button style="" role="button" aria-label="Següent promo" tabindex="0" class="slick-arrow nav-dreta" type="button">
257 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-05-06 🔑 Bug ID: A11Y-c09b53c0 | Pattern ID: A11Y-917828a7
<p class="barcelona-branding-slogan show">
Example 2 View on Page
Confirm this text 'T'estiu molt' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-3e9b3abc | Pattern ID: A11Y-c19c70bc
<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-05-06 🔑 Bug ID: A11Y-e26a44ac | Pattern ID: A11Y-f2bf52aa
<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-05-06 🔑 Bug ID: A11Y-1d8b6450 | Pattern ID: A11Y-917828a7
<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-05-06 🔑 Bug ID: A11Y-2ac17651 | Pattern ID: A11Y-8ea70d84
<div class="pagination-number">
202 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-05-06 🔑 Bug ID: A11Y-3551c133 | Pattern ID: A11Y-3b136c7e
<button style="" type="button" class="slick-next slick-arrow">
Example 2 View on Page
Text contrast of 1.43 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-05-06 🔑 Bug ID: A11Y-223854f0 | Pattern ID: A11Y-29445caf
<div class="descripcio">
Example 3 View on Page
Text contrast of 1.73 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-05-06 🔑 Bug ID: A11Y-ef0a20b0 | Pattern ID: A11Y-1325ed54
<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 1.73 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-05-06 🔑 Bug ID: A11Y-235f1dd2 | Pattern ID: A11Y-b1ed4e32
<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 1.74 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-05-06 🔑 Bug ID: A11Y-cf0424df | Pattern ID: A11Y-d189f01d
<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">
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-05-06 🔑 Bug ID: A11Y-e3db4fa1 | Pattern ID: A11Y-0c6b9119
<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-05-06 🔑 Bug ID: A11Y-0f004bd0 | Pattern ID: A11Y-6e7f9087
<ul>
Example 3 View on Page
Content is not within a landmark element
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-6cc6eb1b | Pattern ID: A11Y-a0d8542b
<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-05-06 🔑 Bug ID: A11Y-0bc56a65 | Pattern ID: A11Y-6e7f9087
<ul>
Example 5 View on Page
Content is not within a landmark element
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-20c93f72 | Pattern ID: A11Y-a0d8542b
<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-05-06 🔑 Bug ID: A11Y-35c33318 | Pattern ID: A11Y-b681ded0
<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-05-06 🔑 Bug ID: A11Y-3d7dd2b7 | Pattern ID: A11Y-b05398b2
<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-05-06 🔑 Bug ID: A11Y-248464f9 | Pattern ID: A11Y-b681ded0
<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-05-06 🔑 Bug ID: A11Y-58690dd1 | Pattern ID: A11Y-b05398b2
<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-05-06 🔑 Bug ID: A11Y-3d6bdc3d | Pattern ID: A11Y-b681ded0
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 26 26" height="26" width="26" class="icon menu">
120 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-05-06 🔑 Bug ID: A11Y-3e938a1f | Pattern ID: A11Y-e6be8ada
<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-05-06 🔑 Bug ID: A11Y-43d6b012 | Pattern ID: A11Y-c318a47f
<iframe id="i-temps" width="142px" src="https://ajuntament.barcelona.cat/widgets/temps/v3/?lang=ca" height="88px" 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-05-06 🔑 Bug ID: A11Y-52d46000 | Pattern ID: A11Y-52c3c562
<iframe id="qualitat-aire-i" width="336px" src="https://ajuntament.barcelona.cat/widgets/qualitat-aire/v2/?lang=ca&config=lameva&20240110" height="88px" 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-05-06 🔑 Bug ID: A11Y-1ce21e10 | Pattern ID: A11Y-257a3354
<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-05-06 🔑 Bug ID: A11Y-1d9fb9ec | Pattern ID: A11Y-e6be8ada
<meta content="ie=edge" http-equiv="x-ua-compatible">
108 Moderate equalAccess target_spacing_sufficient
31 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-05-06 🔑 Bug ID: A11Y-eb6a56ff | Pattern ID: A11Y-e1a80676
<button>
Example 2 View on Page
Ensure the overlapped target "a" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-a1e23256 | Pattern ID: A11Y-a4a2036e
<a class="link-destacat" href="/en/living-in-bcn">
Example 3 View on Page
Ensure the overlapped target "a" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-08a4a812 | Pattern ID: A11Y-cafa99ac
<a class="link-destacat" href="https://com-shi-va.barcelona.cat/en/">
Example 4 View on Page
Ensure the overlapped target "a" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-864d6586 | Pattern ID: A11Y-27bac412
<a class="link-destacat" href="/en/work-and-business">
Example 5 View on Page
Ensure the overlapped target "a" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-5cf4aa53 | Pattern ID: A11Y-7668f4ff
<a class="link-destacat" href="/en/what-to-do-in-bcn">
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-05-06 🔑 Bug ID: A11Y-1ae2125c | Pattern ID: A11Y-4ae15ddb
<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-05-06 🔑 Bug ID: A11Y-7dcac646 | Pattern ID: A11Y-4ae15ddb
<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-05-06 🔑 Bug ID: A11Y-53fe9d21 | Pattern ID: A11Y-4ae15ddb
<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-05-06 🔑 Bug ID: A11Y-a2f672c1 | Pattern ID: A11Y-4ae15ddb
<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-05-06 🔑 Bug ID: A11Y-1ae2125c | Pattern ID: A11Y-4ae15ddb
<nav aria-labelledby="block-peu-menu" role="navigation" id="menu-footer">
102 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-05-06 🔑 Bug ID: A11Y-ddfcc8a7 | Pattern ID: A11Y-85b81717
<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-05-06 🔑 Bug ID: A11Y-ba55f3d6 | Pattern ID: A11Y-34532c97
<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-05-06 🔑 Bug ID: A11Y-c9e53388 | Pattern ID: A11Y-34532c97
<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-05-06 🔑 Bug ID: A11Y-b6c5d509 | Pattern ID: A11Y-34532c97
<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-05-06 🔑 Bug ID: A11Y-ddfcc8a7 | Pattern ID: A11Y-85b81717
<style>
101 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-05-06 🔑 Bug ID: A11Y-f219c8f1 | Pattern ID: A11Y-c772520d
<style>
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-165d9553 | Pattern ID: A11Y-f34e9ad5
<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-05-06 🔑 Bug ID: A11Y-6372c021 | Pattern ID: A11Y-f34e9ad5
<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-05-06 🔑 Bug ID: A11Y-6d083086 | Pattern ID: A11Y-f34e9ad5
<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-05-06 🔑 Bug ID: A11Y-f219c8f1 | Pattern ID: A11Y-c772520d
<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-05-06 🔑 Bug ID: A11Y-77166e6e | Pattern ID: A11Y-2e0a57d4
<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-05-06 🔑 Bug ID: A11Y-2e6631fe | Pattern ID: A11Y-2e0a57d4
<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-05-06 🔑 Bug ID: A11Y-1b07122c | Pattern ID: A11Y-2e0a57d4
<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-05-06 🔑 Bug ID: A11Y-2978d65b | Pattern ID: A11Y-2e0a57d4
<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-05-06 🔑 Bug ID: A11Y-77166e6e | Pattern ID: A11Y-2e0a57d4
<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 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-05-06 🔑 Bug ID: A11Y-bc1bfaf6 | Pattern ID: A11Y-2a4ac752
<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-05-06 🔑 Bug ID: A11Y-6f05bdd6 | Pattern ID: A11Y-59e3fea8
<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-05-06 🔑 Bug ID: A11Y-87cfbf8a | Pattern ID: A11Y-59e3fea8
<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-05-06 🔑 Bug ID: A11Y-3867d428 | Pattern ID: A11Y-59e3fea8
<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-05-06 🔑 Bug ID: A11Y-bc1bfaf6 | Pattern ID: A11Y-2a4ac752
<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">
74 Moderate equalAccess img_alt_null
27 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-05-06 🔑 Bug ID: A11Y-386db081 | Pattern ID: A11Y-30615481
<img title="Foto: Elena Pastor" alt="" height="228" width="252" src="/sites/default/files/styles/destacat_petit/public/forndepa_252x228.jpg?itok=oONyE8WA" 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-05-06 🔑 Bug ID: A11Y-b567189f | Pattern ID: A11Y-394f28aa
<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 3 View on Page
The image 'alt' attribute is empty, but the 'title' attribute is not empty
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-a3a773bd | Pattern ID: A11Y-8c41719d
<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 4 View on Page
The image 'alt' attribute is empty, but the 'title' attribute is not empty
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-386db081 | Pattern ID: A11Y-30615481
<img title="Foto: Elena Pastor" alt="" height="228" width="252" src="/sites/default/files/styles/destacat_petit/public/forndepa_252x228.jpg?itok=oONyE8WA" 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-05-06 🔑 Bug ID: A11Y-2fa7e3d7 | Pattern ID: A11Y-30615481
<img title="Foto: Elena Pastor" alt="" height="228" width="252" src="/sites/default/files/styles/destacat_petit/public/forndepa_252x228.jpg?itok=oONyE8WA" loading="lazy">
67 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-05-06 🔑 Bug ID: A11Y-7c5f5e26 | Pattern ID: A11Y-8da641eb
<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-05-06 🔑 Bug ID: A11Y-7c5f5e26 | Pattern ID: A11Y-8da641eb
<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-05-06 🔑 Bug ID: A11Y-92f364ec | Pattern ID: A11Y-8da641eb
<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-05-06 🔑 Bug ID: A11Y-d532c13a | Pattern ID: A11Y-8da641eb
<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-05-06 🔑 Bug ID: A11Y-fff24715 | Pattern ID: A11Y-dacdc20a
<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-05-06 🔑 Bug ID: A11Y-aed730b1 | Pattern ID: A11Y-330d377f
<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-05-06 🔑 Bug ID: A11Y-e9177dca | Pattern ID: A11Y-330d377f
<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-05-06 🔑 Bug ID: A11Y-1e6d986b | Pattern ID: A11Y-330d377f
<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-05-06 🔑 Bug ID: A11Y-284ce04d | Pattern ID: A11Y-330d377f
<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-05-06 🔑 Bug ID: A11Y-4b6feafb | Pattern ID: A11Y-330d377f
<div class="container list-pano-rollover" role="menu">
38 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-05-06 🔑 Bug ID: A11Y-245246f8 | Pattern ID: A11Y-49428f32
<div aria-hidden="true" id="" aria-label="slide 8" 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-05-06 🔑 Bug ID: A11Y-fd074fd3 | Pattern ID: A11Y-c049eaa7
<div aria-hidden="true" id="" aria-label="slide 1" role="group" data-slick-index="8" class="slick-slide slick-cloned">
Example 3 View on Page
The <div> element has the id "" that is empty
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-fd210159 | Pattern ID: A11Y-01eb4a20
<div aria-hidden="true" id="" aria-label="slide 2" role="group" data-slick-index="9" class="slick-slide slick-cloned">
Example 4 View on Page
The <div> element has the id "" that is empty
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-2332bc09 | Pattern ID: A11Y-0e011d7f
<div aria-hidden="true" id="" aria-label="slide 3" role="group" data-slick-index="10" class="slick-slide slick-cloned">
Example 5 View on Page
The <div> element has the id "" that is empty
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-7e484a02 | Pattern ID: A11Y-5c9b9374
<div aria-hidden="true" id="" aria-label="slide 4" role="group" data-slick-index="11" class="slick-slide slick-cloned">
32 Moderate equalAccess a_text_purpose: Link text must identify the purpose of the link
3 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-05-06 🔑 Bug ID: A11Y-4bfa270f | Pattern ID: A11Y-095b2f25
<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-05-06 🔑 Bug ID: A11Y-850d3020 | Pattern ID: A11Y-ca6c1da1
<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-05-06 🔑 Bug ID: A11Y-dabaa4bc | Pattern ID: A11Y-e22b6f07
<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-05-06 🔑 Bug ID: A11Y-d8f1688f | Pattern ID: A11Y-3237c996
<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-05-06 🔑 Bug ID: A11Y-29a5eaf6 | Pattern ID: A11Y-36abeb47
<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">
29 Moderate equalAccess text_quoted_correctly
14 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: 'Ve de Barcelona'
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-bad6dec1 | Pattern ID: A11Y-9322e467
<a title="Obre en una finestra nova" target="_blank" href="https://ajuntament.barcelona.cat/barcelonallibres/ca/ve-de-barcelona">
Example 2 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-05-06 🔑 Bug ID: A11Y-651f10f2 | Pattern ID: A11Y-90ae88bf
<a title="Open in a new window" target="_blank" href="https://ajuntament.barcelona.cat/barcelonallibres/en/ve-de-barcelona">
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-05-06 🔑 Bug ID: A11Y-80c42b03 | Pattern ID: A11Y-9b26b1e6
<a title="Abrir en una ventana nueva" target="_blank" href="https://ajuntament.barcelona.cat/barcelonallibres/es/ve-de-barcelona">
Example 4 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "something special", "colossal, daring and costly plan"
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-35af6feb | Pattern ID: A11Y-a938c687
<p>
Example 5 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Festa Major de Sant Antoni"
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-c3adc586 | Pattern ID: A11Y-7b3fe5a8
<a class="ajuntament-guia-item-name" href="/en/what-to-do-in-bcn/festes-majors/201-cavalcada-dels-tres-tombs-de-sant-antoni-99400704097">
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-05-06 🔑 Bug ID: A11Y-66fd0713 | Pattern ID: A11Y-3a9c11ae
<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-05-06 🔑 Bug ID: A11Y-381f56fd | Pattern ID: A11Y-3a9c11ae
<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-05-06 🔑 Bug ID: A11Y-463f2ec4 | Pattern ID: A11Y-3a9c11ae
<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-05-06 🔑 Bug ID: A11Y-722c5996 | Pattern ID: A11Y-d3a36adb
<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-05-06 🔑 Bug ID: A11Y-5344ea81 | Pattern ID: A11Y-72ea7693
<h3 role="status" class="sr-only">
24 Moderate equalAccess element_tabbable_role_valid
13 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The tabbable element does not have a valid widget role
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-de62269e | Pattern ID: A11Y-eae7c945
<div tabindex="0" style="width: 100%; display: inline-block;" data-value="1" class="item promo img-quadrada" data-history-node-id="24637">
Example 2 View on Page
The tabbable element does not have a valid widget role
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-de62269e | Pattern ID: A11Y-eae7c945
<div tabindex="0" style="width: 100%; display: inline-block;" data-value="1" class="item promo img-quadrada" data-history-node-id="24637">
Example 3 View on Page
The tabbable element does not have a valid widget role
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-3dac26f4 | Pattern ID: A11Y-eae7c945
<div tabindex="0" style="width: 100%; display: inline-block;" data-value="1" class="item promo img-quadrada" data-history-node-id="24637">
Example 4 View on Page
The tabbable element does not have a valid widget role
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-35023a8a | Pattern ID: A11Y-eae7c945
<div tabindex="0" style="width: 100%; display: inline-block;" data-value="1" class="item promo img-quadrada" data-history-node-id="24637">
Example 5 View on Page
The tabbable element does not have a valid widget role
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-a82c36d9 | Pattern ID: A11Y-f1c29c05
<div tabindex="0" class="masonry-text">
21 Moderate equalAccess frame_title_exists
9 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-05-06 🔑 Bug ID: A11Y-c5c42552 | Pattern ID: A11Y-a2e5358b
<iframe id="i-temps" width="142px" src="https://ajuntament.barcelona.cat/widgets/temps/v3/?lang=ca" height="88px" frameborder="0">
Example 2 View on Page
Inline frame does not have a 'title' attribute
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-8029ee82 | Pattern ID: A11Y-7abf23d5
<iframe id="qualitat-aire-i" width="336px" src="https://ajuntament.barcelona.cat/widgets/qualitat-aire/v2/?lang=ca&config=lameva&20240110" height="88px" frameborder="0">
Example 3 View on Page
Inline frame does not have a 'title' attribute
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-35fd6f02 | Pattern ID: A11Y-8745a8bd
<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-05-06 🔑 Bug ID: A11Y-7ca7c8c3 | Pattern ID: A11Y-2903ceb7
<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-05-06 🔑 Bug ID: A11Y-c5c42552 | Pattern ID: A11Y-a2e5358b
<iframe id="i-temps" width="142px" src="https://ajuntament.barcelona.cat/widgets/temps/v3/?lang=ca" height="88px" 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-05-06 🔑 Bug ID: A11Y-0f414e88 | Pattern ID: A11Y-1686a5c8
<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-05-06 🔑 Bug ID: A11Y-ea196d2c | Pattern ID: A11Y-1686a5c8
<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-05-06 🔑 Bug ID: A11Y-34e29d02 | Pattern ID: A11Y-1686a5c8
<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-05-06 🔑 Bug ID: A11Y-143890c4 | Pattern ID: A11Y-1686a5c8
<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-05-06 🔑 Bug ID: A11Y-65b0769d | Pattern ID: A11Y-1686a5c8
<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-05-06 🔑 Bug ID: A11Y-51fd6bf7 | Pattern ID: A11Y-119a1d12
<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-05-06 🔑 Bug ID: A11Y-4d29045a | Pattern ID: A11Y-119a1d12
<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-05-06 🔑 Bug ID: A11Y-f5e31932 | Pattern ID: A11Y-119a1d12
<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-05-06 🔑 Bug ID: A11Y-910e6c7f | Pattern ID: A11Y-119a1d12
<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-05-06 🔑 Bug ID: A11Y-a7eff79e | Pattern ID: A11Y-119a1d12
<div class="container list-pano-rollover" role="menu">
19 Moderate equalAccess input_label_visible: An input element must have an associated visible label
9 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-6e746658 | Pattern ID: A11Y-dc2d73bf
<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 2 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-b7af249b | Pattern ID: A11Y-450ebc3b
<button aria-label="Play video" class="bcn-icon-reprodueix">
Example 3 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-c9243076 | Pattern ID: A11Y-016b08f3
<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-05-06 🔑 Bug ID: A11Y-d3a351c9 | Pattern ID: A11Y-50cef1b0
<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-05-06 🔑 Bug ID: A11Y-cd8dc365 | Pattern ID: A11Y-29749ae5
<button aria-label="slide 1 of 6">
19 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-05-06 🔑 Bug ID: A11Y-6b7badec | Pattern ID: A11Y-2ae19740
<img class="img-fluid" src="//img.youtube.com/vi/yRvOjf-ukPU/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-05-06 🔑 Bug ID: A11Y-4413b8e6 | Pattern ID: A11Y-01f88863
<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-05-06 🔑 Bug ID: A11Y-5cad848a | Pattern ID: A11Y-f3531421
<img src="https://www.barcelona.cat/barcelonacultura/cartellera/files/eternity-cartel.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-05-06 🔑 Bug ID: A11Y-5c30c171 | Pattern ID: A11Y-7ffcc99a
<img src="https://www.barcelona.cat/barcelonacultura/cartellera/files/five-nights-at-freddys-2-cartel.jpg">
Example 5 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-c21c0c49 | Pattern ID: A11Y-dda80033
<img src="https://www.barcelona.cat/barcelonacultura/cartellera/files/golpes-cartel_0.jpg">
14 Moderate equalAccess frame_src_valid: The src value of the frame must not be empty
6 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-05-06 🔑 Bug ID: A11Y-58fe264e | Pattern ID: A11Y-d501070e
<iframe id="i-temps" width="142px" src="https://ajuntament.barcelona.cat/widgets/temps/v3/?lang=ca" height="88px" frameborder="0">
Example 2 View on Page
Verify <frame> content is accessible
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-85fbc9d4 | Pattern ID: A11Y-a88c7bf4
<iframe id="qualitat-aire-i" width="336px" src="https://ajuntament.barcelona.cat/widgets/qualitat-aire/v2/?lang=ca&config=lameva&20240110" height="88px" frameborder="0">
Example 3 View on Page
Verify <frame> content is accessible
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-4b1c96ba | Pattern ID: A11Y-67f0c8d1
<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-05-06 🔑 Bug ID: A11Y-58fe264e | Pattern ID: A11Y-d501070e
<iframe id="i-temps" width="142px" src="https://ajuntament.barcelona.cat/widgets/temps/v3/?lang=ca" height="88px" frameborder="0">
Example 5 View on Page
Verify <frame> content is accessible
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-85fbc9d4 | Pattern ID: A11Y-a88c7bf4
<iframe id="qualitat-aire-i" width="336px" src="https://ajuntament.barcelona.cat/widgets/qualitat-aire/v2/?lang=ca&config=lameva&20240110" height="88px" frameborder="0">
12 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-05-06 🔑 Bug ID: A11Y-6ef2dc1b | Pattern ID: A11Y-a1abf99e
<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-05-06 🔑 Bug ID: A11Y-4eb9af0d | Pattern ID: A11Y-835650ef
<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-05-06 🔑 Bug ID: A11Y-6ea0dde9 | Pattern ID: A11Y-7adfe39f
<div aria-label="carousel" role="region" data-taguejar="Promos Home 2 nivell" class="carousel slick-initialized slick-slider">
Example 4 View on Page
Multiple elements with "region" role do not have unique labels
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-6ef2dc1b | Pattern ID: A11Y-a1abf99e
<div aria-label="carousel" role="region" class="llistat-bg-promos slick-initialized slick-slider slick-dotted">
Example 5 View on Page
Multiple elements with "region" role do not have unique labels
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-4eb9af0d | Pattern ID: A11Y-835650ef
<div aria-label="carousel" role="region" class="llistat-promos slick-initialized slick-slider">
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-05-06 🔑 Bug ID: A11Y-387d29b8 | Pattern ID: A11Y-c9f41411
<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-05-06 🔑 Bug ID: A11Y-42b2f4e1 | Pattern ID: A11Y-3e7cf501
<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-05-06 🔑 Bug ID: A11Y-6c46b8a6 | Pattern ID: A11Y-d8b3f623
<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-05-06 🔑 Bug ID: A11Y-6b275e82 | Pattern ID: A11Y-617ea22a
<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-05-06 🔑 Bug ID: A11Y-fe5b6d4d | Pattern ID: A11Y-7ece5398
<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">
11 Moderate equalAccess text_sensory_misuse: Instructions must not rely solely on sensory characteristics
11 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-05-06 🔑 Bug ID: A11Y-1fd06795 | Pattern ID: A11Y-94679fae
<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-05-06 🔑 Bug ID: A11Y-d38ea958 | Pattern ID: A11Y-16897965
<p>
Example 3 View on Page
Confirm the user instruction is still understandable without the word(s) 'Round'
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-861047cb | Pattern ID: A11Y-ee0dcab9
<h3>
Example 4 View on Page
Confirm the user instruction is still understandable without the word(s) 'biggest, large'
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-6846bd70 | Pattern ID: A11Y-16897965
<p>
Example 5 View on Page
Confirm the user instruction is still understandable without the word(s) 'square'
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-d3c960d3 | Pattern ID: A11Y-16897965
<p>
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-05-06 🔑 Bug ID: A11Y-22c2e4de | Pattern ID: A11Y-d1a4e33c
<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-05-06 🔑 Bug ID: A11Y-34750b3e | Pattern ID: A11Y-4c70beba
<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-05-06 🔑 Bug ID: A11Y-22c2e4de | Pattern ID: A11Y-d1a4e33c
<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-05-06 🔑 Bug ID: A11Y-34750b3e | Pattern ID: A11Y-4c70beba
<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-05-06 🔑 Bug ID: A11Y-2e44eaf2 | Pattern ID: A11Y-d1a4e33c
<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-05-06 🔑 Bug ID: A11Y-75e80127 | Pattern ID: A11Y-9999055a
<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-05-06 🔑 Bug ID: A11Y-2fb3f3bb | Pattern ID: A11Y-0d55ef25
<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-05-06 🔑 Bug ID: A11Y-75e80127 | Pattern ID: A11Y-9999055a
<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-05-06 🔑 Bug ID: A11Y-2fb3f3bb | Pattern ID: A11Y-0d55ef25
<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-05-06 🔑 Bug ID: A11Y-1915c91f | Pattern ID: A11Y-9999055a
<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-05-06 🔑 Bug ID: A11Y-3906838f | Pattern ID: A11Y-f18a4567
<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-05-06 🔑 Bug ID: A11Y-634884cf | Pattern ID: A11Y-31c20fda
<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-05-06 🔑 Bug ID: A11Y-8256c078 | Pattern ID: A11Y-e73cfb47
<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-05-06 🔑 Bug ID: A11Y-b01932d1 | Pattern ID: A11Y-e1b0b6c6
<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-05-06 🔑 Bug ID: A11Y-5969e432 | Pattern ID: A11Y-f18a4567
<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-05-06 🔑 Bug ID: A11Y-0c426a95 | Pattern ID: A11Y-f09e3077
<fieldset>
Example 2 View on Page
<fieldset> element does not have a <legend>
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-5e2d3bd4 | Pattern ID: A11Y-f09e3077
<fieldset>
Example 3 View on Page
<fieldset> element does not have a <legend>
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-51adf0a9 | Pattern ID: A11Y-f09e3077
<fieldset>
Example 4 View on Page
<fieldset> element does not have a <legend>
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-2092d97f | Pattern ID: A11Y-f09e3077
<fieldset>
Example 5 View on Page
<fieldset> element does not have a <legend>
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-8e55dbd9 | Pattern ID: A11Y-f09e3077
<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-05-06 🔑 Bug ID: A11Y-7fa05d9a | Pattern ID: A11Y-b5a7aee6
<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-05-06 🔑 Bug ID: A11Y-7f093108 | Pattern ID: A11Y-b5a7aee6
<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-05-06 🔑 Bug ID: A11Y-e1b2c5f5 | Pattern ID: A11Y-759868c2
<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-05-06 🔑 Bug ID: A11Y-ed26fab9 | Pattern ID: A11Y-759868c2
<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-05-06 🔑 Bug ID: A11Y-89e0239d | Pattern ID: A11Y-3151af29
<fieldset>
Example 2 View on Page
Group/Fieldset does not have an accessible name
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-e4d74afb | Pattern ID: A11Y-3151af29
<fieldset>
Example 3 View on Page
Group/Fieldset does not have an accessible name
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-7deb5a26 | Pattern ID: A11Y-3151af29
<fieldset>
Example 4 View on Page
Group/Fieldset does not have an accessible name
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-cb09abcc | Pattern ID: A11Y-3151af29
<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-05-06 🔑 Bug ID: A11Y-5b1b608e | Pattern ID: A11Y-57d4b15e
<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-05-06 🔑 Bug ID: A11Y-fb21044a | Pattern ID: A11Y-57d4b15e
<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-05-06 🔑 Bug ID: A11Y-7597ae07 | Pattern ID: A11Y-57d4b15e
<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-05-06 🔑 Bug ID: A11Y-e6b6c365 | Pattern ID: A11Y-57d4b15e
<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-05-06 🔑 Bug ID: A11Y-f05b4dfa | Pattern ID: A11Y-a1a8d144
<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-05-06 🔑 Bug ID: A11Y-6854dbf6 | Pattern ID: A11Y-6a83579d
<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-05-06 🔑 Bug ID: A11Y-3ea80b5a | Pattern ID: A11Y-94a99777
<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-05-06 🔑 Bug ID: A11Y-a5be0186 | Pattern ID: A11Y-e9da37b0
<select tabindex="-98" class="" name="ticket" id="entradatipus">
3 Moderate equalAccess html_lang_exists
3 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-05-06 🔑 Bug ID: A11Y-a81b1631 | Pattern ID: A11Y-8ec4dca4
<html>
Example 2 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-e5054a37 | Pattern ID: A11Y-8ec4dca4
<html>
Example 3 View on Page
Page detected as XHTML 1.0, but has neither 'lang' nor 'xml:lang' attributes
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-f0e93ee3 | Pattern ID: A11Y-3f3f8864
<html style="" class=" js no-touch" xmlns="http://www.w3.org/1999/xhtml">
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-05-06 🔑 Bug ID: A11Y-1d1dd9e0 | Pattern ID: A11Y-5de5dc40
<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-05-06 🔑 Bug ID: A11Y-23d70e76 | Pattern ID: A11Y-5de5dc40
<html>
2 Moderate equalAccess heading_content_exists: Heading elements must have descriptive content
2 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-05-06 🔑 Bug ID: A11Y-1acd6225 | Pattern ID: A11Y-fd148279
<h3>
Example 2 View on Page
Heading element has no descriptive content
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-998953c6 | Pattern ID: A11Y-24b0413d
<h3 dir="ltr">
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-05-06 🔑 Bug ID: A11Y-8fc4c493 | Pattern ID: A11Y-d04ac7e6
<h3 dir="ltr">
Example 2 View on Page
Element <th> with "columnheader" role has no accessible name
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-1cfcb20e | Pattern ID: A11Y-50b188f9
<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-05-06 🔑 Bug ID: A11Y-5da49d12 | Pattern ID: A11Y-8b67834a
<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 input_onchange_review
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm that the user is advised if, due to a change of element value, a form automatically submits, a new window opens, or a change in focus occurs
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-06266692 | Pattern ID: A11Y-abae8872
<select onchange="buscadorHandler(this, this.value)">
1 Moderate equalAccess script_select_review
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify that no change of context or action occurs when selection options in this component receive focus
Mode: light 🕑 First identified: 2026-05-06 🔑 Bug ID: A11Y-2cfe99ab | Pattern ID: A11Y-0b5426dc
<select onchange="buscadorHandler(this, this.value)">
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-05-06 🔑 Bug ID: A11Y-14b5adeb | Pattern ID: A11Y-7ed98fb2
<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-05-06 🔑 Bug ID: A11Y-a175d0ee | Pattern ID: A11Y-7ba465a7
<style>