Odak tuzağı
Klavye odağını etkin bir öğenin (genellikle modal/diyalog) içinde tutma tekniği: Tab gezintisi içeride döner, arka plana "sızmaz". Modallar için temel bir erişilebilirlik gereksinimi; bu olmadan ekran okuyucu ve klavye kullanıcıları yolunu kaybeder.
Sorun şu: modal açılır ama odak, yer paylaşımı katmanının arkasındaki (gizli) arka plana kaçabilirse, klavye ve ekran okuyucu kullanıcıları yönlerini kaybeder, göremedikleri içeriğe düşerler. Odak tuzağı şunları sağlar: modal açılınca odak içeri taşınır, Tab/Shift+Tab yalnızca İÇERİDEKİ odaklanabilir öğeler arasında döner (arka plana asla ulaşmaz) ve modal kapanınca odak onu açan öğeye geri verilir (ayrıca Esc ile kapatma). Bu, erişilebilir diyaloglar için bir WCAG gereksinimidir. İyi haber: showModal() ile kullanılan yerleşik <dialog> öğesi odak tuzağını bedavaya ve doğru biçimde sağlar; kendi modallarınızı yazmak yerine onu kullanmanın başlıca nedenlerinden biri bu (hatalı odak tuzakları klasik bir erişilebilirlik hatasıdır). Evde yazılmış çözümler için focus-trap gibi kütüphaneler var. dialog-element ve prefers-reduced-motion ile ilişkilidir.