Accessibility Scan Report

Title: Barcelona.cat Issue: #62 Date: 4/15/2026, 1:25:40 AM Duration: 21.3m URLs: 100 / 100 ⚡ Reduced Motion: 100 / 100 URLs

Summary

Issues

  • By Level: A (310), AA (749), AAA (100)
  • By Version (A & AA): WCAG 2.0 (354), WCAG 2.2 (705)
  • By Category: axe-strict (2666) & Best Practice (86) & Others (1531)
  • Total: 4283 across 51 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.
Festes majors | Barcelona.cat | Ajuntament de Barcelona 80
The agenda of the park | Barcelona.cat | Ajuntament de Barcelona 80
Llistat | Barcelona.cat | Ajuntament de Barcelona 80
Outdoor films | Barcelona.cat | Ajuntament de Barcelona 79
El portal web oficial de Barcelona | Ajuntament de Barcelona 80
El portal web oficial de Barcelona | Ajuntament de Barcelona 78
The official Barcelona website | Barcelona City Council 78
El portal web oficial de Barcelona | Ayuntamiento de Barcelona 75
Cultura 100% | Barcelona.cat | Ajuntament de Barcelona 50
Què es pot fer a Barcelona | Barcelona.cat | Ajuntament de Barcelona 49

🔧 Most Common Issues (ALFA)

26 rules
705 Serious alfa SC 2.5.8 AA Motor SIA-R111: Interactive elements have a sufficient target size
100 pages affected

Rule Information

Engine: alfa

Roles: UX Designer, Visual Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 2.5.8 AA

Disabilities affected:
Motor

Affected Pages

Who Is Affected

  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans

Examples

Example 1 View on Page
Target has insufficient size
Mode: light
<button id="bcnbrand-lang-toggle" class="bcnbrand-dropdown-toggle bcnbrand-nav-link plausible-event-name=barra-idioma-desplegar" aria-expanded="false" aria-controls="bcnbrand-language-dropdown-list" aria-label="Català (Canviar idioma)">...</button>
XPath: /button[@id="bcnbrand-lang-toggle"]
Example 2 View on Page
Target has insufficient size
Mode: light
<button id="bcnbrand-search-toggle" class="bcnbrand-dropdown-toggle bcnbrand-nav-link plausible-event-name=barra-cerca-desplegar" aria-expanded="false" aria-controls="bcnbrand-search-menu" aria-describedby="tooltip-search">...</button>
XPath: /button[@id="bcnbrand-search-toggle"]
Example 3 View on Page
Target has insufficient size
Mode: light
<button id="bcnbrand-shortcuts-toggle" class="bcnbrand-dropdown-toggle bcnbrand-nav-link plausible-event-name=barra-drecera-desplegar" aria-expanded="false" aria-controls="bcnbrand-shortcuts-menu">...</button>
XPath: /button[@id="bcnbrand-shortcuts-toggle"]
Example 4 View on Page
Target has insufficient size
Mode: light
<button class="slick-prev slick-arrow" type="button" style="">Previous promotion</button>
XPath: /button[@class="slick-prev slick-arrow"]
Example 5 View on Page
Target has insufficient size
Mode: light
<a class="url-info-carousel" href="http://lameva.barcelona.cat/ca/estima-la/les-10-barcelones" tabindex="-1">Punts d'interès de la ciutat</a>
XPath: /a[@class="url-info-carousel"]
263 Moderate alfa SIA-R73: Text spacing can be adjusted without loss of content
100 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p class="barcelona-branding-slogan show">El portal oficial de l'Ajuntament de Barcelona</p>
XPath: /p[@class="barcelona-branding-slogan show"]
Example 2 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p>Endinsa’t en els districtes i barris de la ciutat,...</p>
XPath: /p
Example 3 View on Page
The line height of the paragraph is `normal` which will result in a line height of less than 1.5
Mode: light
<p class="qualitat-acronym">...</p>
XPath: /p[@class="qualitat-acronym"]
Example 4 View on Page
The line height of the paragraph is `normal` which will result in a line height of less than 1.5
Mode: light
<p class="qualitat-aire-estat">Bona</p>
XPath: /p[@class="qualitat-aire-estat"]
Example 5 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p class="ajuntament-guia-item-excerpt">...</p>
XPath: /p[@class="ajuntament-guia-item-excerpt"]
100 Moderate alfa SIA-R57: Landmarks don't repeat the same content
100 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The text is not included in a landmark region
Mode: light
Example 2 View on Page
The text is not included in a landmark region
Mode: light
Example 3 View on Page
The text is not included in a landmark region
Mode: light
Example 4 View on Page
The text is not included in a landmark region
Mode: light
Example 5 View on Page
The text is not included in a landmark region
Mode: light
100 Moderate alfa SC 1.4.6 AAA Visual SIA-R66: Text has enhanced contrast with its background
100 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.6 AAA

Disabilities affected:
Visual

Affected Pages

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
The highest possible contrast of the text is 5.43:1 which is below the required contrast of 7:1
Mode: light
Example 2 View on Page
The highest possible contrast of the text is 5.43:1 which is below the required contrast of 7:1
Mode: light
Example 3 View on Page
The highest possible contrast of the text is 5.43:1 which is below the required contrast of 7:1
Mode: light
Example 4 View on Page
The highest possible contrast of the text is 5.43:1 which is below the required contrast of 7:1
Mode: light
Example 5 View on Page
The highest possible contrast of the text is 5.43:1 which is below the required contrast of 7:1
Mode: light
91 Serious alfa SC 3.1.1 A Cognitive SIA-R2: HTML elements have a valid lang attribute
90 pages affected

Rule Information

Engine: alfa

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
The image does not have an accessible name
Mode: light
<img src="/images/icons/marker.svg" class="img-marker" />
XPath: /img[@class="img-marker"]
Example 2 View on Page
The image does not have an accessible name
Mode: light
<img src="/themes/barcelonacat_theme/images/menu/fletxa_1.png" />
XPath: /img
Example 3 View on Page
The image does not have an accessible name
Mode: light
<img src="/themes/barcelonacat_theme/images/menu/fletxa_3.png" />
XPath: /img
Example 4 View on Page
The image does not have an accessible name
Mode: light
<img src="/themes/barcelonacat_theme/images/menu/fletxa_3.png" />
XPath: /img
Example 5 View on Page
The image does not have an accessible name
Mode: light
<img src="/images/icons/marker.svg" class="img-marker" />
XPath: /img[@class="img-marker"]
84 Moderate alfa Best Practice SIA-R85: Paragraphs of text are not all italics
79 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer, Content Author

Blocking: No

WCAG: Best Practice

Affected Pages

Examples

Example 1 View on Page
The text of the paragraph is all italic
Mode: light
<p>All you need to make your day-to-day life in the c...</p>
XPath: /p
Example 2 View on Page
The text of the paragraph is all italic
Mode: light
<p>All the activities and places that enable you to m...</p>
XPath: /p
Example 3 View on Page
The text of the paragraph is all italic
Mode: light
<p>All the activities and places that enable you to m...</p>
XPath: /p
Example 4 View on Page
The text of the paragraph is all italic
Mode: light
<p>Coneix i descobreix els punts d'interès, la cultur...</p>
XPath: /p
Example 5 View on Page
The text of the paragraph is all italic
Mode: light
<p>Coneix iniciatives de creació, innovació i transfo...</p>
XPath: /p
74 Moderate alfa SIA-R83: Text can be resized to 200% without loss of content
74 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The text is clipped
Mode: light
Example 2 View on Page
The text is clipped
Mode: light
Example 3 View on Page
The text is clipped
Mode: light
Example 4 View on Page
The text is clipped
Mode: light
Example 5 View on Page
The text is clipped
Mode: light
40 Moderate alfa SIA-R68: Accessible name contains the visible label text
39 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element owns no elements as required by its semantic role
Mode: light
<div role="menu" class="container list-pano-rollover">...</div>
XPath: /div[@class="container list-pano-rollover"]
Example 2 View on Page
The element owns no elements as required by its semantic role
Mode: light
<div role="menu" class="container list-pano-rollover">...</div>
XPath: /div[@class="container list-pano-rollover"]
Example 3 View on Page
The element owns no elements as required by its semantic role
Mode: light
<div role="menu" class="container list-pano-rollover">...</div>
XPath: /div[@class="container list-pano-rollover"]
Example 4 View on Page
The element owns no elements as required by its semantic role
Mode: light
<div role="menu" class="container list-pano-rollover">...</div>
XPath: /div[@class="container list-pano-rollover"]
Example 5 View on Page
The element owns no elements as required by its semantic role
Mode: light
<div role="menu" class="container list-pano-rollover">...</div>
XPath: /div[@class="container list-pano-rollover"]
33 Moderate alfa SIA-R113
26 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Target has insufficient size and spacing
Mode: light
<a id="lupaCerca" href="javascript:void(0);" class="js_search_icon" />
XPath: /a[@id="lupaCerca"]
Example 2 View on Page
Target has insufficient size and spacing
Mode: light
<a href="https://ajuntament.barcelona.cat/accessible/es/servicios-y-tramites#educacion" target="_blank" title="Open in a new window">...</a>
XPath: /a
Example 3 View on Page
Target has insufficient size and spacing
Mode: light
<a id="lupaCerca" href="javascript:void(0);" class="js_search_icon" />
XPath: /a[@id="lupaCerca"]
Example 4 View on Page
Target has insufficient size and spacing
Mode: light
<a id="lupaCerca" href="javascript:void(0);" class="js_search_icon" />
XPath: /a[@id="lupaCerca"]
Example 5 View on Page
Target has insufficient size and spacing
Mode: light
<a id="lupaCerca" href="javascript:void(0);" class="js_search_icon" />
XPath: /a[@id="lupaCerca"]
29 Serious alfa SC 1.4.3 AA Visual SIA-R69: Text has sufficient contrast with its background
29 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3 AA

