Container

Rol ve anlam

Container varsayılan olarak <div> çizer; rolü ve adı yoktur. render={<main />} ya da render={<section />} ile anlamlı bir öğeye dönüşür.

Klavye

Tuş	Davranış
Tab	Container odak almaz; Tab içindeki etkileşimli öğelere geçer.

Odak

Yok. Container odak sırasında değildir ve odak halkası göstermez. tabIndex eklemeyin.

Ekran okuyucu

Düz <div> ekran okuyucuya bir şey söylemez; içindeki metin akışta okunur.

Örnek	Okunan
<Container>	Yok (içerik okunur)
<Container render={<main />}>	“ana bölge” (main landmark)

Kontrast

Container metin ya da renk çizmez; kontrast ölçülecek bir çifti yoktur. Üzerine verdiğiniz arka plan ile içindeki metin çifti sizin sorumluluğunuzdadır.

WCAG 2.2

Ölçüt	Container nasıl karşılar	Ürün ekibi ne yapmalı
1.3.1 Bilgi ve ilişkiler	render ile <main> ya da <section> çizilebilir.	Sayfada tek <main> kullanın; <section> için ad verin.
1.4.4 Metni yeniden boyutlandırma	Genişlik px sınırıdır; kap daralınca Container küçülür, içeriği kesmez.	200% yakınlaştırmada içeriğin taşmadığını kontrol edin.
1.4.10 Yeniden akış	w-full ile dar görünümde kabı doldurur; yatay kaydırma gerektirmez.	className ile sabit genişlik vermeyin.