Stats
Actions
Tags
From gencat
Aplica les directrius d'accessibilitat digital de la Generalitat de Catalunya quan desenvolupes, revises o audites aplicacions web i mòbils per a serveis públics catalans. Usa aquesta skill sempre que implementis components, formularis, navegació, contingut multimèdia, documents PDF, o qualsevol interfície destinada a serveis Gencat. Activa-la quan l'usuari mencioni WCAG, accessibilitat, EN 301 549, IRA, a11y, daltonisme, lector de pantalla, contrast, focus, ARIA, o demani complir amb el Decret 216/2023. S'ha d'usar tant en fase de disseny com d'implementació i revisió.
How this skill is triggered — by the user, by Claude, or both
Slash command
/gencat:gencat-accessibilitatThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
| Norma | Àmbit | Requeriment |
| Norma | Àmbit | Requeriment |
|---|---|---|
| Decret 216/2023 (DOGC 9057) | Catalunya | Accessibilitat de webs i apps de la Generalitat |
| Reial Decret 1112/2018 | Espanya | Transposició de la Directiva UE 2016/2102 |
| EN 301 549 V3.2.1 | Estàndard tècnic | 137 criteris d'avaluació (en vigor des de 12/02/2022) |
| WCAG 2.1 Nivell AA | Referència tècnica | 50 criteris obligatoris (30×A + 20×AA) |
| WCAG 2.2 | Referència futura | Traducció oficial al català disponible (22/05/2024) |
Nivell mínim obligatori: WCAG 2.1 AA — tots els criteris A i AA.
references/wcag-criteris.md — Els 50 criteris A+AA obligatoris amb implementacióreferences/errors-habituals.md — Errors més freqüents en webs Gencat i com corregir-losreferences/components-accessibles.md — Patrons HTML/ARIA per a components concretsreferences/eines-i-avaluacio.md — Eines de verificació i metodologia IRA/WCAG-EM<!-- Idioma obligatori -->
<html lang="ca">
<!-- Skip link (primer element del body) -->
<a href="#contingut-principal" class="skip-link">Ves al contingut principal</a>
<!-- Punt d'ancoratge -->
<main id="contingut-principal">
<!-- Informativa: alt descriptiu (màx. 125 caràcters) -->
<img src="mapa.jpg" alt="Mapa de les oficines d'atenció ciutadana de Barcelona">
<!-- Decorativa: alt buit -->
<img src="separador.png" alt="">
<!-- Funcional (botó/enllaç): descriu l'acció -->
<button><img src="cerca.svg" alt="Cercar"></button>
<!-- Label sempre associat -->
<label for="dni">DNI o NIE *</label>
<input type="text" id="dni" name="dni"
required aria-required="true"
autocomplete="on"
aria-describedby="dni-error">
<span id="dni-error" role="alert" class="error"></span>
/* MAI fer això */
:focus { outline: none; }
/* SÍ: focus visible personalitzat */
:focus-visible {
outline: 3px solid #C00000;
outline-offset: 2px;
}
<!-- Notificació no disruptiva -->
<div role="status" aria-live="polite">Dades desades correctament</div>
<!-- Error urgent -->
<div role="alert" aria-live="assertive">Error en enviar el formulari</div>
<html lang="ca"> present<h1> per pàgina, jerarquia H1→H2→H3 sense salts<title> descriptiu i únic<body><header>, <nav>, <main>, <footer>alt descriptiualt=""<label> associatrole="alert"aria-livenpx claudepluginhub xxxaau/gencat-skills --plugin gencatProvides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.