Disabilities affected:
Visual

Affected Pages

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
The highest possible contrast of the text is 3.27:1 which is below the required contrast of 4.5:1
Mode: light
Example 2 View on Page
The highest possible contrast of the text is 2.11:1 which is below the required contrast of 4.5:1
Mode: light
Example 3 View on Page
The highest possible contrast of the text is 4.22:1 which is below the required contrast of 4.5:1
Mode: light
Example 4 View on Page
The highest possible contrast of the text is 3.27:1 which is below the required contrast of 4.5:1
Mode: light
Example 5 View on Page
The highest possible contrast of the text is 3.27:1 which is below the required contrast of 4.5:1
Mode: light
19 Moderate alfa SIA-R13
9 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The `<iframe>` does not have an accessible name
Mode: light
<iframe frameborder="0" height="88px" src="https://ajuntament.barcelona.cat/widgets/temps/v3/?lang=ca" width="142px" id="i-temps" />
XPath: /iframe[@id="i-temps"]
Example 2 View on Page
The `<iframe>` does not have an accessible name
Mode: light
<iframe frameborder="0" height="88px" src="https://ajuntament.barcelona.cat/widgets/qualitat-aire/v2/?lang=ca&config=lameva&20240110" width="336px" id="qualitat-aire-i" />
XPath: /iframe[@id="qualitat-aire-i"]
Example 3 View on Page
The `<iframe>` does not have an accessible name
Mode: light
<iframe frameborder="0" height="410px" src="https://com-shi-va.barcelona.cat/ca/api/widget/route" width="100%" />
XPath: /iframe
Example 4 View on Page
The `<iframe>` does not have an accessible name
Mode: light
<iframe src="https://geoportal.barcelona.cat/PlanolBCN/widget/Widget.aspx?lang=CA" id="iframe-planol" />
XPath: /iframe[@id="iframe-planol"]
Example 5 View on Page
The `<iframe>` does not have an accessible name
Mode: light
<iframe frameborder="0" height="88px" src="https://ajuntament.barcelona.cat/widgets/temps/v3/?lang=ca" width="142px" id="i-temps" />
XPath: /iframe[@id="i-temps"]
17 Serious alfa SC 2.4.4, SC 4.1.2 A Visual Motor Cognitive SIA-R12: Links have an accessible name
5 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 2.4.4, 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
The button does not have an accessible name
Mode: light
<img src="/images/icons/layers.svg" role="button" />
XPath: /img
Example 2 View on Page
The button does not have an accessible name
Mode: light
<button class="geoLocation" />
XPath: /button[@class="geoLocation"]
Example 3 View on Page
The button does not have an accessible name
Mode: light
<button class="canviFons" />
XPath: /button[@class="canviFons"]
Example 4 View on Page
The button does not have an accessible name
Mode: light
<button class="mostraStreetView">...</button>
XPath: /button[@class="mostraStreetView"]
Example 5 View on Page
The button does not have an accessible name
Mode: light
<img src="/images/icons/layers.svg" role="button" />
XPath: /img
11 Moderate alfa SIA-R74
6 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The font size is specified using an absolute unit
Mode: light
<p class="qualitat-acronym">...</p>
XPath: /p[@class="qualitat-acronym"]
Example 2 View on Page
The font size is specified using an absolute unit
Mode: light
<p class="qualitat-aire-estat">Bona</p>
XPath: /p[@class="qualitat-aire-estat"]
Example 3 View on Page
The font size is specified using an absolute unit
Mode: light
<p class="qualitat-acronym">...</p>
XPath: /p[@class="qualitat-acronym"]
Example 4 View on Page
The font size is specified using an absolute unit
Mode: light
<p class="qualitat-aire-estat">Bona</p>
XPath: /p[@class="qualitat-aire-estat"]
Example 5 View on Page
The font size is specified using an absolute unit
Mode: light
<p class="qualitat-acronym">...</p>
XPath: /p[@class="qualitat-acronym"]
10 Moderate alfa SIA-R78: Headings of same level have text content between them
10 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
There is no content between this heading and the next
Mode: light
<h3>Ca l’Alier</h3>
XPath: /h3
Example 2 View on Page
There is no content between this heading and the next
Mode: light
<h3>...</h3>
XPath: /h3
Example 3 View on Page
There is no content between this heading and the next
Mode: light
<h3>Ca l’Alier</h3>
XPath: /h3
Example 4 View on Page
There is no content between this heading and the next
Mode: light
<h2> Pàgina exemple mapa sant jordi </h2>
XPath: /h2
Example 5 View on Page
There is no content between this heading and the next
Mode: light
<h3>...</h3>
XPath: /h3
8 Critical alfa SC 4.1.2 A Visual Motor Cognitive SIA-R11: Button elements have an accessible name
7 pages affected

Rule Information

Engine: alfa

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
The link does not have an accessible name
Mode: light
<a id="lupaCerca" href="javascript:void(0);" class="js_search_icon" />
XPath: /a[@id="lupaCerca"]
Example 2 View on Page
The link does not have an accessible name
Mode: light
<a id="lupaCerca" href="javascript:void(0);" class="js_search_icon" />
XPath: /a[@id="lupaCerca"]
Example 3 View on Page
The link does not have an accessible name
Mode: light
<a id="lupaCerca" href="javascript:void(0);" class="js_search_icon" />
XPath: /a[@id="lupaCerca"]
Example 4 View on Page
The link does not have an accessible name
Mode: light
<a id="lupaCerca" href="javascript:void(0);" class="js_search_icon" />
XPath: /a[@id="lupaCerca"]
Example 5 View on Page
The link does not have an accessible name
Mode: light
<area shape="poly" alt="" coords="580,500,584,501,597,517,615,514,618,514,620,516,623,519,625,520,633,520,643,524,650,524,650,542,663,542,663,545,663,552,663,560,663,569,663,575,663,578,666,578,671,578,674,578,674,578,674,579,674,581,675,598,672,598,661,595,652,598,655,606,650,607,649,605,648,602,647,600,644,601,637,604,627,608,616,613,606,618,599,621,596,622,594,627,596,631,600,630,600,631,566,643,558,648,558,648,557,649,556,648,538,658,537,655,539,653,540,655,562,643,561,641,563,640,565,641,581,636,579,630,577,631,574,632,572,633,570,633,566,633,565,635,566,638,564,639,563,636,564,633,563,632,565,630,564,629,566,627,567,628,567,629,568,629,572,628,575,628,579,625,580,624,579,623,580,622,582,623,588,618,588,617,583,621,582,620,578,623,575,619,577,618,575,617,583,611,582,609,584,608,590,615,591,614,588,610,593,606,596,610,599,608,599,607,598,606,599,604,600,604,602,604,604,603,604,601,603,600,602,600,601,599,593,605,591,603,590,600,591,599,591,601,592,602,593,601,592,599,592,598,593,600,594,600,593,597,594,597,595,599,596,598,595,596,595,596,597,598,597,597,598,597,597,596,597,595,597,594,599,596,600,595,598,594,599,593,600,595,606,597,608,596,607,596,608,595,609,596,610,594,613,592,615,591,616,589,619,584,620,581,620,580,619,575,619,574,619,573,617,572,615,571,606,588,590,592,588,584,590,583,590,585,591,584,604,580,608,572,588,577,590,582,588,583,587,578,577,580,582,602,575,603,574,600,572,594,571,587,570,584,570,582,569,581,570,580,569,577,568,575,574,574,572,569,559,554,553,548,554,522,580,500" href="#" districte="1" />
XPath: /area
6 Moderate alfa SIA-R80: ASCII art has a text alternative
6 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The line height is specified using an absolute unit
Mode: light
<p class="info_paragraph">...</p>
XPath: /p[@class="info_paragraph"]
Example 2 View on Page
The line height is specified using an absolute unit
Mode: light
<p class="info_paragraph">...</p>
XPath: /p[@class="info_paragraph"]
Example 3 View on Page
The line height is specified using an absolute unit
Mode: light
<p class="info_paragraph">...</p>
XPath: /p[@class="info_paragraph"]
Example 4 View on Page
The line height is specified using an absolute unit
Mode: light
<p class="info_paragraph">...</p>
XPath: /p[@class="info_paragraph"]
Example 5 View on Page
The line height is specified using an absolute unit
Mode: light
<p class="fem_barri description">Vive la esencia de cada uno de los distritos de Ba...</p>
XPath: /p[@class="fem_barri description"]
4 Moderate alfa SIA-R18: ARIA states are consistent with element semantics
4 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The attribute is prohibited for the element on which it is specified
Mode: light
Example 2 View on Page
The attribute is prohibited for the element on which it is specified
Mode: light
Example 3 View on Page
The attribute is prohibited for the element on which it is specified
Mode: light
Example 4 View on Page
The attribute is prohibited for the element on which it is specified
Mode: light
4 Moderate alfa SIA-R56: Landmarks with the same role are distinguishable
4 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Some `navigation` have the same name.
Mode: light
Example 2 View on Page
Some `navigation` have the same name.
Mode: light
Example 3 View on Page
Some `navigation` have the same name.
Mode: light
Example 4 View on Page
Some `navigation` have the same name.
Mode: light
4 Moderate alfa SIA-R72
4 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The text of the paragraph is uppercased
Mode: light
<p>Ves al zoo</p>
XPath: /p
Example 2 View on Page
The text of the paragraph is uppercased
Mode: light
<p>Go to the zoo</p>
XPath: /p
Example 3 View on Page
The text of the paragraph is uppercased
Mode: light
<p>Ve al zoo</p>
XPath: /p
Example 4 View on Page
The text of the paragraph is uppercased
Mode: light
<p class="name">Ciutat Vella</p>
XPath: /p[@class="name"]
4 Critical alfa SC 1.3.1, SC 4.1.2 A Visual Motor Cognitive SIA-R8: Form elements have accessible labels
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer, UX Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 1.3.1, 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
The form field does not have an accessible name
Mode: light
<select class="districtsrc" name="districtstr" id="districtsrc" tabindex="-98">...</select>
XPath: /select[@id="districtsrc"]
Example 2 View on Page
The form field does not have an accessible name
Mode: light
<select name="ctg" id="ctg" class="" tabindex="-98">...</select>
XPath: /select[@id="ctg"]
Example 3 View on Page
The form field does not have an accessible name
Mode: light
<select id="entradatipus" name="ticket" class="" tabindex="-98">...</select>
XPath: /select[@id="entradatipus"]
Example 4 View on Page
The form field does not have an accessible name
Mode: light
<select onchange="buscadorHandler(this, this.value)">...</select>
XPath: /select
3 Moderate alfa SIA-R17
3 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The element is either tabbable or has tabbable descendants
Mode: light
<div class="slick-slide" data-slick-index="0" role="group" aria-label="slide 1" style="width: 1280px;" aria-hidden="true">...</div>
XPath: /div[@class="slick-slide"]
Example 2 View on Page
The element is either tabbable or has tabbable descendants
Mode: light
<div aria-hidden="true" id="ajuntament-maps" data-lat="41.3850640" data-lon="2.1734030" data-zoom="13" aria-live="polite" role="region" aria-label="Map of entities">...</div>
XPath: /div[@id="ajuntament-maps"]
Example 3 View on Page
The element is either tabbable or has tabbable descendants
Mode: light
<div aria-hidden="true" id="ajuntament-maps" data-lat="41.3850640" data-lon="2.1734030" data-zoom="13" aria-live="polite" role="region" aria-label="Map of entities">...</div>
XPath: /div[@id="ajuntament-maps"]
3 Serious alfa SC 1.3.1 A Visual Cognitive SIA-R42: Elements with an explicit ARIA role have the required parent element
1 pages affected

