İçeriğe geç

Rehber

Mobilde yakınlaştırma kapalı: user-scalable=no neden kullanılmamalı?

Viewport etiketindeki user-scalable=no veya maximum-scale=1, kullanıcıların metni yakınlaştırmasını engeller. Bu bir erişilebilirlik sorunudur; kaldırmayı anlatıyoruz.

2 dk okumaBaşlangıç seviyesiGeçerlilik dönemi: 2026 Eylül itibarıyla
Mobilde yakınlaştırma kapalı: user-scalable=no neden kullanılmamalı? — editoryal kapak görseli

Görme zorluğu olan bir kullanıcı küçük bir metni okumak için iki parmağıyla yakınlaştırmaya çalışıyor, ama sayfa buna izin vermiyor. Sebep, viewport etiketindeki tek bir ifade.

KTYAPTECH SEO Analyzer bu sorunu MOBILE-ZOOM-DISABLED-001 koduyla, “Viewport yakınlaştırmayı kapatıyor” başlığı altında ve orta önem derecesiyle raporlar (Mobil). Bu rehber, bulgunun ne anlama geldiğini, neden önemli olduğunu ve adım adım nasıl düzeltileceğini anlatıyor.

Kapatılmış yakınlaştırma nedir?

Viewport etiketinde user-scalable=no veya maximum-scale=1 gibi değerler kullanıcıların sayfayı yakınlaştırmasını engeller. SEO Analyzer bu değerleri bu bulguyla raporlar.

Neden önemli? SEO ve kullanıcı deneyimine etkisi

WCAG, metnin yardımcı teknoloji olmadan %200'e kadar büyütülebilmesini ister. Yakınlaştırmayı kapatmak bu kriteri ihlal eder ve az gören kullanıcıları dışarıda bırakır.

Lighthouse erişilebilirlik denetimi de bu durumu uyarı olarak işaretler.

Sorun nasıl tespit edilir?

  • SEO Analyzer raporundaki “Viewport yakınlaştırmayı kapatıyor” bulgusunu inceleyin.
  • Viewport etiketinde user-scalable ve maximum-scale değerlerini kontrol edin.
Kapatılmış yakınlaştırma: yanlış ve doğru uygulamanın karşılaştırması
Kapatılmış yakınlaştırma: sorunlu durum ve doğru uygulama yan yana.

Adım adım çözüm

  1. Viewport etiketinden user-scalable=no ve maximum-scale değerlerini kaldırın.
  2. Yakınlaştırmayı kapatma nedeni iOS'ta form alanlarına odaklanınca oluşan otomatik yakınlaşmaysa, form alanlarının yazı boyutunu en az 16 piksel yapın.
  3. Düzenin yakınlaştırıldığında da kullanılabilir kaldığını test edin.

iOS form yakınlaşması

iOS Safari, yazı boyutu 16 pikselden küçük form alanlarına odaklanıldığında sayfayı otomatik yakınlaştırır. Bunu önlemenin doğru yolu yakınlaştırmayı kapatmak değil, form alanlarının yazı boyutunu 16 piksel yapmaktır.

Kapatılmış yakınlaştırma için düzeltme örneği
Kısıtlayıcı değerler kaldırılır, form yakınlaşması CSS ile önlenir.

Sık yapılan hatalar

  • Form yakınlaşmasını önlemek için tüm sayfada yakınlaştırmayı kapatmak.

Düzeltmeyi nasıl doğrularsınız?

  • Telefonda sayfayı iki parmakla yakınlaştırmayı deneyin.
  • SEO Analyzer'ı yeniden çalıştırın.

Sık sorulan sorular

Bu SEO'yu etkiler mi?

Doğrudan bir sıralama faktörü değildir; erişilebilirlik ve kullanıcı deneyimi sorunudur.

Uygulama benzeri sayfalarda yakınlaştırma kapatılabilir mi?

Harita veya oyun gibi kendi yakınlaştırma kontrolü olan özel arayüzler dışında kapatılmamalıdır.

Özet

Kullanıcıların yakınlaştırmasını engellemeyin. Viewport etiketinden user-scalable=no ve maximum-scale'i kaldırın; iOS form yakınlaşmasını 16 piksellik yazı boyutuyla önleyin.

Sitenizde bu ve benzeri sorunların olup olmadığını görmek için KTYAPTECH Ücretsiz SEO Analizi aracını kullanabilirsiniz: rapordaki her bulgunun yanında, sorunu anlatan çözüm rehberine giden bir bağlantı bulunur.

Kategoriler

Etiketler

Kaynaklar

  1. W3C — WCAG 2.2 Metni yeniden boyutlandırma
  2. MDN — Viewport meta etiketi
  3. Deque axe — Yakınlaştırma devre dışı bırakılmamalı (meta-viewport)

Paylaş