Google uses AI technology to translate content into your preferred language. AI translations can contain errors. Kaynaklar Erişilebilirlik Koleksiyonlar ile düzeninizi koruyun İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın. Erişilebilirlik hakkında bilgi edinme Yol haritasına dön 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. Yanıtları gönder error_outline Test değerlendirilirken bir hata oluştu. Lütfen tekrar deneyin. Önceki arrow_back Sonuç ve sonraki adımlar Sonraki Sözlük arrow_forward