Cas pràctic, exercicis i llista de comprovació

Aquesta lliçó reuneix el curs en un cas complet, de les notes d'avaluació a la declaració, seguit d'exercicis i de la llista de comprovació per a cada lliurament.

Cas pràctic: el portal de l'Ajuntament de Sierra Alta

L'Ajuntament de Sierra Alta (fictici, uns 40.000 habitants) encarrega l'auditoria del seu portal www.sierraalta.ejemplo.es amb nivell objectiu WCAG 2.2 AA. La mostra té 20 pàgines i dos processos complets: demanar cita prèvia per al padró i pagar una taxa. La seu electrònica i l'aplicació queden fora d'aquest encàrrec. Les notes d'avaluació recullen, entre d'altres, aquestes observacions:

1. Els tres botons d'icona de la capçalera no tenen nom accessible: anotat 20 vegades, una per pàgina.
2. El bàner de galetes atrapa el focus: el focus entra al seu marc i la tecla Tab ja no en surt ni arriba als seus botons, així que no se'n pot sortir amb teclat.
3. El calendari de cita prèvia, d'un proveïdor contractat, no és operable amb teclat ni comunica la data seleccionada.
4. Els errors del formulari de pagament no s'anuncien ni s'associen als camps.
5. Els botons de paginació de les notícies fan 18 × 18 píxels, sense prou espai al voltant.
6. El vídeo de benvinguda de la portada (2024) no té subtítols i el reproductor no ofereix cap control per activar-los.
7. Hi ha 120 PDF de bases de subvencions publicats entre el 2019 i el 2026 sense etiquetar.
8. Hi ha ordenances escanejades del 2012 al 2017; dos d'aquests PDF són models de sol·licitud que encara es fan servir.

Pas 1: consolidar les troballes

Les 20 anotacions de la capçalera són una única troballa de plantilla amb 20 instàncies (H-01, 4.1.2 Nom, funció i valor). El calendari genera una troballa amb dos criteris (2.1.1 Teclat i 4.1.2) i es marca com a component de proveïdor. Els PDF de subvencions són una troballa de secció; les ordenances escanejades se separen en dos grups: les que queden fora de l'àmbit per data i els dos models en ús, que hi són dins.

Pas 2: severitat, freqüència i esforç

Troballa	Severitat	Freqüència	Esforç	Fase
H-02 El bàner de galetes atrapa el focus (2.1.2)	Crítica	Global	Baix	0
H-01 Botons d'icona sense nom (4.1.2)	Alta	Global	Baix	0
H-03 Calendari de cita no operable (2.1.1, 4.1.2)	Crítica	Procés essencial	Mitjà, depèn del proveïdor	1, amb alternativa telefònica mentrestant
H-04 Errors del pagament no anunciats (3.3.1, 4.1.3)	Alta	Procés essencial	Mitjà	1
H-06 Vídeo sense subtítols i sense control (1.2.2, EN 7.3)	Alta	Portada	Baix	0
H-07 PDF de subvencions sense etiquetar (1.3.1)	Alta	Secció	Alt	3, començant per les convocatòries obertes
H-08 Dos models de sol·licitud escanejats que encara es fan servir (1.1.1, 1.3.1)	Alta	Dos documents	Mitjà	1, refent-los com a documents accessibles
H-05 Paginació amb objectius petits (2.5.8)	Mitjana	Secció	Baix	2

Pas 3: correspondències

H-05 correspon a un criteri nou de les WCAG 2.2 sense equivalent a l'EN 301 549 v3.2.1 (PDF, s'obre en una finestra nova): es marca com a «només WCAG 2.2». H-06 hi afegeix el requisit 7.3 de l'EN, sense número WCAG. En total, comptant tres criteris més de menor impacte que no es detallen aquí, hi ha 12 criteris WCAG incomplerts, dels quals 11 tenen requisit equivalent al capítol 9, més el requisit 7.3: 12 requisits de la norma incomplerts.

Pas 4: el resum executiu

Pas 5: la declaració

