Tillgänglig design och utveckling – så jobbar vi
Vi bygger in tillgänglighet i varje steg av design- och utvecklingsprocessen. Här beskriver vi hur vi gör för att säkerställa att nya funktioner, gränssnitt och innehåll fungerar för alla – oavsett förmåga, enhet eller hjälpmedel.
Planering och behovsanalys
Syfte: Säkerställa att tillgänglighet beaktas från start.
Så gör vi:
- Kravställare (hos Vetenskapsrådet):
- Formulerar tillgänglighetskrav i alla typer av beställningar, med stöd av objektproduktledaren för digital tillgänglighet.
- Konsulterar tillgänglighetsspecialist vid behov.
- Objektproduktledaren för digital tillgänglighet:
- Bidrar i planering och behovsanalys för att säkerställa att tillgänglighet integreras tidigt.
- Stödjer kravställare i att formulera tydliga och ändamålsenliga krav.
- Leverantör: Beskriver hur de uppfyller tillgänglighetskrav och vilka metoder de använder.
Design
Syfte: Användargränssnittet ska fungera för alla.
Så gör vi:
- UX/UI-designers (hos leverantör):
- Använder tillgängliga komponenter från designsystemet så långt det går.
- Säkerställer kontraster, visuell hierarki, läsordning och navigering.
- Konsulterar tillgänglighetsspecialist vid behov, exempelvis om det behövs nya komponenter.
- Använder tillgängliga komponenter från designsystemet så långt det går.
- Tillgänglighetsspecialist (hos leverantör): Granskar skisser eller prototyper med fokus på tillgänglighet.
- Objektproduktledare för digital tillgänglighet (hos Vetenskapsrådet): Granskar skisser eller prototyper med fokus på tillgänglighet.
- Webbansvarig eller annan kravställare hos Vetenskapsrådet: Godkänner design – begär justeringar vid brister.
Utveckling
Syfte: Den tekniska lösningen ska följa DOS-lagen.
Så gör vi:
- Utvecklare (leverantör):
- Kodar enligt minst WCAG 2.1 AA och helst WCAG 2.2 AA och använder korrekt semantik, ARIA-attribut, etc.
- Rådfrågar tillgänglighetsspecialist om lösningsförslag vid behov.
- Kodgranskare (hos leverantör):
- Utför tillgänglighetsgranskning av kod.
- Granskning av semantiskt kodstruktur och WAI-ARIA genom verktygen WAVE och Axe DevTools.
- Manuella kontroller av grundläggande WCAG-krav som logisk tangentbordsnavigering och kontrastkontroller av färg.
- Utför tillgänglighetsgranskning av kod.
Testning
Syfte: Verifiera att lösningen fungerar för alla användare.
Så gör vi:
- Tillgänglighetsspecialist (hos leverantör):
- Genomför tekniska tillgänglighetstester före kundtest av allt som utvecklas.
- Utför samma tillgänglighetsprocess som webbansvariga hos VR utför, samt kontrollerar koden.
- Dokumenterar resultat och eventuella åtgärder.
- Genomför tekniska tillgänglighetstester före kundtest av allt som utvecklas.
- Intern testgrupp/webbansvarig (hos Vetenskapsrådet): Utför kompletterande tester (manuella och automatiska) i samband med acceptanstest.
- Objektproduktledare digital tillgänglighet (hos Vetenskapsrådet): Redovisar eventuella kvarstående fel i tillgänglighetsredogörelsen och tar fram en åtgärdsplan tillsammans med leverantören och den som är webbansvarig.