Alt metni olmayan görseller

Alt özniteliği bulunmayan üç resim. Ekran okuyucular bunları sesli olarak okuyamıyor.

Son görselde genel bir alternatif metin bulunuyor; yapay zeka alternatif metin modülü daha iyi bir öneri sunmalı.

Genel bağlantı metinleri

Hizmetlerimiz hakkında daha fazla bilgi Burada.

BFSG kapsamındaki yükümlülüklerinizi biliyor musunuz? buraya tıklayın.

Daha fazla bilgi: Daha, daha öte, ►.

Kontrast ihlalleri

Açık gri beyaz üzerine (~1.6:1) — WCAG eşiği olan 4.5:1'in oldukça altında.

Beyaz zemin üzerinde açık mercan rengi (~ 2.4:1) — marka için tipik olarak güzel bir renk, ancak ulaşılabilir değil.

Açık mercan rengi üzerinde beyaz (~2.4:1) — aynı sorun farklı bir açıdan.

Açık gri üzerine biraz daha açık gri (~ 1.2:1) — „minimalist" temalar için klasik bir renk kombinasyonu.

Bozuk klavye kontrolleri

Aşağıdaki "düğmeler", sekme dizini ve ARIA rolü olmayan anlamsız div'lerdir. Fare tıklamaları çalışır, ancak sekme tıklamaları çalışmaz.

İşte href'siz bir bağlantı (anchor) — bu da odaklanılamaz:

Kırık form

Referans için tek bir etiket yok, radyo grubu etrafında alan kümesi yok, zorunlu alanlar yalnızca yıldız işaretleriyle belirtilmiş, hata gösterimi için aria-describedby yok.

Bozuk sekme sırası ve odaklanma eksikliği

Pozitif tabindex değerine sahip dört bağlantı — sekme sırası görsel sıranın tersine çevrilmiştir.

Ayrıca: `outline:none` odak halkasını tamamen kaldırır. Klavye kullanıcıları nerede olduklarını göremezler.

Mini düğmeler

Düğmelerin boyutu yalnızca 20x20 pikseldir; WCAG 2.5.5'e göre minimum boyut 44x44'tür.

Dokunmatik cihazlarda neredeyse kullanılamaz.

Hareket koruması azaltılmamış sürekli animasyon

Turuncu blok, ziyaretçi işletim sisteminde "daha az hareket" ayarını yapmış olsa bile, sonsuz bir şekilde dönmeye devam eder.

Uzunluksuz dil karışımı

Erişilebilirlik çözümleri sunuyoruz. Ekibimiz Avrupa genelinde dijital kapsayıcılığa kendini adamıştır. WordPress siteniz hakkında ücretsiz danışmanlık için bizimle iletişime geçin.

Ayrıca Fransızca olarak işaretsiz: Nous offrons des Solutions d'accessibilité numérique pour les sites WordPress.

Kırık akordeon

Rol içermeyen div tabanlı akordeon, aria-expanded, aria-controls.

Eksik simge yapılar

Bu bölümde anlamsal alanlar bulunmamaktadır (nav, aside, role="region" yok). Ekran okuyucular alanlar arasında geçiş yapamaz.

• Bağlantı A
• Bağlantı B
• Bağlantı C

Başlık hücreleri olmayan veri tablosu

Altyazısı bulunmayan video

Altyazı için `track` öğesi içermeyen herhangi bir videoyu ekleyin; eklenti modülü bunu işaretlemelidir.

(Kaynak muhtemelen mevcut değil — bu sadece işaretleme kalıbıyla ilgili.)

Karmaşık duvar yazısı

WCAG 2.1 uyumluluk seviyelerine bağlı kalarak erişilebilir web uygulamaları geliştirmek, HTML semantiği, ARIA spesifikasyonları, CSS görselleştirme teknikleri ve ekran okuyucular, Braille ekranlar ve konuşmadan metne dönüştürme sistemleri gibi yardımcı teknolojiler konusunda disiplinler arası bir anlayış gerektirir. Özellikle React, Vue veya Angular gibi çerçeveler kullanan dinamik tek sayfa uygulamalarında bu teknolojilerin etkileşimi, canlı bölge yönetimi ve doğru odak yönetimi ile sağlanmalıdır. Bu, uygun uzmanlık ve yıllarca süren pratik deneyim olmadan sürdürülebilir değildir.

Marquee tarzı kayan metin

Duraklatma düğmesi olmadan, hareket koruması azaltılmadan otomatik kaydırma hareketi.