Erişilebilirlik hakkında bilgi edinme

Engelli bireylerin web'i kullanmasına yardımcı olmak için en çok tercih edilen araçlar nelerdir?

Uygun gördüğünüz sayıda yanıt seçebilirsiniz.

Braille çıkış cihazları

Ekran okuyucular

Bağlantı istasyonları

İşletim sistemi ayarları

Web'de değişiklik yapmanın etkili bir yolu nedir?

Uygun gördüğünüz sayıda yanıt seçebilirsiniz.

Sosyal medyada şikayet etme

Dava açabilirsiniz.

Doğrudan bir şirketin geliştiricileriyle iletişime geçin.

WCAG standartlarının en yüksek seviyesi nedir?

AAA Seviyesi

A Level

Dökme

Çalıştırılabilirliğe örnekler nelerdir?

Uygun gördüğünüz sayıda yanıt seçebilirsiniz.

Tüm videolarda kontroller bulunur.

Kullanıcılar, formu tamamlamak için yeterli zamana sahip olur.

Tüm etkin öğeler klavye ve dokunmatik ekranı destekler.

Basit bir dil kullanılmalıdır.

Aşağıdakilerden hangisi erişilebilir bir düğme oluşturmaya yönelik en iyi uygulamadır?

<div id="saveChanges" aria-role="button" aria-pressed="false" tabindex="0">Go to shop</div>

<a id="saveChanges" aria-label="Some awesome article title">Go to shop</a>

<button id="saveChanges" type="button">Go to shop</button>

Siteniz, birden fazla dilin tek bir sayfada gösterildiği çok dilli bir online ders kitabıdır. Yardımcı teknolojiye kopyanın dilini söylemenin en iyi yolu nedir?

<html> için birincil lang, farklı dilde içerik barındıran öğeler için ek diller ayarlayın.

Endişelenmeyin, AT her dili otomatik olarak okuyabilir.

<html> öğesine tüm dilleri ekleyin. Örneğin <html lang="en,lt,pl,pt">

Beyaz arka planda en erişilebilir `:focus` CSS stili örneği hangisidir?

outline: 0.5rem solid yellow;

background-color:black;

outline: none; text-decoration:none; background:none;

text-decoration: dotted underline 2px blue;

Atlama bağlantısının amacı nedir?

Klavye kullanıcılarının gereksiz veya faydasız bağlantı gruplarını atlamasına yardımcı olun.

Klavye kullanıcılarının ilgilerini çekmeyen içerikleri atlamasına yardımcı olun.

Bir öğenin stilini JavaScript ile değiştirmenin en iyi yolu nedir?

Bir öğenin sınıfını değiştirmek için JavaScript'i kullanın ve stili CSS stil sayfanıza ekleyin.

JavaScript'i kullanarak dinamik stili doğrudan bir HTML öğesine uygulayın.

Tüm JavaScript işlemleri klavye kullanıcılarını destekleyebilir mi?

Evet, tüm işlemler klavye kullanıcılarını otomatik olarak destekler.

Evet, ancak biraz daha fazla çalışmanız gerekebilir.

Hayır, yalnızca semantik HTML ile klavye kullanıcılarını destekleyebilirsiniz.

Karmaşık görüntüleri nasıl erişilebilir hale getirebilirsiniz?

Uygun gördüğünüz sayıda yanıt seçebilirsiniz.

Makalenin ilerleyen kısımlarında bir açıklama ekleyin.

Tam açıklama içeren uzun alternatif metin ekleyin.

Resme aria-describedby özelliğini ekleyin.

Daha uzun açıklamalar için bağlantı kullanın.

Renk, belgeler için yeterli bir tanımlayıcı değildir. Okuyucuların kullanıcı arayüzü öğelerini tanımlamasına başka hangi bilgiler yardımcı olur?

Kalıp

Metin

Simge

Tüm yanıtlar doğru

Harekete yönelik işletim sistemi ayarlarını yansıtan ne tür bir uygulama geliştirebiliriz?

@prefers-reduced-motion

JavaScript açma/kapatma düğmeleri

Okunabilir bir kopya için kopyam ile arka plan arasında her zaman yüksek kontrast kullanmalıyım.

Yanlış

Doğru