Rule Information

Engine: alfa

Roles: 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
The element is not owned by an element of its required context role
Mode: light
<li class="pager__item pager__previous">...</li>
XPath: /li[@class="pager__item pager__previous"]
Example 2 View on Page
The element is not owned by an element of its required context role
Mode: light
<li class="pager__item pager__current">...</li>
XPath: /li[@class="pager__item pager__current"]
Example 3 View on Page
The element is not owned by an element of its required context role
Mode: light
<li class="pager__item pager__next">...</li>
XPath: /li[@class="pager__item pager__next"]
2 Moderate alfa SIA-R3: lang attribute has a valid language code
2 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The element does not have a unique ID
Mode: light
<span id="docs-internal-guid-75815e4c-7fff-d7dc-ae50-c3df6209078d">Metro</span>
XPath: /span[@id="docs-internal-guid-75815e4c-7fff-d7dc-ae50-c3df6209078d"]
Example 2 View on Page
The element does not have a unique ID
Mode: light
<span id="docs-internal-guid-1c1c5e17-7fff-bed9-0379-d20d44cd14a0">Metro</span>
XPath: /span[@id="docs-internal-guid-1c1c5e17-7fff-bed9-0379-d20d44cd14a0"]
1 Moderate alfa Best Practice SIA-R64: Heading has non-empty accessible name
1 pages affected

