Herkes için erişilebilir arayüzler geliştirin
WCAG Odaklı Erişilebilir Web Geliştirme Eğitimi, web arayüzlerini engelli kullanıcılar dahil herkes için kullanılabilir kılmayı uygulamalı öğretir.
WCAG ilkelerinden semantik HTML ve ARIA'ya, klavye erişiminden erişilebilirlik testine kadar
WCAG Odaklı Erişilebilir Web Geliştirme Eğitimi, web arayüzlerini engelli kullanıcılar dahil herkes için kullanılabilir kılmayı uygulamalı öğretir. WCAG 2.2'nin algılanabilir, işletilebilir, anlaşılabilir ve sağlam (POUR) ilkeleri ele alınır; semantik HTML, ARIA rolleri, klavye erişimi ve odak yönetimi işlenir. Renk kontrastı, metin alternatifleri, erişilebilir formlar ve dinamik içerik anlatılır. Program ekran okuyucu, Lighthouse ve axe ile test yöntemleriyle tamamlanır.
3 Gün. Her gün dört modül; mevcut bir arayüz WCAG ilkelerine göre incelenir, ARIA ve klavye desteğiyle düzeltilir ve testlerle doğrulanır.
Orta Seviye — WCAG 2.2 ilkeleri, ARIA, klavye erişimi ve otomatik/el ile erişilebilirlik testi
Gerçek bir arayüz üç gün boyunca erişilebilirlik açısından denetlenip düzeltilir; her modülde bir WCAG ölçütü doğrudan uygulanır.
Görme, işitme ve hareket engeli olan kullanıcılar dahil herkesin siteyi kullanabilmesini sağlayarak kitlenizi genişletirsiniz.
Kamu ve kurumsal sitelerde giderek zorunlu hale gelen erişilebilirlik gereksinimlerini WCAG temelinde karşılamayı öğrenirsiniz.
Semantik ve erişilebilir kod aynı zamanda SEO, bakım kolaylığı ve genel kullanıcı deneyimini de olumlu etkiler.
Eğitimden verim almak için faydalı olacak bilgi ve ortam
Etiketler, form yapısı ve temel stillere aşinalık beklenir; eğitim bu bilgiyi erişilebilirlik ölçütlerine taşır.
Olay yönetimi ve DOM güncellemesi bilgisi, dinamik içerik ve klavye etkileşimi örneklerini anlamayı kolaylaştırır.
Geliştirici araçları ve eklenti kurulabilen güncel bir tarayıcının bulunması test uygulamaları için gereklidir.
NVDA, VoiceOver gibi bir ekran okuyucuya erişim, gerçek kullanıcı deneyimini test etmek için faydalı olur.
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:
WCAG 2.2'nin POUR ilkelerini ve A/AA/AAA uyum düzeylerini anlar, bir arayüzü bu ölçütlere göre değerlendirebilirsiniz.
Semantik HTML, başlık hiyerarşisi ve landmark bölgelerle erişilebilirliğin sağlam temelini kurabilirsiniz.
Görseller, ikonlar ve medya için doğru alt metin ve altyazı sağlayarak içeriği herkes için anlaşılır kılarsınız.
ARIA rolleri ve durumlarını yerinde kullanarak özel bileşenleri ekran okuyucular için anlamlı hale getirebilirsiniz.
Tüm etkileşimleri klavyeyle erişilebilir kılar, odak yönetimi ve skip link ile akıcı gezinme sağlarsınız.
Etiket, hata bildirimi ve grup yapısıyla formları herkesin doğru ve hatasız doldurabileceği biçimde kurarsınız.
Canlı bölgeler ve erişilebilir bileşen kalıplarıyla dinamik güncellemeleri ekran okuyucuya doğru duyurabilirsiniz.
Lighthouse ve axe ile otomatik, ekran okuyucu ve klavyeyle el ile test yaparak uyumu kapsamlı doğrularsı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.
Node.js, npm, Webpack ve Vite ile modern ön yüz derleme araçları: paket yönetimi, modül paketleme, HMR, kod bölme ve CI tabanlı yayın eğitimi.
Detayları Gör →
Jest, Vitest, Testing Library, Playwright ve Cypress ile ön yüz test araçları: birim, entegrasyon ve uçtan uca testler, kapsam ve CI otomasyonu.
Detayları Gör →
React ile modern arayüz geliştirme: JSX, bileşen, hook'lar, useState, useEffect, Context, React Router, veri çekme ve performans optimizasyonu eğitimi.
Detayları Gör →
HTML, CSS ve JavaScript ile ön yüz geliştirme temeli: semantik HTML, Flexbox ve Grid, duyarlı tasarım, DOM, olaylar ve fetch ile veri çekme eğitimi.
Detayları Gör →
Ön yüz, Node.js arka uç, REST API, veritabanı ve JWT kimlik doğrulamayla uçtan uca tam yığın web uygulaması geliştirme ve yayına alma eğitimi.
Detayları Gör →
Go ile web programlama: net/http, REST API, JSON, middleware, database/sql, goroutine ve channel ile eşzamanlılık, test ve dağıtım eğitimi.
Detayları Gör →