M.AIM.AISoloLabsUI Sözlüğü · Gezinme

← UI Sözlüğü

Alt bilgi footer

bilinen diğer adları footer · sayfa altı · site altbilgisi

Böyle diyorsan: "sayfanın en altındaki linkler bölgesi" · "iletişim bilgilerinin durduğu alt kısım" → bunun adı alt bilgi.

Sayfa sonundaki linkler, iletişim ve yasal bilgiler bölgesi.

Alt bilgi, sayfanın en altında duran ve ikincil ama zorunlu bilgileri taşıyan bölgedir: yasal metinler, iletişim, site haritası, sosyal bağlantılar. Üst çubuğun tersine burada seçicilik değil KAPSAYICILIK beklenir — kullanıcı aradığı şeyi üstte bulamadıysa son durağı burasıdır. Türkiye bağlamında ayrıca yasal bir yüktür: aydınlatma metni, gizlilik politikası ve şirket bilgileri buraya konur ve bunlar süs değil, olması gereken şeylerdir. En sık yapılan hata alt bilgiyi bir link çöplüğüne çevirmektir: gruplandırılmamış otuz bağlantı, hiç bağlantı olmamasıyla aynı kapıya çıkar.

Kapsam: Bu madde sayfa altındaki kapsayıcı bölgeyi kapsar. Birincil gezinme Üst Çubuk, uygulama içi bölüm gezinmesi Kenar Menü maddesindedir.

CANLI ÖRNEK — kullan, numaralara tıkla, parçayı tanı
ÜrünÖzelliklerFiyatlar
ŞirketHakkındaİletişim
DestekSSSKargo takibi
© 2026 — Tüm hakları saklıdır● ● ●
Aşama aşama gezmek için okları ya da numaraları kullan.
YAPIM PROMPTU — AJANINA YAPIŞTIR
4 sütunlu footer kur: Ürün / Şirket / Destek link grupları + iletişim; en altta ayrı şeritte © yıl (koddan üretilen) + haklar metni + sosyal ikonlar (aria-label'li, yeni sekme). Mobilde sütunlar alt alta insin ya da akordeonlaşsın; footer TEK bileşen olsun ve her sayfada aynı kaynaktan gelsin.
DEBUG PROMPTU — HUYSUZLANIRSA

Yapıştır, sonuna belirtiyi ekle — ajana klasik hata kalıplarını önden verir.

Footer'ım huysuz; klasikleri sırayla ele: (1) her sayfada footer farklı — tek bileşen değil, kopyala-yapıştır çoğalmış; (2) linklerin bir kısmı ölü/eski sayfalara gidiyor; (3) mobilde 4 sütun yan yana sıkışıp okunmaz olmuş; (4) telif yılı elle '2024' yazılmış; (5) landmark <footer> değil düz div — ekran okuyucu atlayamıyor; (6) sosyal ikonların erişilebilir adı yok. Belirti şu:
ANATOMİ — HER PARÇANIN ADI VAR (tıkla ya da üzerine gel → örnekte yansın)
  • 1Sütun başlıkları<footer> + h etiketi

    Link gruplarının etiketleri (Ürün / Şirket / Destek); footer sayfanın 'dizini'dir.

  • 2Link grupları<nav>

    Alt sayfalara giden gerçek linkler; SEO için de değerlidir — ama çöplük değil, seçilmiş liste.

  • 3Telif satırınew Date().getFullYear()

    © yıl + hak metni; yıl elle yazılmaz, koddan gelir — yoksa Ocak'ta bütün site 'eskir'.

  • 4Sosyal ikonlararia-label

    Simge linkler; her biri erişilebilir ada sahip olmalı ('X hesabımız' gibi), yeni sekmede açılır.

DURUMLAR — HANGİ HÂLDE NE OLUR
  • ANormal<footer>

    Sayfa akışının sonunda. İçerik kısaysa alta yapışması için yerleşim kurulur; ekranın ortasında asılı kalan alt bilgi sayfayı bitmemiş gösterir.

  • BGruplu<nav> + başlıklı sütunlar

    Bağlantılar başlıklar altında toplanır. Gruplanmamış uzun liste taranamaz; başlık, kullanıcının gözünü doğru sütuna götüren şeydir.

  • CMobilsütunlar katlanır

    Dar ekranda sütunlar alt alta iner ya da akordeona dönüşür. Uzun alt bilgi mobilde sonsuz kaydırma hissi yaratır.

  • DYasal alangizlilik / KVKK / iletişim

    Zorunlu bağlantılar. Küçük punto ve soluk renk kombinasyonu bunları okunmaz yapar; kontrast burada da geçerlidir.

KODDAKİ ADLARI
HTML<footer> + <nav>landmark + link grupları
JSnew Date().getFullYear()kendini güncelleyen yıl
ARIAaria-label (ikon linkler)erişilebilir sosyal ikonlar
ERİŞİLEBİLİRLİK & SIK HATA
  • <footer> kullan: sayfanın doğrudan altındaysa contentinfo yer imi olur ve ekran okuyucu kullanıcısı doğrudan atlayabilir. Kart içine konan footer bu anlamı taşımaz.
  • İkon bağlantılarının erişilebilir adı olsun. Sosyal medya ikonları metinsiz kullanıldığında ekran okuyucuda 'bağlantı' diye okunur ve nereye gittiği bilinmez.
  • Bağlantı gruplarını <nav> ve başlıkla işaretle; yapı yalnız görselse tarama imkânı ekran okuyucu kullanıcısında kaybolur.
  • Küçük punto ile soluk rengi birlikte kullanma: alt bilgideki metinler de 4.5:1 kontrast şartına tabidir, yasal metinler dahil.
  • Telif yılını elle yazma; kendini güncellemeyen bir yıl, sitenin bakımsız olduğunu ilan eder.
SIK KARIŞTIRILANLAR

Üst çubuktan farkı. Üst çubuk SEÇİCİDİR: kullanıcının gitmesi beklenen az sayıda yeri gösterir. Alt bilgi KAPSAYICIDIR: geri kalan her şeyi barındırır. Bu yüzden üst çubuğa alt bilgi mantığıyla yaklaşıp her bağlantıyı koymak, hiçbirinin öne çıkmaması demektir; tersine alt bilgiyi seçici yapmak da kullanıcının aradığı yasal ya da ikincil bağlantıyı bulamaması demektir.

Üst çubuk sayfasına git →

Kenar menüden farkı. Alt bilgi SİTE geneline aittir ve her sayfada aynıdır; kenar menü ise uygulamanın içindeki bölümler arasında gezinmedir ve bulunulan yere göre değişir. Uygulama panelinde alt bilgiye gezinme koymak boşunadır — kullanıcı zaten sol taraftadır ve sayfanın altına inmez.

Kenar menü sayfasına git →

KAYNAKLAR
Bu parçayı 12 ayrı stilde gör. Tam sayfa stil örneklerindeki landing bu parçadan da kurulu; stilin parçayı nasıl giydirdiğini yan yana karşılaştırabilirsin — stil parçayı değiştirmez, giydirir.

Tam sayfa örneğini aç →üstteki şeritten stil atlayabilirsin

İLGİLİ PARÇALAR

Üst çubuk navbar / headerKenar menü sidebarAyraç dividerKart card

AYNI AİLEDE · GEZINME