WCAG ilkeleri
POUR ilkelerini (Perceivable, Operable, Understandable, Robust) öğrenirsin.
POUR ilkeleri
Web içeriğini herkesin kullanabilmesi için dört temel ilke vardır. Bunlara kısa adıyla POUR denir: Perceivable (algılanabilir), Operable (çalıştırılabilir), Understandable (anlaşılabilir) ve Robust (sağlam).
Algılanabilir, içeriğin duyularla alınabilmesini ister; örneğin görselin alt metni olmalı. Çalıştırılabilir, tüm eylemlerin klavye ile yapılabilmesini ister. Anlaşılır, net dil ve hata mesajları demektir. Sağlam ise yardımcı teknolojilerle uyumlu çalışmayı hedefler.
WCAG uyumluluk düzeyleri
WCAG her ölçütü üç uyumluluk düzeyinde değerlendirir: A, AA ve AAA. A en düşük eşiktir; yokluğu ciddi erişim engeli yaratır. AA yasaların çoğunda istenen orta düzeydir; kontrast ve klavye gibi ölçütleri içerir. AAA en yüksek düzeydir.
Hedef genelde AA olmalıdır. AAA tüm içerik türleri için her zaman uygulanamaz; bazı ölçütler yalnızca belirli içeriklerde anlamlıdır.
Uygulama Algılanabilir görsel ve etiketli form yaz
Body içine bir <figure> ekle. İçine bir <img> ve bir <figcaption> koy. img'de src, boş olmayan alt, sayısal width ve height bulunsun. figure'dan sonra bir <form> ekle; içine bir <label> ve bir <input> koy. label'ın for özniteliği input'un id'sine bağlansın ve input required olsun.
Örnek çözümü göster
<body>
<figure>
<img src="/gorseller/orman.jpg" alt="Güneş ışığıyla aydınlanan orman"
width="1200" height="800">
<figcaption>Sabah orman yürüyüşü</figcaption>
</figure>
<form action="/ara" method="get">
<label for="arama">Arama</label>
<input id="arama" type="search" name="q" required>
</form>
</body>Kendini test et
-
Aşağıdakilerden hangisi POUR ilkelerinden biri değildir?
- Algılanabilir
- Çalıştırılabilir
- Renkli
- Sağlam
Cevabı göster
Renkli — Doğru. Renkli POUR'da yok; dört ilke algılanabilir, çalıştırılabilir, anlaşılabilir ve sağlamdır.
-
Hangi ilke?
<p>Bir görselin <code>alt</code> metni olması WCAG'nin ____ ilkesine girer.</p>Cevabı göster
<p>Bir görselin <code>alt</code> metni olması WCAG'nin Algılanabilir ilkesine girer.</p> -
İlkeyi örnekle eşleştir
- Algılanabilir
- Görselde alt metin
- Çalıştırılabilir
- Tüm eylemler klavye ile
- Anlaşılabilir
- Net hata mesajı
- Sağlam
- Ekran okuyucu uyumu
-
Yasa ile en çok istenen WCAG düzeyi hangisidir?
- A
- AA
- AAA
Cevabı göster
AA — Doğru. AA düzeyi yasaların çoğunda istenen orta seviyedir.