Rule Information

Engine: alfa

Roles: Content Author, Front-End Developer

Blocking: No

WCAG: Best Practice

Examples

Example 1 View on Page
The heading does not have an accessible name
Mode: light
<h3 dir="ltr"> </h3>
XPath: /h3
1 Moderate alfa Best Practice SIA-R53: Headings follow a logical hierarchy
1 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: No

WCAG: Best Practice

Affected Pages

Examples

Example 1 View on Page
The heading skips one or more levels
Mode: light
<h3>...</h3>
XPath: /h3
1 Moderate alfa SIA-R90: iframe elements have an accessible name
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The element has tabbable descendants
Mode: light
<button class="platges-button platges-transports-control">...</button>
XPath: /button[@class="platges-button platges-transports-control"]

🔧 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
<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
<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
<h2>Adreces</h2>
XPath: li:nth-child(2) > h2
Example 4 View on Page
All page content should be contained by landmarks
Mode: light
<p>
XPath: li:nth-child(2) > .llistat > li > p
Example 5 View on Page
All page content should be contained by landmarks
Mode: light
<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
<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
<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
<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
<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
<a href="#carousel-capcalera" class="visually-hidden focusable to-main-content" tabindex="1"> Vés al contingut </a>
XPath: .focusable
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
<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
<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
<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
<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
<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
98 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
<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
<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
<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
<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
<img src="/images/icons/marker.svg" class="img-marker">
XPath: iframe[height="410px"]
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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<h3 class="sr-only" role="status">Showing <span>10</span> results.</h3>
XPath: h3[role="status"]
15 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
<a target="_blank" href="../ca/">Plànol</a>
XPath: #iframe-planol
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<span class="s2">Online booking</span>
XPath: .s2
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a target="_blank" href="../ca/">Plànol</a>
XPath: #iframe-planol
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a target="_blank" href="../en/">Barcelona map</a>
XPath: #planol-screen > iframe
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a target="_blank" href="../es/">Plano</a>
XPath: #planol-screen > iframe
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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<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
<button class="geoLocation"></button>
XPath: #iframe-planol
Example 2 View on Page
Buttons must have discernible text
Mode: light
<button class="geoLocation"></button>
XPath: #iframe-planol
Example 3 View on Page
Buttons must have discernible text
Mode: light
<button class="geoLocation"></button>
XPath: #planol-screen > iframe
Example 4 View on Page
Buttons must have discernible text
Mode: light
<button class="geoLocation"></button>
XPath: #planol-screen > iframe
Example 5 View on Page
Buttons must have discernible text
Mode: light
<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
<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
<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
<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
<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
<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
<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
<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
<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
<html lang="cat">
XPath: #iframe-planol
Example 2 View on Page
<html> element must have a valid value for the lang attribute
Mode: light
<html lang="cat">
XPath: #iframe-planol
Example 3 View on Page
<html> element must have a valid value for the lang attribute
Mode: light
<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
<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
<div class="title" tabindex="-1" role="button"></div>
XPath: #fembarri
Example 2 View on Page
ARIA commands must have an accessible name
Mode: light
<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
<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
<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
<select name="ctg" id="ctg" class="" tabindex="-98">
XPath: #ctg
Example 3 View on Page
Select element must have an accessible name
Mode: light
<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
<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
<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
<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
<h3 class="movieInfo-Title" style="line-height: normal;">Eternity</h3>
XPath: .widgetCartelleraIF
2 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
<th scope="col"></th>
XPath: th:nth-child(1)
Example 2 View on Page
Table header text should not be empty
Mode: light
<th scope="col"></th>
XPath: th:nth-child(4)
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
<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
<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
<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
<button class="platges-button platges-transports-control">
XPath: .platges-button
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
<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"]