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.

Sıradaki ders: Klavye navigasyonu

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler