KolButton mit Loading Spinner

[Chrisdo82]

Hi,

wenn ich in einem Button einen Spinner mit anzeige, frage ich mich gerade welche zusätzlichen Attribute ich noch mitgeben muss, damit auch wirklich alle Benutzer abgeholt werden.

Wenn ich z.B. bei einem Speichern Button

beim Klick einen Spinner anzeige und den Text von Speichern zu Wird Gespeichert ändere

kann ich dann

1. den Button auch auf _disabled setzen oder sollte ich es besser im onClick-Handler abfangen dass der Button kein weiteres mal betätigt werden kann?
2. dem Button aria-busy=true mitgeben, damit Screenreadernutzer auch darüber informiert werden?

Gibt es noch weitere Sachen die dabei beachtet werden müssen?

---

Mir ist übrigens aufgefallen, dass die Kombination _customClass="loading", _variant="custom" und _icon="fas fa-spinner" nicht mehr benötigt wird. Ein einfaches _icon="fas fa-spinner fa-spin tut es jetzt auch. Früher war das nicht möglich.

[deleonio]

Hallo @Chrisdo82 ,

wir wollten diese Feature "busy" in der Komponente umsetzen. Das ist im Issue #2476 platziert.

Ein fertiges Konzept gibt es noch nicht, aber ggf. könnten wir den Button / Link um _aria-busy erweitern, das disabled automatisch und macht den Rest. Man müsste dann aber den Style trotzdem losgelöst davon setzen.

[Chrisdo82]

Eigentlich wollte ich nur wissen was ich bei uns einbauen bzw. dabei beachten muss, damit es barrierefrei ist.