WCAG Odaklı Erişilebilir Web Geliştirme Eğitimi

Dijital dünyayı herkes için daha erişilebilir hale getirmek, yasal standartlar ve daha kapsayıcı olma vizyonunun güçlenmesi ile önemli gündemlerden birisi haline geldi. Binclusive olarak, geliştirdiğimiz erişilebilirlik araçlarına ek olarak erişilebilirlik alanında uzman kişiler yetiştirebilmeyi amaçlıyoruz. Bu eğitim, erişilebilir web siteleri ve uygulamaları geliştirmek isteyen herkes için bir başlangıç noktası sunuyor.

‍

Şimdi Kayıt Olun

Neler Öğreneceksiniz?

Bu eğitimde, web erişilebilirliğinin temel prensiplerini ve bu prensipleri nasıl uygulayacağınızı adım adım öğreneceksiniz. İçerik, Web İçeriği Erişilebilirlik Yönergeleri (WCAG) temel alınarak hazırlandı ve pratik uygulamalarla destekleniyor. Eğitim başlıklarımız şöyle:
‍

Erişilebilirliğe Giriş ve Temel HTML Yapıları: Erişilebilirliğin ne anlama geldiğini ve neden önemli olduğunu konuşacağız. WCAG prensiplerini ve anlamsal HTML kullanmanın yollarını öğreneceksiniz.
Metin ve Medya Erişilebilirliği: Web sitenizdeki metinleri, görselleri ve videoları herkesin rahatça kullanabilmesi için neler yapabileceğinizi keşfedeceksiniz.
Etkileşimli Bileşenler ve Klavye Erişilebilirliği: Formlar, butonlar ve menüler gibi etkileşimli öğelerin klavye ile de sorunsuz çalışmasını sağlamanın inceliklerini öğreneceksiniz.
Renk, Kontrast ve ARIA Uygulamaları: Renk ve kontrastın erişilebilirlik üzerindeki etkisini anlayacak, WCAG'nin kontrast gereksinimlerini karşılamayı ve ARIA'yı ne zaman ve nasıl kullanacağınızı öğreneceksiniz.
Erişilebilirlik Testi ve İleri Konular: Geliştirdiğiniz sayfaları farklı araçlarla nasıl test edeceğinizi, manuel testlerin önemini ve duyarlı tasarımın erişilebilirliğe katkısını ele alacağız.

Bu Eğitim Kimler İçin?

Bu eğitim, dijital ürünlerin erişilebilirliğini artırmak isteyen profesyoneller düşünülerek hazırlandı. Özellikle:

Web geliştiricileri
Tasarımcılar (UI/UX)
Product Designer'lar
Product Manager'lar

Neler Kazanacaksınız?

Bu eğitimi tamamladığınızda, sadece teknik bilginizi artırmakla kalmayacak, aynı zamanda herkes için daha kapsayıcı dijital deneyimler tasarlama ve geliştirme konusunda kendinize güven kazanacaksınız. WCAG standartlarına uygun işler çıkarabilecek, erişilebilirlik sorunlarını daha kolay fark edip çözebileceksiniz.

Eğitimcilerimiz İle Tanışın:

Alanında tecrübeli eğitimcilerimiz bu yolculukta size eşlik edecek:

Bora Fırlangeç: Görme Engelli Web Geliştirici, Erişilebilirlik Uzmanı
Atakan Nalbant: Web Erişilebilirlik Uzmanı, Binclusive Co-founder

Eğitim Detayları:

Eğitim Başlangıcı: 25 Ağustos
‍Eğitim Ücreti: 18.000 TL
‍Erken Kayıt İndirimi: 5 Ağustos tarihine kadar kayıtlarda 12.000 TL
Ödeme detaylarıyla ilgili olarak en kısa sürede sizinle iletişime geçeceğiz.
Öğrenciler bu eğitimden ücretsiz olarak faydalanabilecektir.

Uygulamalı Pratikler ve Soru-Cevap Destekli Eğitim:

Her seansın sonunda yapacağınız uygulamalı pratikler ile kursta anlatılanları deneyimleme fırsatı bulacaksınız. Ayrıca, her seansın sonunda isteğe bağlı soru-cevap oturumlarıyla tüm sorularınızın cevaplarına ulaşabileceksiniz.

Eğitim Akışı

Modül 1: Erişilebilirliğe Giriş ve Temel HTML Yapıları (4 Saat)

Giriş ve Neden Erişilebilirlik?, Erişilebilirlik Nedir?
Neden Erişilebilir Web Geliştirmeliyiz? (Yasal, Etik, Ekonomik Faydaları)
Engellilik Modelleri (Tıbbi, Sosyal, İnsan Hakları) ve Web Erişilebilirliği
WCAG Nedir? (Prensiplerine Genel Bakış: Algılanabilir, Çalıştırılabilir, Anlaşılabilir, Sağlam)
HTML'e Giriş ve Anlamsal Yapı, HTML Nedir?
Temel HTML Belge Yapısı (<html>, <head>, <body>)
Anlamsal HTML Kullanımı (<header>, <footer>, <nav>, <main>, <article>, <section>, <aside>)
Başlık Etiketleri (<h1>'den <h6>'ye) ve Hiyerarşi
Paragraf (<p>) ve Metin Biçimlendirme (<strong>, <em>)
Modül 1 Sonu Egzersiz: Katılımcılardan, basit bir "Hakkımızda" veya "İletişim" sayfası oluşturmaları istenecektir. Sayfada anlamsal HTML etiketleri (<header>, <main>, <footer>, <p>, <h1>-<h6>) doğru bir şekilde kullanılmalı ve mantıklı bir başlık hiyerarşisi oluşturulmalıdır.

