Klavyedeki TAB tuşuyla sayfada gezinirken o an seçili olan butonun, linkin veya form kutusunun etrafında beliren vurgu çerçevesidir.
\n\nNasıl Çalışır ve Temel Prensipleri Nelerdir?
\nCSS :focus ve :focus-visible sözde sınıfları ile outline ve box-shadow kurallarıyla stilize edilir.
\n\nNeden Kritik Öneme Sahiptir?
\nFare kullanamayan motor engelli veya klavye odaklı kullanıcıların ekranda nerede olduklarını görmesini sağlar.
\n\nEn İyi Uygulama ve Kullanım İpuçları
\nModern outline-offset ve belirgin renkli :focus-visible stilleri tasarlayın.
\n\nSık Yapılan Hatalar ve Kaçınılması Gerekenler
\nCSS'te 'outline: none' yazıp alternatif hiçbir odak stili koymayarak klavye kullanıcılarını kör bırakmak.
Sıkça Sorulan Sorular (SSS)
Focus State Nedir? (Odaklanma Durumu ve Erişilebilirlik) hakkında en sık yöneltilen sorular ve mühendislik ekibimizin uzman yanıtları:
:focus her tıklamada görünür; :focus-visible ise yalnızca klavye ile gezinirken tetiklenir ve fare kullanıcılarını rahatsız etmez.
Evet, WCAG 2.1 AA erişilebilirlik standardının zorunlu şartıdır.