Bileşenler
TimeField
Saat ve dakika (isteğe bağlı saniye) parçalarına yazılan 24 saatlik saat alanı.
- Storybook
- Storybook
- Kaynak kod
- Kaynak kod
Rol ve anlam
Bölüm başlığı “Rol ve anlam”Parçalar role="group" içindedir ve etiketle adlandırılır. Her parça bir spinbutton’dır: adı “Saat, dakika”, değeri aria-valuenow ile, boşken “boş” olarak okunur. Sınırlar aria-valuemin ve aria-valuemax ile bildirilir. Parçalar dokunmatik cihazda sayısal klavyeyi açar. Saat simgesi aria-hidden taşır.
Klavye
Bölüm başlığı “Klavye”| Tuş | Davranış |
|---|---|
| Tab | Saat, dakika ve saniye sırayla. |
| Rakamlar | Parçayı doldurur, dolunca ilerler. |
| Yukarı ve aşağı ok | Parçayı değiştirir, sınırda başa döner. |
| Sol ve sağ ok | Önceki ya da sonraki parça. |
| Backspace, Delete | Parçayı temizler; boş parçada geri gider. |
: ya da . |
Sonraki parçaya geçer. |
Odaktaki parça birincil dolguyla gösterilir; kutunun tamamı odak halkası alır.
Ekran okuyucu
Bölüm başlığı “Ekran okuyucu”| Örnek | Okunan |
|---|---|
| Saat parçası | “Saat, saat, 9, döndürme düğmesi” |
| Boş dakika | “Saat, dakika, boş” |
| Aralık dışı | “08:00 ile 18:00 arasında bir saat girin” |
Kontrast
Bölüm başlığı “Kontrast”Parça metni ve yer tutucu 4,5:1; odaktaki parça birincil dolguda 4,5:1 kontrast taşır.
WCAG 2.2
Bölüm başlığı “WCAG 2.2”| Ölçüt | TimeField nasıl karşılar | Ürün ekibi ne yapmalı |
|---|---|---|
| 1.3.1 Bilgi ve ilişkiler | Adlandırılmış grup ve parçalar. | — |
| 2.1.1 Klavye | Yazarak ve oklarla giriş. | — |
| 3.3.1 Hata tanımlama | Aralık dışı saatler yerleşik mesaj alır. | Diğer kuralları error ile yazın. |
| 3.3.2 Etiketler veya yönergeler | Yer tutucular biçimi gösterir. | Saat dilimini gerekiyorsa yazın. |