ActionBar

Rol ve anlam

ActionBar iki parçadan oluşur. Her zaman çizili, görünmeyen bir role="status" bölgesi seçim sayısını duyurur; çubuk ilk kez belirdiğinde de okunur. Eylemler Toolbar ile çizilir: role="toolbar" ve Provider’dan gelen “Toplu eylemler” adı. Görünen sayı metni aria-hidden taşır, böylece sayı iki kez okunmaz. Temizle düğmesinin adı “Seçimi temizle”dir.

Klavye

Tuş	Davranış
Tab	Çubuğa girer; ikinci Tab çıkar.
Sol ve sağ ok	Düğmeler arasında gezer; sonda başa döner.
Enter ya da Space	Odaktaki düğmeyi çalıştırır.
Escape	Çubuk içindeyken seçimi temizler.

Odak

Çubuk belirince odağı almaz; kullanıcı seçmeye devam eder. Seçim temizlenince çubuk kaldırılır; odak çubuktaysa ürün ekibi odağı listeye geri koymalıdır. Düğmelerde 2 px color-focus-ring halkası yalnızca klavye odağında görünür.

Ekran okuyucu

Örnek	Okunan
İlk seçim	“1 öğe seçildi”
Seçim artar	“3 öğe seçildi”
Çubuğa giriş	“Toplu eylemler, araç çubuğu, Seçimi temizle, düğme”

Kontrast

Sayı ve etiketler yükseltilmiş yüzeyde en az 4,5:1 kontrast taşır. floating çubuk sayfadan gölgeyle, inline çubuk kenarlıkla ayrılır.

WCAG 2.2

Ölçüt	ActionBar nasıl karşılar	Ürün ekibi ne yapmalı
1.3.1 Bilgi ve ilişkiler	toolbar rolü ve ad.	Eylemleri seçili öğelere uygulanabilir tutun.
2.1.1 Klavye	Ok tuşları, Enter, Space ve Escape.	Kendi tuş işleyicinizi eklemeyin.
2.4.3 Odak sırası	Çubuk odağı çalmaz.	Seçim temizlenince odağı listeye geri koyun.
2.4.11 Odak örtülmemeli (asgari)	floating çubuk ekranın altındadır.	Sayfanın altına çubuk kadar boşluk bırakın ki odaktaki öğe örtülmesin.
4.1.3 Durum mesajları	Sayı role="status" ile duyurulur.	Sayıyı her seçim değişiminde güncelleyin.