Ga naar hoofdinhoud
Logo Appt Light

Succescriterium 1.4.13 - Niveau AA

Content bij hover of focus

Zorg dat informatie die getoond wordt na hover of focus verborgen kan worden. Informatie moet zichtbaar blijven tot de reden voor de hover of focus wegvalt. Daarnaast moet de informatie gesloten kunnen worden door de gebruiker.

Impact

  • Gebruikers kunnen vast komen te zitten in een app indien het niet mogelijk is om informatie te verbergen.

  • Het kan zijn dat er na hover of focus een menu opent. Gebruikers moeten dit kunnen stoppen of ongedaan kunnen maken.

Controleren

Kan informatie verborgen worden als het in de weg zit?

Je kunt een aanwijzer of toetsenbord gebruiken om dit te controleren.

Oplossing

Voeg een sluitknop toe aan informatie die automatisch getoond wordt zodat gebruikers de informatie kunnen verbergen.

Sluitknop toevoegen

On Android, you can show a dialog by using AlertDialogBottomSheetDialog or DialogFragment. You should always add a close button by using the setNegativeButton method. The focus of assistive technologies is automatically trapped inside the dialog while it's visible.

val builder = AlertDialog.Builder(this)
builder.setTitle("Confirm Appt membership?")
builder.setMessage("Your bank account will be billed.")

builder.setPositiveButton("Proceed") { dialog, which ->
  // Proceed
}

builder.setNegativeButton("Cancel") { dialog, which ->
  // Cancel
}

builder.show()
Bijdragen

Bronnen

Feedback?

Laat 't ons weten!