Herkes için erişilebilir web arayüzleri kurun
HTML & Accessibility Eğitimi, web arayüzlerini engelli kullanıcılar dahil herkes için kullanılabilir kılmayı öğretir. Program erişilebilirliğin önemi, WCAG ilkeleri ve semantik HTML ile landmark yapısıyla başlar; klavye navigasyonu, odak yönetimi ve ekran oku…
Erişilebilirlik temellerinden klavye ve ekran okuyucuya, ARIA'dan erişilebilir bileşen ve teste akış
HTML & Accessibility Eğitimi, web arayüzlerini engelli kullanıcılar dahil herkes için kullanılabilir kılmayı öğretir. Katılımcılar erişilebilirliğin önemini ve WCAG ilkelerini, semantik HTML ve landmark yapısını öğrenir. Program klavye navigasyonu ve odak yönetimini, ekran okuyucu davranışını, ARIA rol ve durumlarını, form ve medya erişilebilirliğini kapsar; erişilebilir bileşen kurma ve axe, Lighthouse gibi araçlarla test ile tamamlanır.
4 Gün. Her gün dört modül; erişilebilirlik teknikleri gerçek bileşenler üzerinde uygulanıp ekran okuyucu ve test araçlarıyla doğrulanır.
Orta Seviye — Semantik HTML, WCAG, klavye ve ekran okuyucu, ARIA ve erişilebilirlik testiyle kapsayıcı web
Her modülde öğrenilen teknik gerçek bir bileşene uygulanır; sonuç klavye, ekran okuyucu ve test araçlarıyla doğrulanır.
Görme, işitme ve hareket engelli kullanıcılar dahil herkesin siteyi kullanabilmesini sağlayarak gerçekten kapsayıcı arayüzler kurarsınız.
WCAG ilkelerini ve yasal gereklilikleri kavrayarak kurumunuzun erişilebilirlik yükümlülüklerini bilinçli biçimde karşılarsınız.
Erişilebilirlik odaklı geliştirme semantik, SEO ve kullanılabilirliği de iyileştirerek herkes için daha kaliteli arayüzler ortaya çıkarır.
Eğitimden verim almak için faydalı olacak bilgi ve ortam
Semantik HTML etiketlerine ve temel sayfa yapısına aşinalık beklenir; erişilebilirlik bu temel üzerine kurulur.
Odak görünürlüğü ve renk kontrastı gibi konular için temel CSS bilgisi eğitimden verim için faydalıdır.
Tarayıcı geliştirici araçlarıyla erişilebilirlik ağacını ve denetim sekmesini inceleme örneklerde kullanılır.
NVDA veya VoiceOver gibi bir ekran okuyucuya erişim, örnekleri deneyimlemek için faydalıdır.
Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.
Program sonunda katılımcılar:
Engel türlerini, yardımcı teknolojileri ve WCAG ilkelerini kavrayarak erişilebilirliği bir ek değil temel gereklilik olarak ele alırsınız.
Semantik HTML, landmark öğeleri ve doğru başlık hiyerarşisiyle yardımcı teknolojilerin anlayabileceği anlamlı sayfa yapıları kurarsınız.
Tüm işlevlere fare olmadan erişilebilen, mantıklı odak sırası ve klavye tuzağından arınmış tam klavye uyumlu arayüzler geliştirirsiniz.
Görünür odak halkası, atlama bağlantıları ve modalde odak hapsiyle klavye kullanıcıları için akıcı ve öngörülebilir deneyim kurarsınız.
ARIA rol, durum ve özelliklerini yerinde kullanır, semantik HTML'i önceleyerek gereksiz ve hatalı ARIA kullanımından kaçınırsınız.
Etiketleme, gruplama ve erişilebilir hata sunumuyla herkesin doğru ve sorunsuz doldurabildiği kapsayıcı formlar oluşturursunuz.
Modal, menü ve sekme gibi erişilebilir bileşenler kurar, yeterli renk kontrastı ve zoom uyumuyla okunabilir arayüzler üretirsiniz.
axe, Lighthouse ve WAVE ile otomatik, klavye ve ekran okuyucuyla manuel test yaparak sistematik bir denetim akışı yürütürsünüz.
Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.
Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.
Flexbox, CSS Grid, transform, keyframe animasyon, custom properties ve duyarlı tasarımla ileri CSS eğitimi. Modern, performanslı ve ölçeklenebilir arayüzler.
Detayları Gör →
HTML5 kısıtları, Constraint Validation API, düzenli ifadeler ve erişilebilir hatalarla ileri form doğrulama eğitimi. İstemci ve sunucu güvenliği birlikte.
Detayları Gör →
localStorage, IndexedDB, Cache API ve tarayıcı API'leriyle istemci tarafında veri saklama ve çevrimdışı uygulama kurmayı öğreten orta seviye web eğitimi.
Detayları Gör →
Fetch, JSON, FormData ve REST ile veriyi tüketme, gönderme, CORS ve hata yönetimini öğreten orta seviye veri akışı ve API tüketimi eğitimi.
Detayları Gör →
Semantik HTML, CSS ile görünüm ve JavaScript ile etkileşimi birlikte öğreten, mini projeyle biten orta seviye web geliştirme giriş eğitimi.
Detayları Gör →
CSS seçiciler, görsel efektler, CSS değişkenleri ve JavaScript ile dinamik stil, koyu tema ve animasyonları öğreten orta seviye biçimlendirme eğitimi.
Detayları Gör →