MediaLTs eksempelsamling

Universell utforming på web!

Shrunk Expand

Primary Navigation

  • HJEM
  • HJELPEMIDDELTEKNOLOGI
  • VERKTØY
  • WCAG
  • LENKER
  • OM EKSEMPELSAMLINGEN
← Older posts
  • Category Archives WAI-ARIA
  • Dynamisk endring (statusindikator)

    Posted on 14. juni 2018 13:33 by medialt Comment

    En indikator som oppdateres og som det er nyttig for brukeren å følge med på.

    Les artikkelen


    Diverse WAI-ARIA 📎and tagged aria-hidden aria-label role="alert"
  • CSS-tabeller

    Posted on 4. juni 2018 10:15 by medialt Comment

    Hovedrådet er å bruke tabeller når noe vises som tabeller. Spesielt for skjermlesere fungerer datatabeller ofte mye bedre enn div-tag’er som stiles for å presenteres visuelt som en tabell.

    Les artikkelen


    Syn WAI-ARIA 📎and tagged role="columnheader" role="rowheader" role=cell role=row role=rowgroup role=table tabell
  • Avkryssingsfelt

    Posted on 25. august 2017 14:26 by medialt Comment

    Avkryssingsfelt (og andre kontroller) skal leses opp riktig og fungere med tastatur.

    Vis hele artikkelen


    bevegelse HTML Syn WAI-ARIA WCAG 📎and tagged 2.1.1 4.1.2 aria-checked avkryssingsfelt checkbox fieldset legend role="checkbox" skjermleser tabstop tastatur
  • Egendefinert knapp (custom widget)

    Posted on 18. august 2016 13:17 by medialt Comment

    WAI-ARIA kan brukes for at egendefinerte kontroller skal fungere med tastatur, skjermlesere og andre hjelpemidler.

    Vis hele artikkelen


    bevegelse HTML Syn WAI-ARIA WCAG 📎and tagged 2.1.1 4.1.2 custom widget keyboard handler skjermleser tastatur
  • Faner

    Posted on 28. juni 2016 13:00 by medialt Comment

    Faner kan kodes på mange måter. Det er ikke opplagt hvordan tastatur skal fungere, men i denne artikkelen får du et forslag.

    Vis hele artikkelen


    HTML Syn WAI-ARIA WCAG 📎and tagged 1.3.1 2.1.2 4.1.2 aria-controls aria-hidden aria-selected role="tab" role="tablist" role="tabpanel" skjermleser tabindex tastatur
  • Rad- og kolonneoverskrifter med WAI-ARIA

    Posted on 15. juni 2016 09:38 by medialt Comment

    Vanligvis skal HTML brukes for å merke tabeller. Les Enkle datatabeller hvis du ikke vet hvordan det skal gjøres. Men, hvis du av en eller annen grunn ikke kan bruke th kan du fortsatt gjøre tabellen lesbar for noen skjermlesere.

    Vis hele artikkelen


    Syn WAI-ARIA WCAG 📎and tagged 1.3.1 Jaws NVDA role="columnheader" role="rowheader" skjermleser tabell VoiceOver
  • Obligatoriske felt

    Posted on 10. juni 2016 14:37 by maia Comment

    Merk obligatoriske felt tydelig, også så dette kan bestemmes «programmeringsmessig».

    Vis hele artikkelen


    HTML Syn WAI-ARIA 📎and tagged 1.3.1 3.3.2 4.1.2 aria-required NVDA required skjema skjermleser
  • Enkle datatabeller

    Posted on 30. mai 2016 09:17 by maia Comment

    Hva som er «enkle» tabeller kan diskuteres. Denne artikkelen beskriver tabeller der alle rader har like mange kolonner.

    Vis hele artikkelen


    HTML Syn WAI-ARIA WCAG 📎and tagged 1.3.1 caption role="presentation" scope skjermleser tabell th VoiceOver
  • Felt med aria-describedby

    Posted on 25. mai 2016 13:25 by maia Comment

    WAI-ARIA kan brukes for å bedre tilgjengeligheten for skjermlesere og andre hjelpemidler. aria-describedby kan for eksempel brukes for å få lest opp nødvendig tilleggsinformasjon.

    Vis hele artikkelen


    HTML Syn WAI-ARIA 📎and tagged 4.1.2 aria-describedby Jaws skjema skjemamodus wai-aria
  • Meldinger som vises en kort stund

    Posted on 25. mai 2016 10:01 by medialt Comment

    WAI-ARIA live-områder kan brukes for å gi skjermlesere beskjed om hvor det kommer dynamiske oppdateringer:

    Vis hele artikkelen


    Syn WAI-ARIA 📎and tagged aria-atomic aria-live Jaws skjermleser

Sidepaginering

1 2 Neste

  • Stikkord

    1.1.1 1.2.3 1.2.4 1.2.5 1.3.1 1.4.3 1.4.6 2.1.1 2.1.2 2.4.1 3.1.1 3.1.2 3.1.4 3.3.2 4.1.2 aria-controls aria-hidden css custom widget farger fieldset iOS Jaws keyboard handler kontrast legend NVDA placeholder plassholder role="columnheader" role="rowheader" scope sidetittel skjema skjermleser skjul innhold skriftstørrelse skrifttype språk tabell tabindex tastatur th video VoiceOver
  • Kategorier

    • Apper 2
    • bevegelse 11
    • Diverse 45
    • Hørsel 4
    • HTML 19
    • Innholdsproduksjon 11
    • kognisjon 10
    • MTBlogg 12
    • Syn 30
    • WAI-ARIA 12
    • WCAG 25

© 2026 Media Lunde Tollefsen AS       Telefon: 21 53 80 10       Epost: info@medialt.no