Vibbekoding kan gi enda flere sider med dårlig tilgjengelighet
AI-assistentene lager ofte nettsider og web-apper med dårlig tilgjengelighet. Hvorfor ikke heller la AI-en hjelpe deg med tilgjengeligheten? spør Kurt i ukens nyhetsbrev.
Denne uken skrev vi om JavaZone som fikk kritikk for nettsider som manglet semantikk, og dermed fungerte dårlig med for eksempel skjermlesere. I stedet for HTML-elementer som <p>, <h1>, <button>, <section>, <article> og så videre, var alle elementene <div>-er.
Selv om min første tanke var at nettsiden var vibbekodet, er det i dette tilfellet ikke sikkert det var AI som har skylden for at nettsiden bryter med alt av krav til tilgjengelighet (accessibility) og universell utforming.
Det kan virke som at årsaken er at det var brukt React Native for Web. React Native er en kryssplattformløsning for både mobil-apper og web, og har kun <Text>-elementer uansett hva slags tekst det er. Dermed må du manuelt spesifisere hvilken rolle tekstelementene har for at de skal bli for eksempel <p>, <h1> eller <h2> i web-versjonen av appen.
Dette kunne typisk vært en feil – eller mangel – en AI-assistent kunne funnet på å lage. For selv om du finner informasjon om tilgjengelighet i dokumentasjonen, må du lete litt. Til og med kodeeksempelet på forsiden til React Native for Web genererer en nettside bestående utelukkende av div-er. Det vil altså ikke være spesielt rart om AI-modellene er trent på eksempler som ikke nødvendigvis er perfekte.
Kort fortalt: Vi utviklere må fortsatt tenke selv.
Denne uken skrev vi om hvordan utvikleren Morten Punnerud-Engelstad vibbekodet Checkpoints for Claude Code. Som den erfarne utvikleren han er, minnet han om hvor viktig det er å ha et "utvikler-mindset" når du bruker AI til å hjelpe deg med kodingen. Du må forstå koden AI-en lager, være kritisk – og jeg beklager å måtte skuffe deg: tenke selv.
Det er lett å glemme tilgjengelighet når du lager nettsider, web-applikasjoner og apper. Jeg tipper det er så mange før oss som har glemt det at AI-modellene rett og slett har blitt trent på for lite kode med god tilgjengelighet.
Jeg er redd vibbekoding vil gi oss enda flere nettsider med dårlig tilgjengelighet!
Så hvorfor ikke få AI-en til å hjelpe deg med det også? Be AI-en sjekke tilgjengeligheten til løsningen du har laget. Gi den lenker til WCAG-retningslinjene, til informasjon om beste praksis for bruk av ARIA-attributter og annet – og be AI-en om å sjekke koden din mot dette.
Og før nettsiden går i prod kan du gjøre som utvikleren Elise Kristiansen i Variant og bruke verktøy for å automatisere testing av tilgjengelighet. Da glemmer du det aldri, selv om AI-en –eller du – skulle glemme det.
Ukas beste saker fra kode24.no:
🥔 Slakter JavaZones nettsider: «Fikk sjokk»
– Jeg ble sittende og scrolle i kildekoden, i sjokk, sier frontend-utvikler Helene Kassandra Juterud. – Kan ikke annet enn å legge oss flate, sier JavaZone.
🏸 Savna checkpoints i Claude Code – lagde det selv
Morten Punnerud-Engelstad vibbekoda «Checkpoints for Claude Code», som nå sprer seg raskt.
🧄 AI Darwin Awards hedrer de dummeste AI-tabbene
Naturlig seleksjon er ikke lenger bare for mennesker. Listen over nominerte til den nye 2025 AI Darwin Awards-prisen vokser – sjekk de sprøeste nominasjonene her.
🍌 Kapret npm-pakker med 2 milliarder ukentlige nedlastinger
Hackere har gjennom et phishingangrep klart å injisere skadevare i et stort antall npm-pakker med totalt 2 milliarder ukentlige nedlastinger.
🍼 – Plis, aldri dra tilbake til Oslo, JavaZone!
Jørgen i kode24 synes JavaZone er nærmere drømmekonferansen enn noen gang før. Men noe mangler fortsatt.
God helg!
Netlifes CTO Lana Vu advarte denne uken mot å bygge inn alle mulige lite gjennomtenkte AI-funksjoner i apper. Bare fordi sjefen har kjøpt inn AI-lisenser.
Hva med å heller bygge inn AI-løsninger som gjør appen din enklere å bruke for enda flere mennesker – i stedet for å lage en AI-chatbot ingen vil ha uansett?
Og finner du ikke noe fornuftig å bruke AI til i appen din, så må du ikke ha det.
Ikke kast AI på alt, i hvert fall ikke uten å tenke deg om først. Ellers risikerer du å bli nominert til AI Darwin Awards!
God helg!
– Kurt 🤓