Erişilebilir etkinlik kayıt ön yüzü

01Senaryo

Bir öğrenci kulübü, yaklaşan etkinliği için basit bir kayıt ekranına ihtiyaç duyuyormuş gibi düşün. Sentetik isimlerle çalışan, yalnızca tarayıcıda kalan bir ön yüz hazırlayacaksın.

Amaç

Boş, geçersiz ve dolu form durumlarını anlaşılır biçimde göster. Klavye ile baştan sona kullanılabilen, dar ekranda da okunaklı bir deneyim üret.

02Kapsam ve sınırlar

• Backend kurma veya gerçek kişisel veri toplama; yalnızca sentetik isimler kullan.
• Boş, geçersiz ve dolu form durumlarını ve klavye akışını kapsa.
• Gerçek kulüp, marka veya katılımcı varmış gibi sunma.

03Üretim adımları

1. 1

   Form alanlarını, sentetik örnek veriyi ve erişilebilirlik ölçütlerini küçük bir kapsam notuyla belirle.

2. 2

   Ön yüzü kodla; boş, geçersiz ve dolu durumlarda açık geri bildirim ve klavye odağı ekle.

3. 3

   Dar ekran ve yalnızca klavye denemeleri yaparak gözlemlerini süreç günlüğüne yaz.

4. 4

   Kararlarını, denemelerini, sınırlamalarını ve nasıl çalıştırılacağını README dosyasında açıkla.

04Teslim kanıtları

• Git deposu veya düzenlenebilir kod dosyası.
• Boş, geçersiz ve dolu form durumlarını gösteren üç ekran.
• Klavye ve dar ekran denemelerini anlatan kısa not.
• Kararları ve sınırlamaları açıklayan README.

05Kendine sor

• Bir kullanıcı hata yaptığında hangi geri bildirim onu yönlendiriyor?
• Klavye odağının sırası ve görünürlüğü yeterince açık mı?
• Gerçek veri kullanmadan hangi varsayımı yaptım ve neyi test edemedim?

06Kaynak ve lisans

Kendi ürettiğin kodu ve görselleri belirt; dış malzeme kullandıysan lisans adını ve kaynak URL'sini kaydet. Rastgele internet görsellerini açık lisanslı varsayma; ekip ve AI katkısını da çalışmanda açıkça belirt.