# Test ettiğimiz erişilebilirlik sorunları Her sayfa, otomatik testlerimizin bulduğu bir sorunu açıklar: ne anlama geldiğini, hangi WCAG kriteriyle ilgili olduğunu, her sitede, Shopify’da ve WooCommerce’te nasıl düzeltileceğini ve düzeltmenin nasıl kontrol edileceğini. ## Erişilebilirlik sorunları - [ARIA ile gizlenmiş bir öğe odaklanabilir olmamalı ve odaklanabilir öğeler içermemelidir](https://www.fixreports.com/tr/issues/aria-hidden-focus): WCAG 4.1.2 · Seviye A. Odaklanabilir öğeler ekran okuyuculardan gizlenmiş ama klavyeyle hâlâ bunlara ulaşılabiliyor. (ARIA öznitelikleri ve rolleri) - [autocomplete özniteliği doğru kullanılmalıdır](https://www.fixreports.com/tr/issues/autocomplete-valid): WCAG 1.3.5 · Seviye AA. Bir form alanı, tarayıcıların tanımadığı bir autocomplete değeri kullanıyor. (Etiketi olmayan form alanları) - [Butonların ayırt edilebilir bir metni olmalıdır](https://www.fixreports.com/tr/issues/button-name): WCAG 4.1.2 · Seviye A. Bazı butonların erişilebilir bir adı yok; bu yüzden ekran okuyucu kullananlar yalnızca “düğme” sözcüğünü duyuyor. (Adı olmayan bağlantılar ve butonlar) - [Öğeler asgari renk kontrastı oranı eşiklerini karşılamalıdır](https://www.fixreports.com/tr/issues/color-contrast): WCAG 1.4.3 · Seviye AA. Bazı metinler, az gören kişilerin okuyabileceği kadar arka planından ayrışmıyor. (Düşük renk kontrastı) - [Gezinmeye yardımcı olması için belgelerde öğesi olmalıdır](https://www.fixreports.com/tr/issues/document-title): WCAG 2.4.2 · Seviye A. Bir sayfanın başlığı yok; bu yüzden kullanıcılar hangi sayfada olduklarını anlayamıyor. (Sayfa başlıkları) - [ARIA’da ve etiketlerde kullanılan id değerleri benzersiz olmalıdır](https://www.fixreports.com/tr/issues/duplicate-id-aria): WCAG 4.1.2 · Seviye A. Bir şeyi etiketleyen veya açıklayan bir id birden fazla öğede kullanılıyor; bu yüzden yardımcı teknolojiler yanlış etiketi okuyabilir. (ARIA öznitelikleri ve rolleri) - [Çerçevelerin erişilebilir bir adı olmalıdır](https://www.fixreports.com/tr/issues/frame-title): WCAG 4.1.2 · Seviye A. Yerleştirilmiş bir çerçevenin (çoğu zaman harita, video veya uygulama widget’ı) başlığı yok; bu yüzden ekran okuyucu kullananlar içinde ne olduğunu bilemiyor. (Sayfa yapısı, başlıklar ve landmark’lar) - [Başlık seviyeleri yalnızca birer birer artmalıdır](https://www.fixreports.com/tr/issues/heading-order): Erişilebilirlikte iyi uygulama. Başlık seviyeleri atlıyor (örneğin H2’den H4’e); bu da sayfa yapısını ekran okuyucu kullananlar için kafa karıştırıcı hale getiriyor. (Sayfa yapısı, başlıklar ve landmark’lar) - [<html> öğesinin bir lang özniteliği olmalıdır](https://www.fixreports.com/tr/issues/html-has-lang): WCAG 3.1.1 · Seviye A. Sayfa dilini belirtmiyor; bu yüzden ekran okuyucular sayfayı yanlış telaffuzla okuyabilir. (Sayfa dili) - [<html> öğesinin lang özniteliği geçerli bir değere sahip olmalıdır](https://www.fixreports.com/tr/issues/html-lang-valid): WCAG 3.1.1 · Seviye A. Sayfanın dil kodu geçerli değil; bu yüzden ekran okuyucular doğru sesi seçemiyor. (Sayfa dili) - [Görsellerin alternatif metni olmalıdır](https://www.fixreports.com/tr/issues/image-alt): WCAG 1.1.1 · Seviye A. Görsellerde metin alternatifi eksik; bu yüzden ekran okuyucu kullananlar görsellerin ne gösterdiğini bilemiyor. (Metin alternatifi olmayan görseller) - [Input butonlarının ayırt edilebilir bir metni olmalıdır](https://www.fixreports.com/tr/issues/input-button-name): WCAG 4.1.2 · Seviye A. Bir input butonunun metni yok; bu yüzden ekran okuyucular ne işe yaradığını söyleyemiyor. (Etiketi olmayan form alanları) - [Görsel butonlarının alternatif metni olmalıdır](https://www.fixreports.com/tr/issues/input-image-alt): WCAG 1.1.1, 4.1.2 · Seviye A. Bir görsel butonunun alternatif metni yok; bu yüzden ekran okuyucular ne işe yaradığını söyleyemiyor. (Metin alternatifi olmayan görseller) - [Form öğelerinin etiketi olmalıdır](https://www.fixreports.com/tr/issues/label): WCAG 4.1.2 · Seviye A. Bazı form alanlarının etiketi yok; bu yüzden ekran okuyucu kullananlar ne girmeleri gerektiğini bilemiyor. (Etiketi olmayan form alanları) - [Belgede bir main landmark’ı olmalıdır](https://www.fixreports.com/tr/issues/landmark-one-main): Erişilebilirlikte iyi uygulama. Sayfada main landmark’ı yok; bu yüzden ekran okuyucu kullananlar doğrudan içeriğe atlayamıyor. (Sayfa yapısı, başlıklar ve landmark’lar) - [Bağlantılar renge dayanmadan ayırt edilebilmelidir](https://www.fixreports.com/tr/issues/link-in-text-block): WCAG 1.4.1 · Seviye A. Paragrafların içindeki bağlantılar yalnızca renkle ayırt ediliyor; bu yüzden renk farkını göremeyen kişiler onları fark etmiyor. (Düşük renk kontrastı) - [Bağlantıların ayırt edilebilir bir metni olmalıdır](https://www.fixreports.com/tr/issues/link-name): WCAG 2.4.4, 4.1.2 · Seviye A. Bazı bağlantılarda ekran okuyucunun seslendirebileceği bir metin yok; bunlar çoğu zaman sosyal medya simgeleri veya sepet simgesi gibi yalnızca simgeden oluşan bağlantılardır. (Adı olmayan bağlantılar ve butonlar) - [Yakınlaştırma ve büyütme devre dışı bırakılmamalıdır](https://www.fixreports.com/tr/issues/meta-viewport): WCAG 1.4.4 · Seviye AA. Sayfa, mobilde iki parmakla yakınlaştırmayı engelliyor. (Yakınlaştırma ve yeniden akış (reflow)) - [Sayfa birinci düzey bir başlık içermelidir](https://www.fixreports.com/tr/issues/page-has-heading-one): Erişilebilirlikte iyi uygulama. Sayfada en üst düzey başlık yok. (Sayfa yapısı, başlıklar ve landmark’lar) - [Sayfa içeriğinin tamamı landmark’ların içinde yer almalıdır](https://www.fixreports.com/tr/issues/region): Erişilebilirlikte iyi uygulama. Bazı içerikler bir sayfa landmark’ının (header, nav, main veya footer) içinde değil. (Sayfa yapısı, başlıklar ve landmark’lar) - [[role="img"] ve [role="image"] öğelerinin alternatif metni olmalıdır](https://www.fixreports.com/tr/issues/role-img-alt): WCAG 1.1.1 · Seviye A. Görsel olarak sunulan bir öğenin metin alternatifi yok. (Metin alternatifi olmayan görseller) - [Kaydırılabilir bölgeye klavyeyle erişilebilmelidir](https://www.fixreports.com/tr/issues/scrollable-region-focusable): WCAG 2.1.1 · Seviye A. Kaydırılabilir bir alana klavyeyle ulaşılamıyor; bu yüzden klavye kullananlar onu kaydıramıyor. (Klavye erişimi ve odak) - [Select öğesinin erişilebilir bir adı olmalıdır](https://www.fixreports.com/tr/issues/select-name): WCAG 4.1.2 · Seviye A. Bir açılır menünün (çoğu zaman sıralama veya varyant seçicinin) etiketi yok. (Etiketi olmayan form alanları) - [img veya image rolü olan <svg> öğelerinin alternatif metni olmalıdır](https://www.fixreports.com/tr/issues/svg-img-alt): WCAG 1.1.1 · Seviye A. Bilgi aktaran bir SVG görselinin metin alternatifi yok. (Metin alternatifi olmayan görseller) - [Tüm dokunma hedefleri 24px büyüklüğünde olmalı veya yeterli boşluk bırakmalıdır](https://www.fixreports.com/tr/issues/target-size): WCAG 2.5.8 · Seviye AA. Bazı dokunma hedefleri 24 × 24 pikselden küçük ve birbirine çok yakın; bu da telefonda bunlara dokunmayı zorlaştırıyor. (Klavye erişimi ve odak)