Komponentbygger
Her kan du teste ut alle egenskapene til PktAlert, og få ferdig kode for React og HTML. For Vue-bruk kan du i de fleste tilfeller bruke samme kode som React, men vær oppmerksom på at Vue har enkelte forskjeller i hvordan props sendes inn og hvordan hendelser håndteres.
Om ariaLive-attributten
Statusbeskjeder er ofte dynamisk informasjon, derfor må man ha med WAI-ARIA slik at hjelpemidler fanger opp beskjeden. Vi har en prop ariaLive på alert-komponenten som er satt til default polite. Du kan endre dette basert på hvilken kontekst du bruker denne komponenten i.
Du har tre verdier å velge mellom.
off- slå avaria-liveslik at statusbeskjeden vil leses opp for skjermleser i den rekkefølgen dokumentet er satt opp i. Den vil derfor ikke umiddelbart gjøre brukeren oppmerksom på at den finnes.polite(default)- kan brukes i de fleste tilfeller for å gjøre brukeren oppmerksom på statusbeskjeden uten å være irriterende. Dette kan for eksempel være ved feil i et skjema.assertive- bør bare brukes hvor du mener det er veldig viktig og tidskritisk at brukere får statusbeskjeden. Denne kan være irriterende for bruker og må brukes med varsomhet.