Erişilebilirlik için en iyi yazı tipleri hangileridir?

Erişilebilir yazı tipleri.

Arial ve Verdana gibi sistem yazı tipleri.

Bunun bir önemi yoktur.

Aşağıdakilerden hangisi en erişilebilir form girişi türüdür?

<label>Email address (required): <input type="email" required aria-describedby="email-validation"> <span id="email-validation" class="validation-message">Please provide a valid email address using the format name@place.com</span></label>

Email address: <input type="email" required>

<label>Email address: <input type="email" required></label>

<label>Email address: <input type="email" required autocomplete="email"></label>

Erişilebilir bileşenler, kullanıcılar için her zaman erişilebilir durumda kalır mı?

Hayır, önce bileşenlerinizi test etmeniz gerekir.

Evet, bu bileşenleri ek bir işlem yapmadan kullanabilirsiniz.

Sitenizin erişilebilir olduğundan emin olmak için ne tür testler yapmalısınız?

Uygun gördüğünüz sayıda yanıt seçebilirsiniz.

Otomatik test

Manuel test

Kullanıcı testi

Yardımcı teknoloji testi

Değerlendirme testi.

Otomatik testlerde hangi hatalar tespit edilir?

Uygun gördüğünüz sayıda yanıt seçebilirsiniz.

Kapsayıcı dil

Alternatif metin eksik

Renk kontrastı sorunları

Açıklayıcı form etiketleri

ARIA hataları

Hangi öğelerin WCAG renk kontrastı standartlarını karşılaması gerekir?

Simgeler

Başlıklar

Gövde metni

Yukarıdakilerin tümü

Erişilebilirliği test etmek için kullanılabilecek en iyi ekran okuyucu hangisidir?

Yok

JAWS

VoiceOver

Orca

Yardımcı teknolojiyle test yapmanın amacı nedir?

Web sitenizde veya uygulamanızdaki kusurları test etmek için.

Yardımcı teknoloji kullanan kişilerle aynı deneyimi yaşamak için.

Engelli bireylerin web'i kullanmasına yardımcı olmak için en çok tercih edilen araçlar nelerdir?

Web'de değişiklik yapmanın etkili bir yolu nedir?

WCAG standartlarının en yüksek seviyesi nedir?

Çalıştırılabilirliğe örnekler nelerdir?

Aşağıdakilerden hangisi erişilebilir bir düğme oluşturmaya yönelik en iyi uygulamadır?

Siteniz, birden fazla dilin tek bir sayfada gösterildiği çok dilli bir online ders kitabıdır. Yardımcı teknolojiye kopyanın dilini söylemenin en iyi yolu nedir?

Beyaz arka planda en erişilebilir :focus CSS stili örneği hangisidir?

Atlama bağlantısının amacı nedir?

Bir öğenin stilini JavaScript ile değiştirmenin en iyi yolu nedir?

Tüm JavaScript işlemleri klavye kullanıcılarını destekleyebilir mi?

Karmaşık görüntüleri nasıl erişilebilir hale getirebilirsiniz?

Renk, belgeler için yeterli bir tanımlayıcı değildir. Okuyucuların kullanıcı arayüzü öğelerini tanımlamasına başka hangi bilgiler yardımcı olur?

Harekete yönelik işletim sistemi ayarlarını yansıtan ne tür bir uygulama geliştirebiliriz?

Okunabilir bir kopya için kopyam ile arka plan arasında her zaman yüksek kontrast kullanmalıyım.

Erişilebilirlik için en iyi yazı tipleri hangileridir?

Aşağıdakilerden hangisi en erişilebilir form girişi türüdür?

Erişilebilir bileşenler, kullanıcılar için her zaman erişilebilir durumda kalır mı?

Sitenizin erişilebilir olduğundan emin olmak için ne tür testler yapmalısınız?

Otomatik testlerde hangi hatalar tespit edilir?

Hangi öğelerin WCAG renk kontrastı standartlarını karşılaması gerekir?

Erişilebilirliği test etmek için kullanılabilecek en iyi ekran okuyucu hangisidir?

Yardımcı teknolojiyle test yapmanın amacı nedir?

Beyaz arka planda en erişilebilir `:focus` CSS stili örneği hangisidir?