Bileşenler
IbanInput
Sabit TR öneki, yazarken dörtlü gruplama ve mod 97 denetimiyle Türkiye IBAN alanı.
- Storybook
- Storybook
- Kaynak kod
- Kaynak kod
Rol ve anlam
Bölüm başlığı “Rol ve anlam”IbanInput inputmode="numeric" taşıyan bir metin kutusudur; mobilde rakam klavyesi açılır. TR öneki ve onay işareti aria-hidden taşır; etiket ne yazılacağını gizli metinle söyler. Denetim geçince kibar bir durum bölgesi “IBAN geçerli” der.
Klavye
Bölüm başlığı “Klavye”| Tuş | Davranış |
|---|---|
| Rakamlar | Yazar; boşluklar kendiliğinden eklenir. |
| Backspace | Bir rakam siler; boşluklar yeniden düzenlenir. |
| Tab | Alandan çıkar. |
Yeniden gruplamadan sonra imleç, aynı sayıda rakamın ardına geri konur; araya rakam eklemek ve silmek bozulmaz.
Ekran okuyucu
Bölüm başlığı “Ekran okuyucu”| Örnek | Okunan |
|---|---|
| Alan | “IBAN (TR’den sonraki 24 rakam), metin kutusu” |
| Geçerli | “IBAN geçerli” |
| Geçersiz | “Geçersiz giriş. Bu IBAN geçerli değil; rakamları kontrol edin.” |
Kontrast
Bölüm başlığı “Kontrast”Metin 4,5:1; sınır, önek ve onay işareti 3:1.
WCAG 2.2
Bölüm başlığı “WCAG 2.2”| Ölçüt | IbanInput nasıl karşılar | Ürün ekibi ne yapmalı |
|---|---|---|
| 3.3.1 Hata tanımlama | Denetim ve eksiklik metinle söylenir. | Sunucu hatalarını error ile verin. |
| 3.3.4 Hata önleme | Denetim gönderimden önce yapılır. | Gönderimden önce hesabı onaylatın. |
| 4.1.3 Durum mesajları | Geçerli IBAN duyurulur. | — |