Microsoft Edge'de DevTools erişilebilirliğini geliştirme

  • History |
  • |
  • 0 Yorum

Web geliştiricileri, herkes için harika deneyimler yaratmak için web'in erişilebilir ve kapsayıcı olması gerektiğini her zamankinden daha fazla kabul ediyor. ABD'deki bilgisayar kullanıcılarının neredeyse yarısı da bir tür yardımcı teknoloji (AT) kullanıyor. AT kullanıcıları fiziksel veya bilişsel engelli olabilir, geçici yaralanmalar, işitme veya görme kaybı veya web'de farklı deneyimler gerektiren diğer koşullar olabilir. Diğer kullanıcılar bir bozulma olmayabilir, ancak klavye gezintisi gibi özelliklerin rahatlığından yararlanabilir.

Bu bilgi ve Microsoft'un kapsayıcılık ve erişilebilirlik taahhüdünden hareketle, geliştiriciler, tasarımcılar ve erişilebilirlik uzmanlarından oluşan ekibimiz, Microsoft Edge Geliştirici Araçları'na yeni erişilebilirlik özellikleri ve iyileştirmeleri getirmek için birlikte çalıştı.

Microsoft Edge DevTools mühendislerinin grup fotoğrafı
Microsoft Edge DevTools ekibinden mühendisler

DevTools'u klavye aracılığıyla veya NVDA ve Ekran Okuyucusu gibi ekran okuyucularla kullanan geliştiriciler, sekmeler arasında gezinme ve bölmelerde ayrıntılı bilgileri görüntüleme konusunda büyük gelişmeler bulmalıdır. W3C'nin Web İçeriği Erişilebilirlik Yönergeleri (WCAG) tarafından bilgilendirilen erişilebilirlik iyileştirmelerimiz, temel sekme ve bölme gezintilerinin ötesine uzanır. Kesme noktaları ve performans ayrıntıları gibi karmaşık özelliklere de artık erişilebilir.

NVDA ile Performans aracında gezinen kullanıcıyı gösteren animasyon
NVDA ile Performans aracında gezinme

Bazı durumlarda, araçlar sıfırdan yeniden tasarlandı veya üretildi. Örneğin, yeni Başlatıcı sekmesi yığın izlemelerini vurgulu bir öğeden çıkarıp kendi sekmelerine taşıyarak erişilebilir hale getirir. Yığın izlemeleri artık AT ile daha uyumlu bir biçimdedir.

Başlatıcı sekmesindeki istek başlatıcı zincirinin ekran görüntüsü.
Başlatıcı sekmesindeki istek başlatıcı zinciri

Ayrıca DevTools kullanıcı arabiriminde renk kontrastı oranlarını geliştirdik ve veri grafiklerinin ve diğer bilgilerin yalnızca renk dışında görselleştirilebilmesini sağladık.

Bu DevTools erişilebilirlik özellikleri ve daha fazlası Windows 10, Mac OS X ve eski Windows (7/8/8.1) için yeni Microsoft Edge tarayıcısında mevcuttur. Ancak bunları Chrome ve diğer Chromium tabanlı tarayıcılarda da bulacaksınız! Google Chrome ekibinin ve Chromium topluluğunun desteğiyle, yalnızca DevTools erişilebilirlik özelliklerinde Chromium'a geri dönen 150'den fazla değişiklik yaptık. Microsoft Edge ve diğer Chromium tabanlı tarayıcılarda milyonlarca geliştiricinin deneyimini iyileştirmeye yardımcı olmak için bu erişilebilirlik çalışmasını paylaşmanın gururunu yaşıyoruz.

Çeşitli Chromium tarayıcı simgelerinin grafiği

Ve işimiz bitmedi, şu gibi ek özellikler için çalışmaya devam ediyoruz:

  • DevTools için yüksek karşıtlık modu desteği,
  • DevTools'ta hata ayıklanan web sitelerinde yüksek karşıtlığı simüle etmek için araç kullanma, hem Windows hem de Mac platformlarındaki geliştiricilerin yüksek karşıtlık düzenlerini test etmesine olanak tanımak ve
  • DevTool'larımızın yeni WCAG 2.1 standartlarındaözetlenen erişilebilirlik önerilerini karşıladığından emin olmak.

DevTools'ta erişilebilirlik hakkında daha fazla bilgi için, Microsoft Edge DevTools'ta yardımcı teknoloji ile gezinmek için çevrimiçi belgelerimizebakın.

Bu erişilebilirlik geliştirmelerini içeren Microsoft Edge'in kararlı sürümü indirilebilir. Bir deneyin ve ne düşündüğünüzü bize bildirin!

– Rachel Simone Weil, Program Yöneticisi, Microsoft Edge DevTools