Addaw, anar a la pàgina d'inici Donar

Lliçó 2 de 10 · 14 min de lectura · Revisada el 26/10/2026

El cicle de vida accessible: fases, responsables i portes de qualitat

Estàs llegint una lliçó oberta. Matricula't per fer els tests i els exercicis, desar el teu progrés i aconseguir el certificat.

Matricula-m'hi · nivell 7 (179 €)

Les lliçons d'aquest curs recorren el producte digital fase per fase: requisits i disseny, components, treball diari de l'equip, proves, llançament, operació i evolució. Abans d'entrar en cadascuna és convenient tenir el mapa complet. En aquesta lliçó veuràs quina pregunta d'accessibilitat es respon en cada fase, quin lliurable la deixa per escrit, qui n'és responsable i quines portes de qualitat (quality gates, controls que cal superar per passar a la fase següent) impedeixen que un problema avanci sense que ningú el vegi.

De l'auditoria puntual al cicle de vida

Moltes organitzacions gestionen l'accessibilitat com un esdeveniment: s'encarrega una auditoria, arriba un informe amb cent troballes, se'n corregeix una part i, un any després, la següent auditoria en troba cent més. El problema no és l'auditoria, que vas estudiar a fons al nivell 4, sinó que actua sobre el resultat i no sobre el procés que el produeix. Cada versió nova torna a fabricar els mateixos errors perquè no ha canviat res en com es demana, es dissenya, es construeix i es publica.

Gestionar l'accessibilitat en el cicle de vida significa tractar-la com una propietat de qualitat, igual que la seguretat o el rendiment, amb activitats, responsables i controls en cada fase. Al nivell 5 vas veure els rols de l'organització i al curs anterior, l'estratègia; aquí baixem a l'equip de producte: què fa cada persona, en cada fase, en un producte concret.

Sis fases, sis preguntes

Cada organització anomena les seves fases a la seva manera, però gairebé totes es poden agrupar en sis:

FasePregunta d'accessibilitatLliurableResponsable principal
1. Descobrir i definirQui el farà servir, amb quines tecnologies de suport i sota quines obligacions legals?Fitxa de context i clàusula d'accessibilitatProducte
2. DissenyarEs pot percebre, entendre i fer servir la interfície tal com està dibuixada?Dissenys anotats i revisatsDisseny (experiència d'usuari i visual)
3. ConstruirEl codi exposa una semàntica, un teclat i uns estats correctes?Components del design system i codi revisatDesenvolupament
4. VerificarFunciona de debò amb teclat, lector de pantalla i zoom?Resultats de proves automàtiques i manualsQA
5. LlançarPodem publicar i què declarem?Decisió de sortida, excepcions i documentació de conformitatProducte, amb QA i accessibilitat
6. Operar i evolucionarEs manté l'accessibilitat amb contingut nou, tercers i canvis?Monitoratge, registre d'incidències i pla d'evolucióOperacions i producte

Les lliçons següents desenvolupen cada fila: requisits i disseny a «Shift-left»; la construcció a «Design systems accessibles» i «L'accessibilitat dins de l'sprint»; la verificació a «QA i automatització»; el llançament en la seva pròpia lliçó; i l'operació i l'evolució a «Operació» i «Productes existents». El que s'aprèn a la fase 6 torna a la fase 1 de la versió següent.

Infografia · Cicle

Sis fases del cicle de vida accessible

Cada fase respon una pregunta d'accessibilitat i acaba en una porta de qualitat

  1. Fase 1: Descobrir i definirMarc legal, persones usuàries, plataformes i tercers
  2. Fase 2: DissenyarDissenys anotats amb tots els seus estats i revisats
  3. Fase 3: ConstruirComponents del design system i revisió de codi
  4. Fase 4: VerificarProves automàtiques i manuals amb tecnologies de suport
  5. Fase 5: LlançarCriteris de sortida, excepcions i documentació
  6. Fase 6: Operar i evolucionarMonitorar, atendre incidències i aprendre per a la versió següent

Després de la fase 6, el cicle torna a començar per la fase 1.

ADDAW · Cursos d'accessibilitat
Llegir la infografia com a text

Cicle de sis fases que es repeteix a cada versió del producte. Fase 1, descobrir i definir: marc legal, persones usuàries, plataformes, tecnologies de suport i tercers. Fase 2, dissenyar: dissenys anotats amb tots els seus estats i revisats amb una llista fixa. Fase 3, construir: components del design system i revisió de codi amb un bloc d'accessibilitat. Fase 4, verificar: proves automàtiques al pipeline i proves manuals amb tecnologies de suport. Fase 5, llançar: criteris de sortida, excepcions documentades i documentació de conformitat. Fase 6, operar i evolucionar: monitoratge, gestió d'incidències i aprenentatge que torna a la fase 1 de la versió següent. Entre cada fase i la següent hi ha una porta de qualitat amb criteri, evidència, persona que decideix i conseqüència si no es compleix.

La fase oblidada: descobrir i definir

És la fase que menys es mira i la que més condiciona la resta. Abans de la primera història d'usuari, l'equip respon quatre preguntes en una fitxa de context:

  1. Marc legal. És un servei del sector públic, subjecte al RD 1112/2018 (PDF, s'obre en una finestra nova) amb l'EN 301 549 (PDF, s'obre en una finestra nova) com a referència tècnica? És un servei cobert per la Llei 11/2023 (PDF, s'obre en una finestra nova), com el comerç electrònic, els serveis bancaris per a consumidors, els serveis de transport de viatgers o els llibres electrònics? Es vendrà a administracions que exigiran l'EN 301 549 als seus plecs? La resposta fixa el nivell exigit, els terminis i la documentació que caldrà produir en llançar-lo.
  2. Persones usuàries. Quins perfils el faran servir i en quins contextos? Un tràmit per a persones grans i una app de transport que es fa servir dret en una andana plantegen necessitats diferents. És el moment de planificar la investigació amb persones usuàries amb discapacitat del curs N7-C4.
  3. Plataformes i tecnologies de suport. Navegadors, sistemes operatius, app nativa o híbrida, i la matriu de tecnologies de suport amb què es provarà: per exemple, NVDA amb Chrome i Firefox, JAWS si hi ha usuaris corporatius, VoiceOver a macOS i iOS, TalkBack a Android, zoom i text gran del sistema.
  4. Dependències de tercers. Passarel·la de pagament, signatura electrònica, mapes, xat, gestor de galetes, reproductor de vídeo. Cadascuna és un risc que convé avaluar abans de comprometre-s'hi.

Exemple

Una entitat financera prepara una app per contractar dipòsits. A la fitxa de context anota: servei bancari per a consumidors, cobert per la Llei 11/2023 des del 28 de juny de 2025; referència tècnica WCAG 2.2 AA i capítol 11 de l'EN 301 549 per a l'app; matriu de proves amb VoiceOver a iOS, TalkBack a Android, text gran del sistema i control per veu; dependència crítica, el mòdul de verificació d'identitat per vídeo d'un proveïdor extern. L'equip demana al proveïdor un informe de conformitat i una demostració amb lector de pantalla abans de signar, descobreix que la captura del document d'identitat no dona instruccions accessibles i ho resol en la negociació, amb una clàusula i una data, no en producció.

Qui fa què: responsabilitats per criteri

«L'accessibilitat és cosa de tothom» és cert i, dit així, inútil: si és de tothom, ningú no la té a la seva llista de tasques. El W3C publica un recurs per a això, l'Accessibility Roles and Responsibilities Mapping (ARRM), que reparteix les comprovacions entre rols i distingeix entre responsabilitat principal, secundària i de contribució. La idea clau: per a cada criteri, una persona respon que es compleixi i d'altres hi contribueixen. Una assignació orientativa:

CriteriResponsable principalHi contribueixen
1.1.1 Contingut no textualContinguts (redacta el text alternatiu)Disseny (marca quines imatges són decoratives); desenvolupament (implementa l'atribut)
1.4.3 Contrast (mínim)Disseny visual (defineix els parells de color)Design system (tokens); desenvolupament (aplica els tokens)
2.4.3 Ordre del focusDesenvolupamentDisseny d'interacció (anota l'ordre previst)
3.3.1 Identificació d'errorsDisseny d'interacció i continguts (on apareix l'error i què diu)Desenvolupament (associació amb el camp i anunci)
4.1.2 Nom, funció i valorDesenvolupamentDesign system (components que obliguen a passar el nom)

Error freqüent

Concentrar l'accessibilitat en una sola persona experta que ho revisa tot. En pocs mesos és un coll d'ampolla, l'equip deixa d'aprendre perquè «ja ho mirarà ella» i, quan aquesta persona se'n va, el coneixement se'n va amb ella. La persona experta ha de dissenyar el procés, formar i resoldre els casos difícils, no ser l'única que comprova.

Portes de qualitat entre fases

Una porta de qualitat és un control explícit en la transició entre dues fases. Cada porta necessita quatre elements: un criteri verificable, l'evidència que ho demostra, la persona que decideix i el que passa si no es compleix.

PortaCriteriEvidènciaSi no es compleix
Disseny → desenvolupamentPantalles revisades amb la llista de 12 punts i anotades amb tots els seus estatsLlista de revisió completada al fitxer de dissenyLa història torna a disseny i no entra a l'sprint
Desenvolupament → QAPipeline d'accessibilitat en verd i prova de teclat de qui programaInforme d'axe del pull request i casella de la plantilla marcadaEl canvi no s'integra a la branca principal
QA → llançamentCriteris de sortida complerts i proves manuals fetesRegistre de proves amb tecnologies de suportNo es llança, o es llança amb una excepció aprovada
Llançament → operacióDocumentació de conformitat i suport preparatsDeclaració o informe actualitzats; guió de suportS'ajorna l'anunci públic

Les portes no s'han de convertir en burocràcia. Si una comprovació es pot automatitzar, com el pipeline, automatitza-la; si exigeix criteri, com la revisió de disseny, que sigui breu i amb una llista fixa. Una porta que triga més del que aporta s'acaba saltant.

Punt clau

Cada fase del cicle té una pregunta d'accessibilitat, un lliurable que la respon, una persona responsable i una porta de sortida. Si a la teva organització falta algun d'aquests quatre elements en alguna fase, és per aquí per on s'escapen els defectes.

Prova-ho tu

Pensa en un producte en què treballis ara. Dibuixa una taula de sis files, una per cada fase d'aquesta lliçó, i tres columnes: lliurable d'accessibilitat que existeix avui, persona responsable i porta de sortida. Marca les cel·les buides. Solen quedar buides les primeres files i l'última; desa la taula per completar-la al final del curs.

Resum

  • Auditar al final actua sobre el resultat; integrar l'accessibilitat en el cicle de vida actua sobre el procés que produeix els errors.
  • El cicle s'organitza en sis fases (descobrir i definir, dissenyar, construir, verificar, llançar, operar i evolucionar), cadascuna amb la seva pregunta, el seu lliurable i el seu responsable.
  • La fase de definició fixa el marc legal, les persones usuàries, la matriu de tecnologies de suport i els tercers crítics, i condiciona tota la resta.
  • Cada criteri té un responsable principal i d'altres que hi contribueixen; l'ARRM del W3C ofereix un model per repartir-los.
  • Les portes de qualitat, amb criteri, evidència, persona que decideix i conseqüència, impedeixen que els defectes avancin cap a les fases més cares.

Portes 7 lliçons d'aquest curs: que no es perdin

Crea el teu compte i desa el que ja has llegit i segueix el curs amb tot:

  • El test d'aquesta lliçó (3 preguntes) per comprovar el que has après
  • Exercicis pràctics amb pàgines reals
  • El teu progrés desat: continues on ho vas deixar, des de qualsevol dispositiu
  • Constància del curs amb les hores i certificat del nivell 7 quan aprovis l'examen

Entres amb el teu compte de Google o només amb el teu correu electrònic. No cal contrasenya.

Matricula-m'hi · nivell 7 (179 €)