Arrelam.cat — Revisió segons criteris WCAG 2.2 A/AA
Identificació del document
| Camp | Valor |
|---|---|
| Web avaluada | arrelam.cat |
| Responsable del lloc | Marc Rodríguez Loras — Arrelam |
| Avaluació tècnica realitzada per | Marc Rodríguez Loras — Arrelam |
| Data de revisió | 2026-04-28 |
| Data d'emissió | 2026-04-28 |
| Versió del document | 1.0 |
| Propera revisió prevista | 2026-10-28 |
| Estat del document | Informe tècnic d'avaluació interna, publicable |
| Abast resumit | Pàgines representatives del web públic d'arrelam.cat |
Índex
- Avís important
- Resum executiu
- Abast de l'avaluació
- Estàndards i criteris de referència
- Metodologia d'avaluació
- Pàgines, components i processos revisats
- Resultats generals
- Resultats per criteri WCAG 2.2 A/AA
- Registre d'incidències, observacions i validacions pendents
- Limitacions de l'avaluació
- Tecnologies utilitzades
- Compatibilitat amb tecnologies assistives
- Mecanisme de comunicació de barreres
- Pla de seguiment i revisió periòdica
- Annex A — Llista completa de pàgines revisades
- Annex B — Eines i procés intern
- Annex C — Historial de revisions
1. Avís important
Aquest document és un informe tècnic d'avaluació d'accessibilitat elaborat per Arrelam sobre el seu propi lloc web. L'objectiu és documentar la metodologia aplicada, les pàgines revisades, els resultats obtinguts i les limitacions de l'avaluació.
Aquest informe no constitueix una certificació externa acreditada, no és una declaració legal de conformitat i no substitueix una auditoria independent realitzada per una entitat certificadora amb competència tècnica reconeguda formalment.
Les conclusions s'han d'interpretar dins l'abast indicat: pàgines públiques representatives d'arrelam.cat, components comuns del lloc i proves automàtiques i manuals efectuades en la data de revisió. Qualsevol modificació posterior del lloc pot alterar els resultats aquí recollits.
L'avaluació combina eines automàtiques, comprovacions manuals i revisió tècnica sobre les pàgines incloses dins l'abast. Les conclusions s'han d'interpretar dins les limitacions indicades en aquest document.
2. Resum executiu
S'ha realitzat una avaluació tècnica d'accessibilitat sobre una mostra representativa de pàgines públiques d'arrelam.cat, combinant proves automàtiques, comprovacions manuals i revisió tècnica de components comuns.
Dins l'abast analitzat, no s'han detectat incidències crítiques o majors en les proves automàtiques i manuals efectuades. El resultat indica un bon grau d'adequació als criteris WCAG 2.2 A/AA revisats, especialment en estructura semàntica, navegació amb teclat, contrast, focus visible, formularis i components comuns.
Tot i aquest resultat, l'avaluació no equival a una certificació externa acreditada ni a una declaració legal de conformitat. Es mantenen observacions i validacions pendents, especialment en relació amb documents PDF, contingut fora d'abast i proves complementàries amb més tecnologies assistives o amb usuaris reals (vegeu seccions 9 i 10).
2.1. Mini resum
| Àrea | Resultat |
|---|---|
| Pàgines públiques revisades | 16 |
| Score Lighthouse accessibility | 100/100 a les pàgines revisades |
| Errors automàtics detectats | 0 dins l'abast revisat |
| Incidències crítiques o majors manuals | 0 dins l'abast revisat |
| Observacions / validacions pendents | Sí, documentades a la secció 9 |
| Certificació externa acreditada | No |
Un score 100/100 a Lighthouse accessibility és una dada positiva i útil com a indicador automàtic, però no equival per si sola a una conformitat WCAG completa.
3. Abast de l'avaluació
L'avaluació s'ha realitzat sobre una mostra representativa de pàgines públiques del domini arrelam.cat. L'objectiu és revisar el comportament general del lloc, els components comuns i les pàgines principals de servei i contingut.
- Domini avaluat: arrelam.cat
- Idiomes revisats: català (per defecte) i castellà
- Data de la revisió: 2026-04-28
- Mostra: 16 pàgines representatives + components comuns
3.1. Inclòs dins l'abast
- Pàgines públiques principals del lloc (Home, Mètode, Marc, Projectes).
- Pàgines de serveis (Web corporativa, WordPress, Manteniment, Seguretat, Rescat urgent, Hosting Km0, Correu/DNS, IA).
- Pàgina de contacte i formulari associat.
- Índex d'articles i un article individual.
- Header, navegació principal i menú mòbil.
- Footer.
- Banner o mecanisme de cookies, si aplica al moment de la revisió.
- Navegació per teclat.
- Focus visible i ordre de focus.
- Contrast de text i de components no textuals.
- Estructura semàntica HTML5 i landmarks.
- Jerarquia d'encapçalaments.
- Textos alternatius d'imatges.
- Components interactius (botons, enllaços, modal de menú).
3.2. Fora de l'abast
Queden fora de l'abast d'aquest informe:
- Àrees privades, funcionalitats internes o zones no públiques del lloc.
- Documents descarregables no revisats exhaustivament com a documents accessibles.
- Continguts de tercers inserits o serveis externs.
- Continguts publicats després de la data de revisió.
- Validació extensa amb diferents lectors de pantalla.
- Proves amb usuaris reals amb discapacitat.
- Certificació externa acreditada per entitat reconeguda.
3.3. Processos revisats
| Procés | Estat |
|---|---|
| Navegació principal | Revisat |
| Navegació amb teclat | Revisat |
| Formulari de contacte | Revisat |
| Acceptació/rebuig de cookies | Revisat (segons disponibilitat al moment de la revisió) |
| Lectura d'article | Revisat |
| Navegació mòbil i menú modal | Revisat |
| Accés a documents descarregables (PDF) | Parcial — pendent de revisió específica |
4. Estàndards i criteris de referència
L'avaluació pren com a referència principal les Web Content Accessibility Guidelines WCAG 2.2, especialment els criteris de nivell A i AA aplicables al contingut revisat.
També s'han tingut en compte, com a marc tècnic i normatiu de referència, la metodologia WCAG-EM del W3C i les normes europees relacionades amb l'accessibilitat digital, especialment EN 301 549 / UNE-EN 301 549 quan és aplicable.
Aquest apartat té valor informatiu i tècnic. No constitueix una interpretació jurídica sobre l'obligació legal concreta d'Arrelam o de tercers. Per a qualsevol valoració legal específica, cal recórrer a assessorament jurídic especialitzat.
| Referència | Ús dins l'informe |
|---|---|
| WCAG 2.2 (W3C, 2024) | Referència principal de criteris d'accessibilitat |
| WCAG 2.2 nivells A/AA | Objectiu tècnic de revisió |
| WCAG-EM 1.0 | Metodologia de referència per estructurar l'avaluació |
| EN 301 549 / UNE-EN 301 549 | Marc europeu de referència per accessibilitat TIC |
| Directiva (UE) 2016/2102 | Context sector públic |
| Directiva (UE) 2019/882 (EAA) | Context europeu sobre accessibilitat de productes i serveis |
| Ley 11/2023 | Transposició espanyola de requisits vinculats a l'EAA |
| RD 1112/2018 | Referència estatal per accessibilitat en sector públic |
5. Metodologia d'avaluació
L'avaluació combina proves automàtiques, revisió manual i comprovacions tècniques sobre una mostra representativa del web. La metodologia s'inspira en WCAG-EM, adaptada a l'abast i naturalesa del lloc.
5.1. Preparació
- Definició de l'abast (secció 3) i selecció de la mostra de pàgines representatives.
- Identificació dels components i processos comuns a revisar.
- Configuració de les eines automàtiques utilitzades.
5.2. Proves automàtiques
S'han executat proves automàtiques amb les eines següents:
- Lighthouse (auditoria d'accessibilitat sobre pàgines representatives).
- axe-core (motor d'auditoria utilitzat sota Lighthouse).
- Validacions internes del sistema de disseny (tokens, contrast).
Les proves automàtiques permeten detectar incidències habituals de forma ràpida i reproduïble, però no són suficients per determinar per si soles el grau real d'accessibilitat d'un lloc web.
Un score 100/100 a Lighthouse accessibility és una dada positiva, però no equival a una conformitat WCAG 2.2 AA completa. Les eines automàtiques cobreixen aproximadament un terç dels criteris WCAG.
5.3. Revisió manual
S'han realitzat comprovacions manuals sobre:
- Estructura semàntica HTML5 i landmarks.
- Jerarquia d'encapçalaments (h1 → h2 → h3).
- Textos alternatius d'imatges (descriptius i decoratius).
- Atributs ARIA, labels i roles en components interactius.
- Formularis: labels, autocomplete, identificació i suggerència d'errors.
- Missatges d'estat (
role="status"/aria-live). - Components no textuals: contrast, mida i espaiat.
5.4. Revisió amb teclat
S'ha verificat manualment la navegació amb:
TabiShift+Tabper recórrer els elements interactius.EnteriSpaceper activar controls.Escapeper tancar modals (menú mòbil).- Inspecció del focus visible (estil
:focus-visible). - Comprovació de l'ordre de focus coherent amb el DOM.
5.5. Revisió amb lector de pantalla
S'ha realitzat una comprovació bàsica amb NVDA (Windows) per verificar estructura general, navegació per encapçalaments, landmarks, enllaços, botons i camps de formulari.
Aquesta prova no substitueix una validació extensa amb diversos lectors de pantalla (VoiceOver, JAWS) ni proves amb usuaris reals. Vegeu seccions 9 i 12.
5.6. Revisió de codi i semàntica
- Inspecció del marcat HTML5 i ús d'ARIA.
- Verificació de tokens del sistema de disseny (contrast, mides).
- Comprovació del comportament
prefers-reduced-motion. - Verificació de
target sizes(WCAG 2.2 SC 2.5.8) amb regla d'excepció per espaiat.
5.7. Criteris de severitat
Per classificar les troballes s'utilitza la següent escala:
| Severitat | Descripció |
|---|---|
| Crítica | Bloqueja l'accés o l'ús d'una funcionalitat essencial |
| Major | Dificulta de manera important l'ús per a persones amb discapacitat |
| Menor | Incidència puntual o millora necessària que no bloqueja la funcionalitat principal |
| Observació | Recomanació, validació pendent o millora preventiva |
| No aplicable | El criteri no aplica al contingut revisat |
5.8. Limitacions metodològiques
- L'avaluació és pròpia, realitzada pel responsable del lloc, no per una entitat externa acreditada.
- Les proves automàtiques cobreixen una part dels criteris WCAG.
- La revisió amb tecnologies assistives s'ha limitat a NVDA en aquesta iteració.
- No s'han fet proves amb usuaris reals amb discapacitat.
6. Pàgines, components i processos revisats
6.1. Pàgines
S'han avaluat 16 pàgines representatives del lloc, cobrint els tipus principals de contingut:
| Tipus | Pàgina | URL | Resultat automàtic |
|---|---|---|---|
| Principal | Home | / | 100/100 |
| Servei | Serveis | /serveis | 100/100 |
| Servei | Web corporativa | /web-corporativa | 100/100 |
| Servei | WordPress | /wordpress | 100/100 |
| Servei | Manteniment web | /manteniment-web | 100/100 |
| Servei | Seguretat web | /seguretat-web | 100/100 |
| Servei | Rescat urgent | /rescat-urgent | 100/100 |
| Servei | Hosting Km0 | /hosting-km0 | 100/100 |
| Servei | Correu i DNS | /correu-dns | 100/100 |
| Servei | IA | /ia | 100/100 |
| Contingut | Articles (índex) | /articles | 100/100 |
| Contingut | Article individual | /articles/que-fer-web-hackejada | 100/100 |
| Corporativa | Mètode | /metode | 100/100 |
| Corporativa | Projectes | /projectes | 100/100 |
| Corporativa | Marc | /marc | 100/100 |
| Contacte | Contacte | /contacte | 100/100 |
El score Lighthouse és una mètrica d'una eina automàtica i no és substitut d'una avaluació WCAG completa. Vegeu secció 5.2.
6.2. Components
| Component | Revisió aplicada | Estat |
|---|---|---|
| Header i navegació principal | Teclat, focus, semàntica | Sense incidències crítiques o majors |
| Menú mòbil (modal) | Teclat, Escape, focus management | Sense incidències crítiques o majors |
| Footer | Enllaços, consistència, contrast | Sense incidències crítiques o majors |
| Formulari de contacte | Labels, errors, autocomplete, focus | Sense incidències crítiques o majors |
| Banner de cookies | Teclat, focus, botons | Sense incidències crítiques o majors (segons disponibilitat) |
| Cards de serveis | Semàntica, contrast, enllaços | Sense incidències crítiques o majors |
| Botons i CTAs | Contrast, focus, nom accessible | Sense incidències crítiques o majors |
| Skip-link "Saltar al contingut" | Visible al primer Tab | Sense incidències crítiques o majors |
7. Resultats generals
7.1. Resultat per severitat
| Severitat | Nombre |
|---|---|
| Crítica | 0 |
| Major | 0 |
| Menor | 0 |
| Observació | 4 (vegeu secció 9) |
| Validació pendent | Inclòs dins observacions |
7.2. Resultat per tipus de prova
| Tipus de prova | Resultat |
|---|---|
| Lighthouse accessibility | 100/100 a les pàgines revisades |
| axe-core | 0 errors automàtics dins l'abast |
| Navegació amb teclat | Sense bloquejos detectats |
| Focus visible | Sense incidències crítiques o majors |
| Formularis | Sense incidències crítiques o majors |
| Lector de pantalla (NVDA) | Prova bàsica interna correcta |
| Lectors de pantalla (VoiceOver, JAWS) | Pendent de prova externa |
| Documents PDF | Revisió exhaustiva pendent |
7.3. Resultat per principi WCAG
| Principi | Nombre de criteris revisats | Incidències crítiques o majors |
|---|---|---|
| 1 — Perceivable | 16 | 0 |
| 2 — Operable | 17 | 0 |
| 3 — Understandable | 13 | 0 |
| 4 — Robust | 2 | 0 |
Aquests recomptes corresponen als criteris efectivament revisats dins l'abast. Els criteris marcats com a "No aplicable" estan documentats a la secció 8.
8. Resultats per criteri WCAG 2.2 A/AA
A continuació es detalla l'estat dels criteris revisats. La columna Estat utilitza els valors:
- ✓ Sense incidències detectades
- N/A — No aplicable
- Observació / Pendent de validació
- Fora d'abast
8.1. Principi 1 — Perceivable
| Criteri | Nivell | Estat | Evidència / mètode | Observacions |
|---|---|---|---|---|
| 1.1.1 Non-text Content | A | ✓ Sense incidències detectades | Inspecció HTML i axe-core | <img> amb alt descriptiu o buit per decoratius; SVG decoratius amb aria-hidden="true" |
| 1.2.1 Audio-only / Video-only (Prerecorded) | A | N/A | Revisió de continguts multimèdia | No hi ha àudio només o vídeo només amb informació narrada |
| 1.2.2 Captions (Prerecorded) | A | N/A | Revisió de continguts multimèdia | El vídeo del manifest tipogràfic és muted i sense informació narrada |
| 1.2.3 Audio Description / Media Alt (Prerecorded) | A | N/A | Revisió de continguts multimèdia | No hi ha vídeo amb àudio informatiu dins l'abast |
| 1.2.4 Captions (Live) | AA | N/A | Revisió de continguts multimèdia | No hi ha contingut en directe |
| 1.2.5 Audio Description (Prerecorded) | AA | N/A | Revisió de continguts multimèdia | No hi ha vídeo amb informació visual no transmesa per altres mitjans |
| 1.3.1 Info and Relationships | A | ✓ Sense incidències detectades | Inspecció semàntica HTML5 + ARIA | Estructura amb header, nav, main, footer, article, section |
| 1.3.2 Meaningful Sequence | A | ✓ Sense incidències detectades | Inspecció DOM i revisió visual | Ordre DOM coherent amb l'ordre visual; sense reordering CSS crític |
| 1.3.3 Sensory Characteristics | A | ✓ Sense incidències detectades | Revisió manual de copy | Cap instrucció depèn únicament de forma, posició o color |
| 1.3.4 Orientation | AA | ✓ Sense incidències detectades | Revisió responsive | Sense restricció a portrait o landscape |
| 1.3.5 Identify Input Purpose | AA | ✓ Sense incidències detectades | Inspecció del formulari de contacte | Camps personals amb autocomplete adequat |
| 1.4.1 Use of Color | A | ✓ Sense incidències detectades | Revisió manual | El color no és mai l'únic mecanisme de transmissió d'informació |
| 1.4.2 Audio Control | A | N/A | Revisió de continguts multimèdia | No hi ha àudio que es reprodueixi automàticament |
| 1.4.3 Contrast (Minimum) | AA | ✓ Sense incidències detectades | axe-core sobre 16 pàgines + tokens DESIGN.md | Text normal ≥ 4.5:1; text gran ≥ 3:1 |
| 1.4.4 Resize Text | AA | ✓ Sense incidències detectades | Zoom navegador 200% | Mides en rem/em; sense pèrdua de funcionalitat |
| 1.4.5 Images of Text | AA | ✓ Sense incidències detectades | Revisió de marcat | Text com a HTML real; el logo és SVG amb text accessible |
| 1.4.10 Reflow | AA | ✓ Sense incidències detectades | Revisió a 320 CSS px | Sense scroll horitzontal a la mida mínima |
| 1.4.11 Non-text Contrast | AA | ✓ Sense incidències detectades | Inspecció de UI | Components UI ≥ 3:1 amb el fons (botons, focus rings, icones) |
| 1.4.12 Text Spacing | AA | ✓ Sense incidències detectades | Test amb estils ampliats | Sense pèrdua amb line-height 1.5 / letter-spacing 0.12em / word-spacing 0.16em |
| 1.4.13 Content on Hover or Focus | AA | ✓ Sense incidències detectades | Revisió de tooltips | Tooltips dismissables, hoverables i persistents |
8.2. Principi 2 — Operable
| Criteri | Nivell | Estat | Evidència / mètode | Observacions |
|---|---|---|---|---|
| 2.1.1 Keyboard | A | ✓ Sense incidències detectades | Navegació amb Tab/Enter/Space | Tot element interactiu accessible per teclat |
| 2.1.2 No Keyboard Trap | A | ✓ Sense incidències detectades | Revisió manual | Modal mòbil amb focus trap intencional i sortida via Escape |
| 2.1.4 Character Key Shortcuts | A | ✓ Sense incidències detectades | Revisió de codi | No s'utilitzen single-key shortcuts |
| 2.2.1 Timing Adjustable | A | N/A | Revisió de funcionalitats | No hi ha temporitzadors a l'abast revisat |
| 2.2.2 Pause, Stop, Hide | A | N/A | Revisió de continguts | El vídeo del manifest és curt, decoratiu i respecta prefers-reduced-motion |
| 2.3.1 Three Flashes or Below Threshold | A | ✓ Sense incidències detectades | Revisió visual | Cap contingut amb tres o més flaixos per segon |
| 2.4.1 Bypass Blocks | A | ✓ Sense incidències detectades | Test amb teclat | Skip-link "Saltar al contingut" visible al primer Tab |
| 2.4.2 Page Titled | A | ✓ Sense incidències detectades | Inspecció <title> | Títol únic i descriptiu per pàgina |
| 2.4.3 Focus Order | A | ✓ Sense incidències detectades | Test amb teclat | Ordre coherent amb DOM; sense tabindex positius |
| 2.4.4 Link Purpose (In Context) | A | ✓ Sense incidències detectades | Inspecció d'enllaços | Tots els enllaços amb text descriptiu |
| 2.4.5 Multiple Ways | AA | ✓ Sense incidències detectades | Revisió de navegació | Nav primària + footer + sitemap + cercador d'articles |
| 2.4.6 Headings and Labels | AA | ✓ Sense incidències detectades | Inspecció de jerarquia | Headings sense salts; labels associats |
| 2.4.7 Focus Visible | AA | ✓ Sense incidències detectades | Revisió manual amb teclat i CSS :focus-visible | Anell de focus 2 px sòlid amb offset, contrastat sobre fons |
| 2.4.11 Focus Not Obscured (WCAG 2.2 nou) | AA | ✓ Sense incidències detectades | Revisió manual a totes les pàgines | Header sticky de 81 px; cap element en focus queda totalment ocult |
| 2.5.1 Pointer Gestures | A | ✓ Sense incidències detectades | Revisió d'interaccions | Sense gestos multi-punt o path-based |
| 2.5.2 Pointer Cancellation | A | ✓ Sense incidències detectades | Revisió d'interaccions | Activació en up-event (per defecte del navegador) |
| 2.5.3 Label in Name | A | ✓ Sense incidències detectades | Inspecció ARIA | Els noms accessibles inclouen el text visible |
| 2.5.4 Motion Actuation | A | N/A | Revisió de funcionalitats | Cap funció requereix moviment del dispositiu |
| 2.5.7 Dragging Movements (WCAG 2.2 nou) | AA | N/A | Revisió de funcionalitats | El lloc no inclou interaccions amb drag |
| 2.5.8 Target Size (Minimum) (WCAG 2.2 nou) | AA | ✓ Sense incidències detectades | Inspecció CSS i auditoria manual | Targets ≥ 24×24 CSS px o passen excepció d'espaiat |
8.3. Principi 3 — Understandable
| Criteri | Nivell | Estat | Evidència / mètode | Observacions |
|---|---|---|---|---|
| 3.1.1 Language of Page | A | ✓ Sense incidències detectades | Inspecció HTML | <html lang="ca"> o lang="es" segons URL |
| 3.1.2 Language of Parts | AA | ✓ Sense incidències detectades | Inspecció HTML | Termes en altra llengua marcats amb lang quan apareixen |
| 3.2.1 On Focus | A | ✓ Sense incidències detectades | Test amb teclat | El focus no provoca canvis de context |
| 3.2.2 On Input | A | ✓ Sense incidències detectades | Revisió del formulari | El formulari no s'envia automàticament |
| 3.2.3 Consistent Navigation | AA | ✓ Sense incidències detectades | Comparativa entre pàgines | Header i footer estables a totes les pàgines |
| 3.2.4 Consistent Identification | AA | ✓ Sense incidències detectades | Revisió de components | Mateixa funcionalitat amb mateixa identificació |
| 3.2.6 Consistent Help (WCAG 2.2 nou) | A | ✓ Sense incidències detectades | Revisió de plantilles | Email de contacte i enllaç a /contacte sempre presents al footer i a la navegació |
| 3.3.1 Error Identification | A | ✓ Sense incidències detectades | Test del formulari | Errors identificats amb text + ARIA |
| 3.3.2 Labels or Instructions | A | ✓ Sense incidències detectades | Inspecció del formulari | Tots els camps amb label visible o associat |
| 3.3.3 Error Suggestion | AA | ✓ Sense incidències detectades | Test del formulari | Missatges d'error amb suggerència de correcció |
| 3.3.4 Error Prevention (Legal, Financial, Data) | AA | ✓ Sense incidències detectades | Revisió del formulari | El formulari no és vinculant i no comporta compromís legal |
| 3.3.7 Redundant Entry (WCAG 2.2 nou) | A | ✓ Sense incidències detectades | Revisió del formulari | Cap camp es demana dues vegades en el mateix procés |
| 3.3.8 Accessible Authentication (Minimum) (WCAG 2.2 nou) | AA | N/A | Revisió de funcionalitats públiques | El lloc públic d'Arrelam no té autenticació; la zona privada queda fora d'abast |
8.4. Principi 4 — Robust
| Criteri | Nivell | Estat | Evidència / mètode | Observacions |
|---|---|---|---|---|
| 4.1.1 Parsing | — | Eliminat a WCAG 2.2 | — | Criteri obsolet a WCAG 2.2; no es revisa de forma activa |
| 4.1.2 Name, Role, Value | A | ✓ Sense incidències detectades | Inspecció ARIA i axe-core | Custom controls amb nom accessible, rol correcte i estats (aria-expanded, aria-modal) |
| 4.1.3 Status Messages | AA | ✓ Sense incidències detectades | Revisió del formulari | Missatges d'estat amb role="status" o aria-live |
9. Registre d'incidències, observacions i validacions pendents
Aquesta secció recull les troballes i les validacions que es mantenen obertes. No s'han registrat incidències crítiques o majors dins l'abast revisat. Les entrades següents corresponen a observacions i validacions pendents.
| ID | Tipus | Severitat | Estat | Pàgina / Àrea | Criteri relacionat | Descripció | Recomanació |
|---|---|---|---|---|---|---|---|
| OBS-001 | Observació | Observació | Obert / planificat | Documents legals i PDFs descarregables (footer) | General — documents accessibles | Els PDFs descarregables (avís legal, política de privacitat) no han estat revisats exhaustivament com a documents accessibles. | Publicar versions HTML accessibles paral·leles i/o generar PDFs etiquetats correctament. |
| OBS-002 | Validació pendent | Observació | Pendent | Tecnologies assistives | General | La prova amb VoiceOver i JAWS no s'ha completat dins aquesta revisió. | Realitzar una validació complementària anual o abans de qualsevol auditoria externa. |
| OBS-003 | Fora d'abast | Observació | Fora d'abast | Àrees privades, funcionalitats internes o zones no públiques del lloc | 3.3.8 (si hi hagués autenticació pública) | Aquestes àrees queden fora de l'abast del present informe. | Avaluar-les en una revisió específica si en algun moment s'obren a usuaris externs. |
| OBS-004 | Validació pendent | Observació | Recomanat | Validació amb usuaris reals | General | No s'ha realitzat prova amb usuaris reals amb discapacitat. | Considerar proves amb usuaris o entitat externa en una revisió avançada. |
10. Limitacions de l'avaluació
Aquesta avaluació reflecteix l'estat del lloc en la data indicada i dins l'abast definit. Qualsevol canvi posterior en continguts, codi, components, dependències o configuració pot alterar els resultats.
Les eines automàtiques utilitzades permeten detectar una part important de les incidències habituals, però no substitueixen una revisió humana completa ni una auditoria externa acreditada.
Queden fora d'aquesta revisió:
- Àrees privades, funcionalitats internes o zones no públiques del lloc.
- Documents descarregables no revisats exhaustivament com a documents accessibles.
- Continguts de tercers inserits o serveis externs.
- Continguts publicats després de la data de revisió.
- Validació extensa amb diferents lectors de pantalla.
- Proves amb usuaris reals amb discapacitat.
Aquest informe no és una certificació externa acreditada ni una declaració legal de conformitat. El resultat reflecteix l'estat observat sobre la mostra avaluada en la data de revisió, no una garantia de conformitat universal.
11. Tecnologies utilitzades
El lloc està construït amb tecnologies web estàndard i una arquitectura orientada a simplicitat, rendiment i mantenibilitat.
| Tecnologia | Ús |
|---|---|
| HTML5 | Estructura semàntica del contingut (header, nav, main, article, section, footer) |
| CSS (Tailwind v4 amb tokens propis) | Presentació visual i sistema de disseny |
| JavaScript | Interaccions puntuals (vanilla, sense frameworks pesants) |
| WAI-ARIA 1.2 | Suport en components interactius quan l'HTML natiu no és suficient (modal de menú, banner de cookies) |
| Variable fonts (Source Serif 4, Manrope) | Tipografia amb fallbacks calibrats (size-adjust) |
| Schema.org JSON-LD | Dades estructurades per SEO i context semàntic |
WAI-ARIA s'utilitza només quan aporta valor i mai com a substitut de l'HTML semàntic natiu.
12. Compatibilitat amb tecnologies assistives
| Tecnologia / Entorn | Estat | Observacions |
|---|---|---|
| Navegació per teclat | Sense bloquejos detectats | Revisat amb Tab, Shift+Tab, Enter, Space i Escape |
| Zoom navegador 200% | Sense pèrdua crítica detectada | Revisat en pàgines representatives |
| NVDA (Windows, 2024.x) | Prova bàsica interna realitzada | Estructura general, landmarks, headings i formulari revisats |
| VoiceOver (macOS) | Pendent de prova completa | Recomanat en revisió complementària |
| JAWS | Pendent de prova externa | Recomanat si es busca una revisió avançada |
prefers-reduced-motion | Revisat | Animacions reduïdes quan l'usuari ho ha demanat al sistema |
| Mode dark / light | Revisat | Pairings de contrast verificats en ambdós modes |
13. Mecanisme de comunicació de barreres
Si qualsevol persona detecta una barrera d'accessibilitat al lloc web o necessita accedir a algun contingut en un format alternatiu, pot contactar amb Arrelam.
- Email: hola@arrelam.cat
- Assumpte recomanat: Accessibilitat
- Formulari: arrelam.cat/contacte
- Temps de resposta orientatiu: màxim 5 dies laborables
Les comunicacions rebudes s'utilitzaran per revisar i millorar progressivament l'accessibilitat del lloc.
14. Pla de seguiment i revisió periòdica
L'accessibilitat no es considera una comprovació puntual, sinó un procés de manteniment continu.
Arrelam preveu:
- Executar proves automàtiques de forma periòdica (integrades al flux de desenvolupament i CI local).
- Revisar manualment les pàgines principals com a mínim cada sis mesos.
- Reavaluar components interactius després de canvis de disseny o desenvolupament rellevants.
- Revisar documents descarregables i contingut nou abans de publicar-los, sempre que sigui possible.
- Fer una validació complementària amb tecnologies assistives almenys un cop l'any.
| Acció | Freqüència | Responsable |
|---|---|---|
| Auditoria automàtica (Lighthouse + axe-core) | Pre-push i setmanal | Arrelam |
| Revisió manual de pàgines clau | Semestral | Arrelam |
| Revisió amb lectors de pantalla addicionals | Anual | Arrelam o suport extern |
| Revisió de PDFs descarregables | Quan es publiquin nous documents | Arrelam |
| Pròxima revisió formal | 2026-10-28 | Arrelam |
Annex A — Llista completa de pàgines revisades
| Tipus | Pàgina | URL | Score Lighthouse a11y | Data revisió | Notes |
|---|---|---|---|---|---|
| Principal | Home | / | 100/100 | 2026-04-28 | — |
| Servei | Serveis (índex) | /serveis | 100/100 | 2026-04-28 | — |
| Servei | Web corporativa | /web-corporativa | 100/100 | 2026-04-28 | — |
| Servei | WordPress | /wordpress | 100/100 | 2026-04-28 | — |
| Servei | Manteniment web | /manteniment-web | 100/100 | 2026-04-28 | — |
| Servei | Seguretat web | /seguretat-web | 100/100 | 2026-04-28 | — |
| Servei | Rescat urgent | /rescat-urgent | 100/100 | 2026-04-28 | — |
| Servei | Hosting Km0 | /hosting-km0 | 100/100 | 2026-04-28 | — |
| Servei | Correu i DNS | /correu-dns | 100/100 | 2026-04-28 | — |
| Servei | IA | /ia | 100/100 | 2026-04-28 | — |
| Contingut | Articles (índex) | /articles | 100/100 | 2026-04-28 | — |
| Contingut | Article individual | /articles/que-fer-web-hackejada | 100/100 | 2026-04-28 | Mostra representativa del format article |
| Corporativa | Mètode | /metode | 100/100 | 2026-04-28 | — |
| Corporativa | Projectes | /projectes | 100/100 | 2026-04-28 | — |
| Corporativa | Marc | /marc | 100/100 | 2026-04-28 | — |
| Contacte | Contacte | /contacte | 100/100 | 2026-04-28 | Inclou formulari principal |
Annex B — Eines i procés intern
Arrelam manté proves automàtiques d'accessibilitat dins el seu flux intern de desenvolupament per detectar regressions en pàgines i components clau.
Aquestes proves es combinen amb revisions manuals periòdiques, navegació amb teclat, comprovacions de focus visible, contrast, estructura semàntica, formularis i revisió bàsica amb tecnologies assistives.
La informació detallada sobre scripts interns, configuració del repositori i processos de desenvolupament no es publica per motius de seguretat i manteniment.
B.1. Eines i mètodes utilitzats
| Eina / mètode | Funció |
|---|---|
| Lighthouse | Auditoria automàtica d'accessibilitat sobre les pàgines avaluades |
| axe-core | Motor d'auditoria executat sota Lighthouse |
| Revisió manual amb teclat | Tab order, focus visible, Escape, possibles focus traps |
| Revisió bàsica amb NVDA | Verificació d'estructura, headings, landmarks, formularis |
| Comprovació de contrast | Text i components no textuals contra fons |
| Inspecció semàntica HTML | Landmarks, jerarquia d'encapçalaments, atributs ARIA, formularis |
| Validació interna del sistema de disseny | Contrast, estats interactius i coherència visual |
Annex C — Historial de revisions
| Data | Versió | Canvis principals |
|---|---|---|
| 2026-04-27 | 0.9 | Revisió automàtica inicial. Millora del score Lighthouse accessibility després de correccions tècniques internes. |
| 2026-04-28 | 1.0 | Revisió manual, documentació d'abast, registre d'observacions i emissió de l'informe tècnic. |
Peu del document
Aquest informe és un document tècnic elaborat per Arrelam per documentar l'estat d'accessibilitat del seu lloc web en la data indicada. No constitueix una certificació externa acreditada, una declaració legal de conformitat ni assessorament jurídic. Per a certificacions formals o valoracions legals específiques, cal recórrer a una entitat acreditada o a assessorament especialitzat.
L'estructura i la metodologia d'aquest informe s'inspiren en la Methodology for Conformance Evaluation (WCAG-EM) del W3C i en les bones pràctiques recomanades per la WAI.
Arrelam — Marc Rodríguez Loras · arrelam.cat · hola@arrelam.cat