MediaLTs eksempelsamling

Universell utforming på web!

Utvidmeny Skjul

  • HJEM
  • HJELPEMIDDELTEKNOLOGI
  • VERKTØY
  • WCAG
  • LENKER
  • OM EKSEMPELSAMLINGEN

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)
← Eldre artikler
  • Category Archives WAI-ARIA

    • Dynamisk endring (statusindikator)

    Publisert: 14. juni 2018 13:33 by medialt Comment

    Stikkord: aria-hidden, aria-label, role="alert"

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

    Les artikkelen


    This entry was posted in Diverse WAI-ARIA and tagged aria-hidden aria-label role="alert"

    CSS-tabeller

    Publisert: 4. juni 2018 10:15 by medialt Comment

    Stikkord: role="columnheader", role="rowheader", role=cell, role=row, role=rowgroup, role=table, tabell

    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


    This entry was posted in Syn WAI-ARIA and tagged role="columnheader" role="rowheader" role=cell role=row role=rowgroup role=table tabell

    Avkryssingsfelt

    Publisert: 25. august 2017 14:26 by medialt Comment

    Stikkord: 2.1.1, 4.1.2, aria-checked, avkryssingsfelt, checkbox, fieldset, legend, role="checkbox", skjermleser, tabstop, tastatur

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

    Vis hele artikkelen


    This entry was posted in 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)

    Publisert: 18. august 2016 13:17 by medialt Comment

    Stikkord: 2.1.1, 4.1.2, custom widget, keyboard handler, skjermleser, tastatur

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

    Vis hele artikkelen


    This entry was posted in bevegelse HTML Syn WAI-ARIA WCAG and tagged 2.1.1 4.1.2 custom widget keyboard handler skjermleser tastatur

    Faner

    Publisert: 28. juni 2016 13:00 by medialt Comment

    Stikkord: 1.3.1, 2.1.2, 4.1.2, aria-controls, aria-hidden, aria-selected, role="tab", role="tablist", role="tabpanel", skjermleser, tabindex, tastatur

    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


    This entry was posted in 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

    Publisert: 15. juni 2016 09:38 by medialt Comment

    Stikkord: 1.3.1, Jaws, NVDA, role="columnheader", role="rowheader", skjermleser, tabell, VoiceOver

    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


    This entry was posted in Syn WAI-ARIA WCAG and tagged 1.3.1 Jaws NVDA role="columnheader" role="rowheader" skjermleser tabell VoiceOver

    Obligatoriske felt

    Publisert: 10. juni 2016 14:37 by maia Comment

    Stikkord: 1.3.1, 3.3.2, 4.1.2, aria-required, NVDA, required, skjema, skjermleser

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

    Vis hele artikkelen


    This entry was posted in HTML Syn WAI-ARIA and tagged 1.3.1 3.3.2 4.1.2 aria-required NVDA required skjema skjermleser

    Enkle datatabeller

    Publisert: 30. mai 2016 09:17 by maia Comment

    Stikkord: 1.3.1, caption, role="presentation", scope, skjermleser, tabell, th, VoiceOver

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

    Vis hele artikkelen


    This entry was posted in HTML Syn WAI-ARIA WCAG and tagged 1.3.1 caption role="presentation" scope skjermleser tabell th VoiceOver

    Felt med aria-describedby

    Publisert: 25. mai 2016 13:25 by maia Comment

    Stikkord: 4.1.2, aria-describedby, Jaws, skjema, skjemamodus, wai-aria

    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


    This entry was posted in HTML Syn WAI-ARIA and tagged 4.1.2 aria-describedby Jaws skjema skjemamodus wai-aria

    Meldinger som vises en kort stund

    Publisert: 25. mai 2016 10:01 by medialt Comment

    Stikkord: aria-atomic, aria-live, Jaws, skjermleser

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

    Vis hele artikkelen


    This entry was posted in Syn WAI-ARIA and tagged aria-atomic aria-live Jaws skjermleser

← Eldre artikler

  • 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.4.1 2.4.2 3.1.1 3.1.2 3.1.4 3.3.2 4.1.2 accesskey alternativknapp aria-hidden Colour Contrast Analyzer css farger fieldset hurtigtast input-typer iOS Jaws kontrast legend NVDA radioknapp role="columnheader" role="rowheader" scope sidetittel skjema skjermleser skjul innhold språk tabell tastatur th title type video VoiceOver

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