Bileşenler
QrCode
Hazır bir içeriği, her temada ve baskıda açık zemin üstünde koyu modüllerle QR kodu olarak gösterir.
- Storybook
- Storybook
- Kaynak kod
- Kaynak kod
Rol ve anlam
Bölüm başlığı “Rol ve anlam”QrCode bir figure çizer. SVG img rolündedir ve label ile adlandırılır; açıklama figcaption olur. Logo aria-hidden ile gizlenir.
Klavye
Bölüm başlığı “Klavye”QrCode odak almaz.
Odaklanabilir öğesi yoktur; caption içine bağlantı koyarsanız bağlantı kendi odağını kullanır. logo ekran okuyucudan gizlendiği için içine bağlantı koymayın.
Ekran okuyucu
Bölüm başlığı “Ekran okuyucu”| Örnek | Okunan |
|---|---|
| Kod | “Ödeme bağlantısı QR kodu, görsel” |
| Açıklama | “Referans: 12345678” |
Kontrast
Bölüm başlığı “Kontrast”Modüller her modda siyah, zemin beyazdır (21:1). Zorunlu renk kipinde ve baskıda renkler değişmez.
WCAG 2.2
Bölüm başlığı “WCAG 2.2”| Ölçüt | QrCode nasıl karşılar | Ürün ekibi ne yapar |
|---|---|---|
| 1.1.1 Metin dışı içerik | role="img" ve label. |
Referansı ve adresi metin olarak da gösterin. |
| 1.4.11 Metin dışı kontrast | Siyah modüller beyaz zeminde. | Kodun üstüne bir şey koymayın. |