İçeriğe geç
← Katalog
Başvuru Durum sorgula İletişim

Herkesin kullanabildiği tasarım bir tercih değil, ölçüttür

Bu sayfa erişilebilirlik ilkelerine göre kurulmuştur: en az 4,5:1 metin kontrastı, 18 piksel taban yazı boyutu, klavye ile gezilebilir sıra ve her etkileşimli öğede görünür odak halkası.

Renk tek başına anlam taşımaz — durumlar hem renk hem etiketle belirtilir. Animasyon, hareket hassasiyeti olan kullanıcılar için kapatılabilir.

Başvuru formu
Örn. Ayşe Yılmaz
Kimlik belgenizdeki gibi yazın.
11 haneli numara
⚠ Hata: Numara 11 hane olmalıdır. Şu an 9 hane girildi.
Devam et
Kontrast örnekleri
Geçer — 16,1:1
Geçer — 8,6:1
Sınırda — 4,5:1
Kalır — 1,6:1 ✕
Durum bildirimi
Onaylandı — 12 Temmuz
Reddedildi — belge eksik
Beklemede — inceleniyor
Renk körlüğü için her durum ayrıca metinle yazılır.
Klavye sırası
1 · İçeriğe geç bağlantısı
2 · Ana gezinme
3 · Form alanları
4 · Gönder butonu
5 · Alt bilgi
Erişilebilirlik Öncelikli TasarımWCAG 2.2 AA hedefi · kontrast, odak, sıra, metin alternatifi
Tasarım promptu — 31 — Erişilebilirlik Öncelikli seçip kopyalayın
İngilizce prompt · detaylı
Design a public application form page that is accessibility-first. Pure white background, pure black text, 18px base font size and 1.65 line-height. A visible skip-to-content link as the first element. 3px black borders on every field and button, 44px+ hit areas, and a 4px amber focus outline offset from the field. Errors use a red border, a bold red message with an icon and explanatory text — never colour alone. A contrast sample panel showing ratios, and status indicators that pair a colour block with a text label.
Türkçe brief
Yüksek kontrast, 18px taban metin, kalın odak halkası ve renge bağlı olmayan durum bildirimleriyle kamu formu.
Palet
#ffffff
#141414
#0a4bd4
#b3000f
#ffd200
Tipografi
Helvetica Neue, 18px taban, 17px etiket
Düzen
Tek ana sütun + dar yardım kolonu, 3px çerçeveler
Hareket
Yok; hareket azaltma tercihine saygı
Kaçınılacaklar
İnce gri metin, düşük kontrast, yalnız renkle anlam