Calendar

Rol ve anlam

Izgara APG tarih seçici ızgarasıdır: role="grid" taşıyan bir tablo, başlıkla adlandırılır. Her gün bir düğmedir ve tam tarihi okur (“28 Ekim 2026 Çarşamba”); bugün, durum etiketi ve “seçilemez” ada eklenir. Seçili gün hücresi aria-selected taşır. Hafta günü başlıkları kısa yazılır, tam ad abbr ile okunur.

Klavye

Tuş	Davranış
Tab	Seçili güne (yoksa bugüne) girer; bir sonraki Tab ay düğmelerine geçmez, ızgaradan çıkar.
Sol ve sağ ok	Bir gün geri ya da ileri; sağdan sola yazımda yön değişir.
Yukarı ve aşağı ok	Bir hafta geri ya da ileri.
Home, End	Haftanın ilk ya da son günü.
Page Up, Page Down	Bir ay geri ya da ileri.
Shift + Page Up, Shift + Page Down	Bir yıl geri ya da ileri.
Enter, Space	Odaktaki günü seçer.

Odak

Odak gezicidir: ızgarada tek sekme durağı vardır. Odaktaki gün 2 px color-focus-ring halkası alır.

Ekran okuyucu

Örnek	Okunan
Gün	“27 Ekim 2026 Salı, düğme”
Bugün	“28 Ekim 2026 Çarşamba, bugün”
Seçilemez	“20 Ekim 2026 Salı, seçilemez, soluk”
Ay değişince	“Kasım 2026”, kibar duyuru

Kontrast

Gün rakamları 4,5:1; seçili gün birincil dolguda 4,5:1; bugün halkası 3:1 kontrast taşır. Seçilemez gün yalnızca renkle değil, üstü çizgiyle de ayrılır.

WCAG 2.2

Ölçüt	Calendar nasıl karşılar	Ürün ekibi ne yapmalı
1.3.1 Bilgi ve ilişkiler	Tablo, sütun başlıkları ve adlandırılmış ızgara.	—
1.4.1 Rengin kullanımı	Seçilemez gün üstü çizili; durum adla okunur.	Durumların anlamını metinle de verin.
2.1.1 Klavye	APG ızgara tuşları.	—
2.5.8 Hedef boyutu (asgari)	Günler 40 px.	—