Textarea

Rol ve anlam

Textarea, Base UI Field içinde yerel bir <textarea> çizer. Etiket <label for> ile bağlanır; yardım metni ve hata aria-describedby içindedir. required hem öznitelik hem etiket işaretidir.

Klavye

Tuş	Davranış
Tab	Metin alanına odaklanır; bir sonraki Tab alandan çıkar.
Enter	Yeni satır ekler; formu göndermez.

Odak

Odakta kenarlık color-border-focus olur ve 2 px color-focus-ring halkası alanın içine çizilir (focus-visible).

Ekran okuyucu

Örnek	Okunan
Zorunlu alan	“Alan etiketi zorunlu, düzenleme metni, çok satırlı, gerekli”
Sayaç sınıra yakın	Yazmaya ara verince “8 karakter kaldı”
Sınır aşıldı	“2 karakter fazla”; alan “geçersiz” okunur

Kontrast

Metin, yer tutucu, kenarlık ve hata metni token kontrast testinde denetlenir: metin 4.5:1, girdi kenarlığı 3:1.

WCAG 2.2

Ölçüt	Textarea nasıl karşılar	Ürün ekibi ne yapmalı
1.3.1 Bilgi ve ilişkiler	<label for> ve aria-describedby.	Her alana label verin.
1.4.4 Metni yeniden boyutlandırma	Yükseklik satırla ölçülür; autoResize içerikle büyür.	Yüksekliği sabit piksel ile vermeyin.
3.3.1 Hata belirleme	aria-invalid ve metinli hata.	Sınır aşımında ne yapılacağını yazın.
4.1.3 Durum mesajları	Sayaç role="status".	Sayacı yalnızca sınırlı alanlarda açın.