Itqualityassurance
- Wie deaktiviere ich einen Knopf beim Laden in React?
- So deaktivieren Sie eine Schaltfläche auf der Seite mit JavaScript auf der Seite?
- Warum sollten Sie keine deaktivierten Schaltflächen verwenden?
- Ist es in Ordnung, deaktivierte Schaltflächen zu grauen??
Wie deaktiviere ich einen Knopf beim Laden in React?
dann (() => setload (false)); >Anmeldung</Knopf> </div> ); standardmäßige App exportieren; Dadurch wird die Taste deaktiviert, bis die Validierung abgeschlossen ist.
So deaktivieren Sie eine Schaltfläche auf der Seite mit JavaScript auf der Seite?
Code Erläuterung
1. Mit JavaScript speichern wir nun eine Referenz auf jedes Element, nämlich Eingabe und Taste. 2. Standardmäßig ist der Status einer Schaltfläche in HTML aktiviert. Durch Einstellen von deaktiviert = true haben wir die Schaltfläche für den Benutzer deaktiviert.
Warum sollten Sie keine deaktivierten Schaltflächen verwenden?
Schlechte Zugänglichkeit
Graue Tasten mit grauen Etiketten können die Farbkontrastempfehlungen für Text leicht nicht erfüllen. Manchmal sind deaktivierte Schaltflächen so gestaltet, dass sie von einem Bildschirmleser nicht gelesen werden können (Schaltflächen sind nicht fokusbar, und daher können Benutzer sie nicht mit einer Tastatur erreichen).
Ist es in Ordnung, deaktivierte Schaltflächen zu grauen??
Für eine reibungslose und nahtlose Erfahrung ist es am besten, Ihre behinderten Tasten zu grauen. Stattdessen sollten Sie die Deckkraft verringern, um sie transparent zu machen. Wenn die deaktivierte Schaltfläche transparent ist, können Benutzer einen Anschein der Schaltfläche in ihrem aktivierten Status sehen.
