Bir web sitesini erişilebilirlik açısından test etmek, zaman alıcı ve zahmetli bir süreç olabilir. Ücretsiz Web Erişilebilirlik Araç Çubuğu, zor işlerin çoğunu sizin için yapabilir ve erişilebilirlikle ilgilenen herkes için vazgeçilmez bir araçtır.
Araç çubuğu otomatik bir test aracı değildir, bu nedenle sizin el ile çalışmanızı gerektirir. Bu nedenle, otomatik erişilebilirlik test araçlarıyla birçok sorunu önleyebilir. Herhangi bir teknik bilgi gerektirmez, bu nedenle en büyük teknofob bile web sitelerine erişilebilirlik için bakabilir!
Web Erişilebilirlik Araç Çubuğunu Kurma
Araç çubuğunu http://www.nils.org.au/ais/web/resources/toolbar adresinden ücretsiz olarak indirebilirsiniz ve kurduktan sonra, Internet Explorer’ın araç çubuğu alanına oturacaktır. Toplam dosya boyutu sadece 550 kb’dir, bu nedenle indirme çok uzun sürmez.
Araç çubuğu yalnızca Windows’ta Internet Explorer’da çalışır, bu nedenle Internet Explorer ilk tercih ettiğiniz tarayıcı değilse, onu kullanırken tarayıcılar arasında geçiş yapmanız gerekir. (Alternatif olarak, benzer ancak aynı olmayan işlevsellik sunan Firefox için Web Geliştirici Araç Çubuğunu indirebilirsiniz.)
Web Erişilebilirlik Araç Çubuğunu Kullanma
Artık Web Erişilebilirlik Araç Çubuğunu indirip yüklediniz, kullanmaya başlayabilirsiniz! Araç çubuğunda her biri metnin sağında aşağı ok bulunan toplam 12 düğme vardır. Bu düğmelerden herhangi biri için aşağı oka tıklarsanız, mevcut tüm seçenekleri içeren bir açılır menü görünür (alternatif olarak her düğmeye atanan klavye kısayol tuşlarını da kullanabilirsiniz).
Belge yapısının kontrol edilmesi
En kullanışlı düğmelerden biri yedinci Yapı’dır. HTML kodunun içindeki yapının sayfanın görsel yapısını doğru bir şekilde yansıtması önemlidir. Bu, ekran okuyucu kullanan görme engelli web kullanıcılarının sayfa yapısını anlayabilmeleri içindir.
Yapı açılır menüsündeki en kullanışlı öğelerden bazıları şunlardır:
Başlıklar – Sayfadaki hangi öğelerin HTML kodu içinde başlık olarak etiketlendiğini gösterir. Ana sayfa başlığı birinci düzey başlık olmalı ve diğer başlıklar ikinci başlık düzeyinde olmalıdır. İkinci düzey başlığın herhangi bir alt başlığı üçüncü düzey başlık, ardından dördüncü başlık vb. Olmalıdır. Başlık numaraları her zaman sıralı olmalıdır – dördüncü başlık düzeyi, üçüncü başlık düzeyi yoksa ikinci düzey başlıktan sonra gelmemelidir. Başlıklar, bir başlık listesini çağırabildikleri ve doğrudan en çok ilgilendikleri bölüme atlayabildikleri için ekran okuyucu kullanıcıları için özellikle yararlıdır.
Öğeleri Listele – Herhangi bir liste öğesinin yanında
Fieldset / Label – Sayfadaki hangi öğelerin HTML kodu içinde etiket olarak adlandırıldığını gösterir. Fieldset / Label’ı seçtikten sonra, her formun yanındaki metin, yanındaki kelimeyi söylemelidir – değilse, bu metne kodda etiket adı verilmemiştir.
Tablo sınırı – Her tablonun etrafına bir kenarlık yerleştirir. Tablolar içindeki iç içe geçmiş tablolar, ekran okuyucu kullanıcıları için büyük zorluklara neden olabilir. Bu öğeyi seçtikten sonra, ilk tablo siyah bir kenarlığa, ikinci mavi, ardından yeşil, sarı, turuncu, kırmızı ve mor olacaktır. Bu son dört renkten herhangi birini görürseniz, sayfanın arkasındaki koda iyice bakmanın zamanı gelmiştir.
Tablo hücresi sırası – Sayfanın ekran okuyucu kullanıcılarına okunma sırasını gösterir (düzen için bir tablo kullanılıyorsa). Umarım sipariş makul derecede mantıklı olmalıdır.
Sitenin kontrol edilmesi her koşulda çalışır
Web sitenizin herhangi bir teknolojiye bağlı olmaması önemlidir veya tarayıcıları bu teknolojiyi desteklemeyen kullanıcılar sitenize erişemeyebilir. Sitenizin herhangi bir teknolojiye bağlı olup olmadığını kontrol edebilirsiniz:
Görüntüler> Görüntüyü Değiştir / Alt – Araç çubuğundaki en kullanışlı işlevlerden biri, görüntüleri ALT veya alternatif metinleriyle değiştirir. Alternatif metin, görüntünün kendisi yerine ekran okuyucu kullanıcılarına okunur veya görüntüler kapalıyken web kullanıcılarına görüntülenir (örneğin çevirmeli modem kullanan kullanıcılar sayfaların indirme süresini hızlandırmak için görüntüleri kapatabilir). ALT metninin resmin yeterli bir açıklamasını sağlaması önemlidir.
IE Seçenekleri> JavaScript’i Değiştir – JavaScript’i kapatır. Bu seçeneği seçtikten sonra, web sitenizdeki sayfalarda çalışın – sitenin tamamına hala erişebiliyor musunuz?
IE Seçenekleri> ActiveX’i Değiştir – ActiveX denetimlerini kapatır. Yine, bunu seçtikten sonra, tüm sitenin sizin için hala erişilebilir olup olmadığını görmek için web sitenizde çalışın.
IE Seçenekleri> CSS’yi Değiştir – CSS’yi kapatır. Sayfalar hala okunaklı mı? Mizanpaj için CSS kullanılıyorsa, sayfa içeriğini ekran okuyucu kullanıcılarına okunduğu sırada görürsünüz. (Bundan sonra resim / alt arasında geçiş yaparsanız, ekran okuyucu kullanıcılarının duyacakları tam bir görsel temsiliniz olur.)
Diğer kullanışlı erişilebilirlik kontrolleri
Web Erişilebilirlik Araç Çubuğu’nda çok sayıda işlevsellik mevcuttur, ancak araç çubuğuyla gerçekleştirebileceğiniz diğer en önemli erişilebilirlik kontrollerinden bazıları şunlardır:
Doğrula> W3C HTML doğrulayıcı> HTML’yi Doğrula – Sayfanın geçerli HTML’ye dayanıp dayanmadığını kontrol eder. Sayfa geçerli değilse, size nedeni söylenecektir.
CSS> Kullanımdan Kaldırılmış HTML> Kullanımdan kaldırılmış öğeler ve öznitelikler – Kullanılmaması gereken ve aşamalı olarak kaldırılan kodu kontrol eder. HTML kodunu içeren yeni bir pencere açılacaktır – kırmızı renkteki her şey kullanımdan kaldırılmıştır ve kaldırılması gerekir.
Doküman bilgileri> Sayfa hızı raporu – Web sayfasını görüntülemek için kullanılan tüm dosyaları inceler ve farklı İnternet bağlantıları için o sayfanın ortalama indirme hızı hakkında bir rapor hazırlar.
Belge bilgileri> Bağlantıları listele – Tüm sayfa üzerindeki bağlantıların bir listesini görüntüler. Ekran okuyucu kullanıcıları bir bağlantı listesi çağırabilir ve en çok ilgilendikleri sayfaya doğrudan atlayabilir, bu nedenle bağlantı metninin bağlam dışında anlamlı olması önemlidir. Buraya tıklayın gibi bağlantı metinlerinden her ne pahasına olursa olsun kaçınılmalıdır!
Renk> Gri Tonlama – Sayfayı gri tonlamalı olarak gösterir. Renk kontrastını kontrol etmek için harika.
Diğer işlevsellik
Diğer işlevsellik
Web Erişilebilirlik Araç Çubuğu başka ilginç işlevler de sunar:
Yeniden Boyutlandırma – Web sitenizin 640 x 480 piksel, 800 x 600 piksel ve 1024 x 768 piksel ekran çözünürlüklerinde kullanıcıları nasıl göründüğünü görün.
Araçlar> Simülasyonlar – Bu büyüleyici simülasyonlarla kendinizi özel ihtiyaçları olan kullanıcıların yerine koyun.
Sonuç
Web Erişilebilirlik Araç Çubuğu muazzam miktarda işlevsellik sunar. Http://www.nils.org.au/ais/web/resources/toolbar adresinden ücretsiz olarak indirin ve kullanmaya başlayın. Herhangi bir teknik uzmanlık olmadan, herhangi bir sitede sadece birkaç dakika içinde bir mini erişilebilirlik denetimi gerçekleştirebilirsiniz.
GIPHY App Key not set. Please check settings