Eğitim İçeriği
Yasal Bağlam & Erişilebilirlik Temelleri
Modül 1: Erişilebilirlik Kanunu ve Önemi Giriş
- Yeni Erişilebilirlik Kanunu'nun genel bakış (28 Haziran'dan itibaren yürürlükte)
- Hukuki gereklilikler ve son tarihler
- Kamu sektörü, özel şirketler ve geliştiriciler üzerindeki etkisi
- Neden erişilebilirlik önemli: sosyal, etik ve iş perspektifleri
- Uyumlu olmama cezaları
- Erişilebilirlik standartları genel bakış (WCAG 2.1/2.2, ARIA)
- Engelli kategorileri
Modül 2: Erişilebilirlik İlkeleri & Rehberleri
- POUR ilkeleri (Algılanabilir, İşlenebilir, Anlaşılır, Dayanıklı)
- WCAG rehberlerine giriş
- ARIA rolleri, durumları ve özellikleri
- Erişilebilirlikte semantik HTML'nin rolü
Modül 3: Erişilebilir Geliştirme Ortamı Kurulumu
- Araçlar: tarayıcı geliştirici araçları, ekran okuyucular (NVDA, VoiceOver), erişilebilirlik eklentileri
- Linter'ler ve otomatik erişilebilirlik test araçlarının kurulumu
- Yaygın erişilebilirlik test araçları genel bakış
- Mobil simülatörlerde ve gerçek cihazlarda (VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector kullanarak) erişilebilirlik testinin kurulumu.
Modül 4: Pratik Kodlama – Semantik HTML & Klavye Navigasyonu
- Erişilebilirlik için semantik işaretlemeler yazma
- Tam klavye navigasyonunu sağlama
- Odağı yönetme teknikleri
- Formları ve etkileşimli elemanları erişilebilir şekilde işleme
Natif Mobil Uygulamalarda Erişilebilirlik (Opsiyonel 1.5 saatlik ek modül)
- Ana platform rehberleri (Google Material, Apple Human Interface)
- Mobilde gezinme, düğmeler ve formları erişilebilir hale getirme
- Yaygın mobil erişilebilirlik sorunları ve çözümleri
- VoiceOver ve TalkBack ile elden geçirme testi
İleri Seviye Kodlama & Destekleyici Teknolojiler
Modül 5: Erişilebilir CSS ve Görsel Tasarım
- Renk kontrastı ve metin boyutu en iyi uygulamaları
- Odağı stilleri ve görünür odağı göstericileri
- Erişilebilirlik için duyarlı tasarım dikkate alınması
- Animasyonlar ve geçişlerde erişilebilirlik tuzağlarına düşmemek
- Mobil ekranlar için renk kontrastı ve boyutlandırma rehberleri.
Modül 6: Dinamik İçerik & Zengin İnternet Uygulamaları İçin ARIA
- Ne zaman ve nasıl ARIA özniteliklerini kullanmayı
- Ekran okuyucular için canlı bölgeleri yönetme
- Erişilebilir widget'lar ve özel bileşenler oluşturma
- SPA (Tek Sayfalı Uygulamalar) için ARIA'nın rolü
- Mobilde, yerel platformlarda erişilebilirlik rolleri ve etiketleri hakkında görüşme (örneğin Android'de contentDescription, iOS'ta accessibilityLabel).
Modül 7: El Deneyimi Kodlama Laboratuvarı: Erişilebilir Bileşenler Oluşturma
- Erişilebilir düğmeler, modallar, açılır menüler, sekmeler oluşturma
- Erişilebilir form doğrulaması ve hata yönetimi uygulama
- Gerçek dünya UI bileşenleri için ARIA ve semantik HTML kullanma
Test, Uyumluluk ve Sürekli Erişilebilirlik
Modül 8: Erişilebilirlik Testi & Denetimi
- Ekran okuyucular ve sadece klavye ile manuel test teknikleri
- axe, Lighthouse, pa11y gibi araçlarla otomatik test
- QA takımları için erişilebilirlik test senaryolarını yazma
- CI/CD hatalarında erişilebilirlik testinin entegrasyonu
- Natif mobil uygulamalar üzerinde erişilebilirlik denetimlerini nasıl çalıştırma (manuel testler, Accessibility Scanner gibi otomatik araçlar, Android için Espresso, iOS için XCTest)
Modül 9: Giderme & Sürekli Erişilebilirlik
- Yaygın erişilebilirlik sorunları ve onları nasıl düzeltmek
- Miras koddaki erişilebilirliğin yönetimi
- Feature güncellemeleri ve yeniden düzenleme sırasında erişilebilirliğin sürdürülmesi
- Çok platformlu uygulamalarda (mobil, masaüstü, web) erişilebilirlik
Modül 10: Son Pratik Alıştırma ve Kapanış
- Erişilebilirlik standartlarına uygun küçük bir uygulama/modül inşa etmek veya yeniden düzenlemek
- Yerleşik gözden geçirme ve grup tartışması
- Sorular ve geri bildirim oturumu
- Sürekli öğrenme ve uyumluluk güncellemeleri için kaynaklar
Kurs İçin Gerekli Önbilgiler
- HTML, CSS, JavaScript hakkında temel ve orta düzeyde bilgi
- Mobil uygulama teknikleri (Android, IOS) hakkında temel ve orta düzeyde bilgi
- Frontend çerçeveleri (React, Angular, Vue vb.) hakkında bildikleriniz varsa artı nokta
- Mobil uygulama geliştirme hakkında bildikleriniz varsa artı nokta
- Web/mobil geliştirme yaşam döngüsü hakkında temel bilgi
- Geliştirme ortamının kurulmuş olduğu bir dizüstü bilgisayar (kod düzenleyici, tarayıcı geliştirici araçları)
Hedef Kitle
- Frontend/Backend/Mobil Geliştiriciler
- Kodlama bilgisi olan UI/UX Tasarımcılar
- Erişilebilirlik testine odaklanan QA Mühendisleri
- Erişilebilirlik uyumluluğu ile ilgilenen Ürün Sahipleri ve Proje Yöneticileri
Danışanlarımızın Yorumları (5)
"Eğitmenin, ekipmizin projemize Human-Centered Design (HCD) uygulama yolunu gerçek zamanlı bir yaklaşım kullanarak göstermesini gerçekten takdir ettim. Ayrıca, eğitmenin projemizi genel anlamda anlamaya vakit ayırmış olması da çok iyi oldu; bu, daha iyi UX ve UI yaklaşımlarımızı nasıl geliştirebileceğimiz konusunda açık ve pratik rehberlik sağlamasını sağladı."
Nichole Bryant Joven - Grundfos
Eğitim - Human-Centered Design (HCD)
Yapay Zeka Çevirisi
İçerikle birlikte uygulamalı örnekler olması gerçeği
Smita Hanuman - Standard Bank of SA Ltd
Eğitim - Basel III – Certified Basel Professional
Yapay Zeka Çevirisi
Instrüktörün Figma konusunda çok bilgili göründüğüne memnun oldum.
January Oliva - Eko Health
Eğitim - User Experience Design with Figma
Yapay Zeka Çevirisi
- egzersizler uygulamadır - eğitmen bize özel sorularımızı cevaplamada yardımcıdır
Germaine Choi - The Hong Kong Jockey Club
Eğitim - User Experience (UX) Design
Yapay Zeka Çevirisi
Atmosfer, egzersizlere yaklaşımlar ve görevler hakkında yorumlar. Bilginin aktarımı çok nazik ve rahat bir şekilde yapıldı.
Elzbieta Moc-Kilanska - EY GDS
Eğitim - User Experience UX Design Fundamentals
Yapay Zeka Çevirisi