Situació: parcialment conforme. Apartat (a), manca de conformitat, en llenguatge clar: l'avís de galetes atrapa el focus del teclat i no permet continuar navegant [9.2.1.2]; el calendari de cita prèvia no es pot fer servir amb teclat ni informa de la data seleccionada [9.2.1.1 i 9.4.1.2]; el formulari de pagament no comunica els errors [9.3.3.1 i 9.4.1.3]; el vídeo de benvinguda no té subtítols ni el reproductor permet activar-los [9.1.2.2 i 7.3]; els botons de la capçalera no tenen nom per als lectors de pantalla [9.4.1.2]; les bases de subvencions en PDF no tenen estructura; i els dos models de sol·licitud escanejats no són accessibles. Apartat (b): no s'al·lega càrrega desproporcionada. Apartat (c): les ordenances escanejades anteriors al setembre de 2018 que no són necessàries per a tràmits actius. Una nota final informa dels objectius tàctils petits de la paginació com a barrera relativa a les WCAG 2.2.

Pas 6: control de qualitat

El revisor reprodueix les troballes crítiques i altes, comprova que els 12 criteris «no compleix» tenen troballa i que el resum quadra amb el full, i descobreix una captura del formulari de pagament amb el nom i el NIF d'una veïna: se substitueix per una altra feta amb dades de prova abans d'emetre la versió 1.0.

Exercicis d'autoavaluació

1. Reescriu aquesta troballa: «El formulari de contacte té problemes amb el lector de pantalla».

Veure la solució

Per exemple: «Els camps del formulari de contacte no tenen etiqueta associada. En recórrer-los amb NVDA només s'anuncia "editar" als quatre camps (1.3.1 Informació i relacions, 4.1.2 Nom, funció i valor)». Després venen a qui afecta, passos numerats amb la combinació de prova, el codi incorrecte i el correcte amb label for i un criteri d'acceptació.

2. A l'esborrany, el client demana canviar l'1.4.3 Contrast (mínim) a «compleix» perquè el seu manual de marca obliga a fer servir aquest gris. Què fas?

Veure la solució

Mantens el veredicte, perquè no hi ha cap evidència nova: la relació de contrast mesurada continua per sota de 4,5:1. Pots recollir la posició del client en una nota i proposar un to de la mateixa gamma que compleixi.

3. La passarel·la de pagament la presta un banc contractat per l'ajuntament i no és operable amb teclat. Pot anar a l'apartat de contingut fora de l'àmbit?

Veure la solució

No. L'entitat la contracta i la finança, i forma part del seu procés de pagament. És una manca de conformitat de l'apartat (a), amb el seu pla de correcció i, mentrestant, una alternativa accessible.

4. Un lloc incompleix el 3.3.8 Autenticació accessible (mínim). Com es cita a la declaració segons la norma vigent?

Veure la solució

No com a requisit «9.3.3.8», perquè no existeix a l'EN 301 549 v3.2.1. A l'informe es marca com a «només WCAG 2.2»; a la declaració es pot esmentar en una nota separada si l'entitat vol ser transparent, sense presentar-lo com a requisit incomplert de la norma.

5. Un portal incompleix 31 dels 50 requisits aplicables del capítol 9. Quina situació de compliment proposes?

Veure la solució

No conforme, perquè no es compleix la majoria dels requisits. L'informe explica la base del càlcul, i la decisió final correspon a l'entitat.

Llista de comprovació

• El resum executiu respon, en dues pàgines, si compleix, què falla més, què cal fer primer i què implica.
• Cada troballa és un problema amb les seves instàncies, agrupada per component.
• Cada troballa té un títol amb on i què falla, passos, evidència, criteri i severitat.
• Cada recomanació inclou codi o una regla editorial i un criteri d'acceptació.
• Les recomanacions van separades dels incompliments.
• El pla s'ordena per impacte, freqüència i esforç, amb el que és global i barat primer.
• La taula de resultats recull els 55 criteris amb el seu requisit de l'EN 301 549.
• Els criteris nous de la 2.2 estan marcats i el 4.1.1 porta la seva nota.
• Els requisits de l'EN aliens a les WCAG que s'apliquen estan avaluats.
• Les xifres del resum coincideixen amb el full de troballes.
• Les troballes crítiques i altes han passat una revisió per parells.
• Cap evidència no mostra dades personals.
• L'informe és accessible i té número de versió i control de canvis.
• Hi ha resultats separats per a cada lloc o aplicació que necessita la seva declaració.
• Les exclusions es basen en fets comprovats i la situació proposada n'explica la base.

Per continuar aprenent

• WCAG-EM: metodologia d'avaluació de la conformitat (W3C)
• WCAG-EM Report Tool, per generar informes estructurats (W3C)
• Decisió d'Execució (UE) 2018/1523, model de declaració d'accessibilitat (EUR-Lex)
• Reial decret 1112/2018, text consolidat (BOE)
• EN 301 549 v3.2.1 (ETSI, PDF en anglès)