Demo

Başlıklar

Bu başlık bir seviye atladı:

Bu başlığın hiç metni yok:

Bu kısa blok alıntı bir başlık olabilir:

Bu tamamen kalın paragraf bir başlık olabilir:

Ben sahte bir başlığım

Bu başlık çok uzun:

Görseller için metin alternatifleri

Bu başlık, alternatifi olmayan bir metin görselinden oluşmuş:

Hiç alt özelliği olmayan görsel:

Geçersiz alt özelliğine sahip görsel, örn. alt="'"

Dosya adı alt metin olarak kullanılan görsel

"görsel:" gibi gereksiz metin içeren alt metin bulunan görsel

"görsel:" gibi gereksiz metin içeren alt metne sahip bağlantılı görsel

Yer tutucu alt metne sahip görsel:

Bağlantılı görsel, yer tutucu alt metin ile:

Makine kodu alt metnine sahip görsel:

Makine kodu alt metnine sahip bağlantılı görsel:

Çok uzun alt metne sahip görsel:

Alt metnin bağlantıyı değil görseli tanımladığı bağlantılardaki görseller

Bu bağlantının metni ve bir görseli var.

Herhangi bir bağlantılı görsel (varsayılan olarak kapalı test)

Dekoratif olarak işaretlenmiş figür içindeki görsel:

Figcaption ile aynı alt metne sahip figür içindeki görsel:

Atlı karıncada alt metin olmayan görsel:

Kontrast

Okunaksız renk kombinasyonu:

Renk manuel kontrol gerektiriyor:

Yeterli kontrastı olmayan SVG grafik

Kontrastın manuel kontrol gerektirdiği SVG grafik

Gömülü Öğeler & Medya

Altyazı için manuel kontrol gerektirdiği işaretlenmiş video:

Ses transkript gerektiriyor:

Başlığı olmayan ve manuel kontrol gerektiren iframe:

Odaklanamayan iframe:

İç içe etkileşimli bileşenler

Anlamlı Bağlantılar

Hiç metni olmayan bağlantılar

Boş bağlantılar

Yalnızca URL ile etiketlenmiş bağlantılar:

https://www.youtube.com/watch?v=DLzxrzFCyOs

Yalnızca sembollerle etiketlenmiş bağlantılar:

↣

Aynı ada sahip bağlantılar farklı yerlere gidiyor

Kaplumbağalar Kaplumbağalar

Yalnızca DOI numarasıyla etiketlenmiş bağlantılar:

doi.org/10.1145/3493612.3520468

Anlamsız etiketlere sahip bağlantılar:

Tıklayın

Metin alternatifi olmayan bağlantılı simgeler:

Dış bağlantı simgesi veya metin uyarısı olmadan yeni pencerede açılan bağlantılar

Yeni sekmede açılır testi uyarısı.

PDF'lere bağlantılar

Eğlenin.

Diğer belgelere bağlantılar

Sahte bir belge bağlantısı.

Gereksiz başlık özelliklerine sahip bağlantılar

Üzerime gel

Sekme dizininden çıkaran özelliklerle birlikte bağlantılar:

Negatif tabindex olmaksızın aria-hidden bağlantılar.

Bağlantılar, metni olmayan öğelere aria-labelledby özelliği ile:

Aria etiketlerinde genel sözcükler içeren bağlantılar:

daha fazla bilgi

Alt metni olmayan bağlantılı görsel:

Okunaksız alt metne sahip bağlantılı görsel:

Alt metin özelliği olmayan bağlantılı görsel:

Metinli bir bağlantıda alt metin özelliği olmayan bağlantılı görsel:

Ara

Yalnızca dosya adı olarak alt metne sahip bağlantılı görsel:

Şüpheli derecede uzun alt metne sahip bağlantılı görsel:

Bozuk sayfa içi bağlantılar

Böyle bir kimlik yok.

Geliştirme sunucusuna bağlantılar

Hata

Yinelenen çapalar

Çapa 1 Çapa 2

Tablolar

Geçerli başlıkları olmayan tablolar

Okunabilirlik

Altı çizili metin

Biraz italik yazı gayet uygundur, ancak büyük bloklar halinde vurgulanan metin pek okunabilir değildir. Biraz kabul edilebilir elbette, ama sınırları var ve bir paragrafın tamamı çok fazla. Bu, örneğin, tam bir paragraftır. Okumak biraz zor, değil mi? Ama bu test bu kadar uzun olmadıkça tetiklenmez, bu yüzden düzenli olarak bu kadar büyük paragraflar yazmadığınız sürece içeriğinizde yanlış pozitifler görmemelisiniz.

Hizalanmış metin

Aşırı üst simge veya alt simge; _{alt simge küçük referanslar ve dipnotlar için kullanılmalıdır, tüm cümleler veya paragraflar için değil.}

Çok küçük yazı tipleri

Formlar

Etiketi olmayan düğme

Görünmez etiketli girişler; görünür bir etiket olup olmadığını sorar.

Yalnızca yer tutucu etikete sahip girişler; görünür bir etiket olup olmadığını sorar.

Sekme sırasını karıştırma