improve exchange amount accessibility

2026-09-06 18:12:30 +03:00
parent 3f30e64004
commit fe67802679
2 changed files with 10 additions and 1 deletions
@@ -379,6 +379,9 @@ export const TenderDetailModal = () => {
                      min="0"
                      max="1000000000000"
                      step="0.01"
+                      inputMode="decimal"
+                      aria-invalid={Boolean(bidAmountError)}
+                      aria-describedby={bidAmountError ? 'fx-bid-amount-error' : undefined}
                      onChange={(e) => {
                        const value = Number(e.target.value);
                        setBidAmount(value);
@@ -386,7 +389,7 @@ export const TenderDetailModal = () => {
                      }}
                      className="w-full bg-white/10 border border-white/20 rounded-lg px-3 py-1.5 text-xs text-white"
                    />
-                    {bidAmountError && <p role="alert" className="text-xs text-amber-200">{bidAmountError}</p>}
+                    {bidAmountError && <p id="fx-bid-amount-error" role="alert" className="text-xs text-amber-200">{bidAmountError}</p>}
                  </div>

                  <div className="bg-blue-950/80 p-3 rounded-lg border border-blue-800 text-xs space-y-1">