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 HTML

    • 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

    Plassholdere

    Publisert: 15. august 2016 13:09 by medialt Comment

    Stikkord: 1.3.1, 3.3.2, 4.1.2, Jaws, placeholder, plassholder, skjermleser

    Plassholdere (placeholder) skal ikke brukes som erstatning for label.

    Vis hele artikkelen


    This entry was posted in HTML Syn WCAG and tagged 1.3.1 3.3.2 4.1.2 Jaws placeholder plassholder skjermleser

    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

    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

    Teksting av video

    Publisert: 8. juni 2016 15:12 by trond Comment

    Stikkord: 1.2.2, 1.2.3, 1.2.4, 1.2.5, 1.2.6, teksting, video

    Teksting av video er viktig for hørselshemmede.

    Vis hele artikkelen


    This entry was posted in Hørsel HTML Innholdsproduksjon WCAG and tagged 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 teksting video

    Avanserte datatabeller

    Publisert: 3. juni 2016 09:00 by maia Comment

    Stikkord: 1.3.1, headers, id, scope, skjermleser, tabell, th

    th, Scope og caption beskrives i enkle datatabeller. I mer kompliserte tabeller kan det også være nødvendig å bruke andre teknikker.

    Vis hele artikkelen


    This entry was posted in HTML Syn WCAG and tagged 1.3.1 headers id scope skjermleser tabell th

    Skjult tekst

    Publisert: 31. mai 2016 11:09 by trond Comment

    Stikkord: css, skjermleser

    Vanligvis skal all informasjon og funksjonalitet vises i det visuelle brukergrensesnittet. Spesiell informasjon kun til de som bruker skjermleser kan imidlertid være nyttig noen ganger.

    Vis hele artikkelen


    This entry was posted in Diverse HTML Syn and tagged css skjermleser

    iframe

    Publisert: 31. mai 2016 09:22 by maia Comment

    Stikkord: 2.4.1, 4.1.2, iframe, ramme, skjermleser

    Rammer (iframe) er vanligvis ikke noe tilgjengelighetsproblem, men innholdet i rammen skal selvsagt være tilgjengelig.

    Vis hele artikkelen


    This entry was posted in HTML Syn WCAG and tagged 2.4.1 4.1.2 iframe ramme 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

← 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

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