Genellikle a11y olarak kısaltılan dijital erişilebilirlik, engelli kişilerin anlamlı ve eşdeğer bir şekilde etkileşime girebileceği web siteleri ve web uygulamaları tasarlamak ve oluşturmakla ilgilidir.
Bu kurs yeni başlayan ve ileri düzey web geliştiricileri için hazırlanmıştır. Erişilebilirlik uygulamaları ve testler hakkında genel bir fikir edinmek için bu seriyi baştan sona inceleyebilir veya belirli konularda referans olarak kullanabilirsiniz. Bilmediğiniz bir terim okuyorsanız sözlüğümüze bakın. Genel olarak web geliştirmede yeni olan kullanıcılar, işaretleme ile temel bilgiler için HTML Öğrenme kurslarına ve stil oluşturmayla ilgili temel bilgiler için CSS Öğrenin kurslarına göz atın.
Bu eksiksiz bir referans değildir. Her bölümde bölümün konusu tanıtılmakta, bağlam ve örnekler verilmektedir. MDN ve WCAG özellikleri gibi konu referanslarına ve diğer web.dev makalelerine bağlantılar bulunur. Her bölümde kullanıcıların öğrendiklerini doğrulamalarına yardımcı olacak kısa bir değerlendirme yapılacak.
Erişilebilirlikle ilgili en iyi uygulamalardan bazıları, ele aldığınız engelliliğe göre değişiklik gösterir. Kullanıcılarınızı anlamak ve engelli bireylere neye ihtiyaçları olduğunu söylediklerinde onları dinlemeniz önemlidir.
Geri bildirimlerinizi bekliyoruz. Bir GitHub sorunu açın ve ilgilenebilmemiz için mümkün olduğunca fazla bilgi verin.
Öğrenecekleriniz:
Dijital erişilebilirlik nedir ve neden önemlidir?
Engelli kişilerin anlamlı ve eşdeğer bir şekilde etkileşim kurabileceği web siteleri ve web uygulamaları tasarlayıp oluşturun. Bu seçimlerin ticari ve yasal etkileri hakkında bilgi edinin.
ARIA ve HTML
ARIA ve HTML ne zaman kullanılır?
İçerik yapısı
Erişilebilir içerikler için anlamsal HTML, yer işaretleri ve tablolar kullanın.
Belge
Erişilebilir web siteleri ve web uygulamaları oluştururken dikkate alınması gereken ek HTML öğeleri.
Klavye odağı
Klavyeyle gezinme sırasını ve stilini anlayın ve geliştirin.
JavaScript
Erişilebilir tetikleyici etkinlikler, sayfa başlıkları, dinamik içerik ve daha fazlasını yazın.
Resimler
Erişilebilir görseller oluşturun.
Renk ve kontrast
Uygun kontrastla erişilebilir renk paletleri oluşturun.
Animasyon ve hareket
Hareketin tetiklendiği her türlü bozukluğu olan kişileri destekleyin.
Yazı biçimi
Doğru yazı tipleri ile yazı tipi boyutlarını seçin ve reklam metninizi erişilebilir bir düzende yapılandırın.
Video ve işitsel
Videonuzu ve sesinizi erişilebilir hale getiren alternatif medya türleri.
Formlar
Erişilebilir formlar oluşturun.
Tasarım ve kullanıcı deneyimi
Erişilebilir tasarımlar oluşturun ve kullanıcılarınızın deneyimini değerlendirin.
Otomatik erişilebilirlik testi
Otomatik erişilebilirlik testi nasıl yapılır?
Manuel erişilebilirlik testi
Erişilebilirlik açısından manuel olarak nasıl test edilir?
Yardımcı Teknoloji testi
Yardımcı Teknoloji (AT) ile nasıl test yapılır?
Sonuç ve sonraki adımlar
Sonraki adımlarınızı atmanıza yardımcı olacak diğer kaynaklar.
Sözlük
Yaygın erişilebilirlik terimlerini ve kavramlarını öğrenin.
Peki, erişilebilirliği öğrenmeye hazır mısınız? Haydi başlayalım.