Snackbar

3.3.8

Snackbars provide brief messages about app processes at the bottom of the screen.

Demo

Installation

Kodexempel
npm install @sj-ab/component-library.ui.snackbar

Länkar

Tillgänglighet

Vi vet att Snackbar kan vara problematisk för vissa användare med funktionsnedsättning. Meddelandet i Snackbar visas bara under en kort tid och dyker upp i nederkant på skärmen. Det gör komponenten lätt att missa för synsvaga användare som använder förstoring.

  • Vi använder bara Snackbar för att ge extra bekräftelse på interaktion som användaren själv initierat, till exempel vid inloggning.
  • Vi använder aldrig Snackbar vid oförutsedda händelser, eller när det är väldigt viktigt att användaren uppfattar meddelandet.
  • Vi har inga länkar eller annan interaktion i Snackbar eftersom dessa blir svåra att komma åt med hjälpmedel.

WAI-ARIA

Snackbar använder WAI-ARIA-rollen role="alert" för att meddelandet ska läsas upp automatiskt för användare med skärmläsare när det dyker upp.

Change log

Statistik