Modül 2: Metin ve Medya Erişilebilirliği (4 Saat)

Metin Erişilebilirliği, Bağlantı Metinleri (<a>) ve Erişilebilirlik
Liste Öğeleri (<ul>, <ol>, <li>), Tablolar (<table>, <thead>, <tbody>, <tr>, <th>, <td>) ve Erişilebilirlik (Basit Tablolar)
Kısaltmalar (<abbr>) ve Alıntılar (<blockquote>)
Görsel ve İşitsel Medya Erişilebilirliği
Görseller (<img>) için Alternatif Metinler (Alt Text)
Anlamsal ve Dekoratif Görseller Arasındaki Fark
Arka Plan Görselleri ve Erişilebilirlik
Video ve Ses İçerikleri için Erişilebilirlik (Altyazı, Transkript, Sesli Betimleme Kavramları)
Modül 2 Sonu Egzersiz: Katılımcılardan, Modül 1'de oluşturdukları sayfayı geliştirerek, içerisinde anlamlı bağlantılar, bir liste (örneğin hizmetler listesi) ve en az bir görsel bulunduran bir sayfa oluşturmaları istenecektir. Görsel için doğru alt metni eklenmeli ve bağlantı metinleri açıklayıcı olmalıdır.

Modül 3: Etkileşimli Bileşenler ve Klavye Erişilebilirliği (4 Saat)

Klavye Erişilebilirliğine Giriş
Neden Klavye Erişilebilirliği Önemli?
Odak Yönetimi (tabindex kullanımı ve riskleri)
Odak Görünürlüğü (Focus Indicators)
Mantıksal Sekme Sırası (Tab Order)
Atlanan Bağlantılar (Skip Links)
Form Erişilebilirliği
Form Etiketleri (<label>) ve İlişkilendirme (for, id)
Giriş Alanları (<input>, <textarea>, <select>)
Doğrulama ve Hata Mesajları
Alan Kümeleri (<fieldset>, <legend>)
Modül 3 Sonu Egzersiz: Katılımcılardan, Modül 2'de oluşturdukları sayfayı geliştirerek, içerisinde bir iletişim formu (isim, e-posta, mesaj alanları ve gönder butonu) eklemeleri istenecektir. Formdaki tüm alanlar label ile doğru bir şekilde ilişkilendirilmeli ve form klavye ile tamamen erişilebilir olmalıdır. Odak sırası mantıklı olmalıdır.

Modül 4: Renk, Kontrast ve ARIA Uygulamaları (4 Saat)

Renk ve Kontrast Erişilebilirliği
Renk Kullanımının Önemi (Bilgiyi sadece renkle iletmeme)
WCAG Kontrast Oranları (AA ve AAA Düzeyi)
Kontrast Kontrol Araçları
Görsel İçerikte Renk Körlüğü İçin Duyarlılık
ARIA'ya Giriş ve Temel Kullanım
ARIA Nedir? (Amacı ve Ne Zaman Kullanılmalı)
ARIA Rolleri (Örnekler: role="navigation", role="button")
ARIA Özellikleri (aria-label, aria-labelledby, aria-describedby, aria-haspopup)
ARIA Durumları (aria-expanded, aria-hidden, aria-current)
"No ARIA is better than Bad ARIA" Prensibi
Modül 4 Sonu Egzersiz: Katılımcılardan, Modül 3'te oluşturdukları formu ve genel sayfayı renk ve kontrast açısından iyileştirmeleri istenecektir. Ayrıca, sayfaya basit bir etkileşimli öğe (örneğin, bir açılır menü veya bir bilgi kutusu) ekleyerek temel ARIA özelliklerini (örn. aria-hidden veya aria-expanded) doğru bir şekilde uygulamaları beklenecektir.

Modül 5: Erişilebilirlik Testi ve İleri Konular (4 Saat)

Erişilebilirlik Test Yöntemleri
Binclusive gibi Otomatik Test Araçları
Manuel Testler (Klavye ile Gezinme, Ekran Okuyucu Testleri - Temel Giriş)
Kullanıcı Testleri (Engelli Bireylerle Çalışma Önemi)
Tarayıcı Geliştirici Araçları ile Erişilebilirlik Kontrolleri
Duyarlı Tasarım ve Erişilebilirlik
Duyarlı Tasarımın Erişilebilirliğe Etkisi
Mobil Erişilebilirlik Dikkat Edilmesi Gerekenler
İçerik Düzeninin ve Okunabilirliğin Korunması
Erişilebilirlik Trendleri ve Gelecek
Modül 5 Sonu Egzersiz: Katılımcılardan, önceki modüllerde oluşturdukları sayfayı baştan sona erişilebilirlik açısından gözden geçirmeleri istenecektir. Otomatik test araçları ile test yapmaları, klavye ile tüm etkileşimleri kontrol etmeleri ve buldukları sorunları gidermeleri beklenecektir. Duyarlı tasarım prensiplerini de göz önünde bulundurarak mobil cihazlarda da erişilebilirliği sağlamalıdırlar.