Kullanıcı sayfadayken ana içeriğin üzerine karartılmış bir katman ile açılan ve kullanıcı kapatana veya işlem yapana kadar arkadaki sayfayı kitleyen diyalog kutusudur.
\n\nNasıl Çalışır ve Temel Prensipleri Nelerdir?
\nJavaScript tetikleyicisi ile DOM üzerinde aktif edilir; arka plana pointer-events engellemesi ve odak yakalama (focus trapping) uygulanır.
\n\nNeden Kritik Öneme Sahiptir?
\nKritik onay mesajları, oturum açma formları, hızlı ürün detayları ve acil duyurular için kullanıcı dikkatini %100 odakta toplar.
\n\nEn İyi Uygulama ve Kullanım İpuçları
\nKlavyedeki ESC tuşuyla ve arka plana tıklandığında kolayca kapanmasını sağlayın; ekran okuyucular için aria-modal='true' etiketini eksik etmeyin.
\n\nSık Yapılan Hatalar ve Kaçınılması Gerekenler
\nKullanıcı siteye adım atar atmaz tam ekran spam bülten pop-up'ları çıkararak kullanıcı deneyimini mahvetmek.
Sıkça Sorulan Sorular (SSS)
Modal Pencere Nedir? (Açılır Pop-up Diyalog Kutusu) hakkında en sık yöneltilen sorular ve mühendislik ekibimizin uzman yanıtları:
Modal sayfa içi HTML elemanıdır ve arka planı kilitler; popup ise tarayıcının yeni bir pencere açmasıdır.
Mobilde alt taraftan yukarı kayan sayfa (bottom sheet) formuna bürünmesi en ergonomik yaklaşımdır.