Karmaşık Görseller: Grafikler, Haritalar ve Uzun Açıklamalar
Kısa bir ifadeden fazlasını gerektiren görselleri doğru ele alın.
Karmaşık Görseller: Grafikler, Haritalar ve Uzun Açıklamalar, CoddyKit'te ücretsiz bir Web Accessibility Academy dersidir. Bu, 4 dersinin 4. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Web Accessibility Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Web Accessibility Academy kursu toplamda 4 dersten oluşur.
alt Metni Ne Zaman Yetmez
Bazı görseller kısa bir ifadeye sığmayacak kadar çok bilgi taşır. Grafikler, haritalar ve diyagramlar için daha uzun bir açıklama planı gerekir.
Kısa Bir alt ile Başlayın
Karmaşık bir görsel için bile, 2024 aylık satışlarını gösteren çubuk grafik gibi, görseli adlandıran kısa bir alt metni kullanılır.
<img src="chart.png" alt="Bar chart of monthly sales for 2024">Ayrıntıyı Ekleyin
Kısa alt metni görseli adlandırır; yakındaki uzun açıklama ise görselin sunduğu gerçek verileri veya ilişkileri aktarır.
Çıkarımı Açıklayın
İyi bir uzun açıklama, her bir değeri kuru kuruya listelemek yerine satışların aralık ayında zirveye ulaştığı gibi temel çıkarımı verir.
Veri Tablosu Yedek Çözümü
Grafikler için en güçlü alternatif genellikle, görselin hemen altında aynı sayıları içeren gerçek bir HTML tablosudur.
Açıklamaya Bağlantı Verme
Uzun açıklamayı sayfaya yerleştirip, açıklamanın öğe kimliğini gösteren aria-describedby ile görsele bağlayabilirsiniz.
<img src="map.png" alt="Store map" aria-describedby="mapdesc">Figure ve Figcaption
Herkes için eşleşmenin açık olması amacıyla görseli ve görünür açıklamasını figure ve figcaption içinde gruplayın.
<figure><img src="flow.png" alt="Checkout flow"><figcaption>Three-step checkout</figcaption></figure>Haritaların Verilerine de İhtiyacı Vardır
Bir harita görseli, temelindeki bilgiler olmadan işe yaramaz; bu nedenle metin karşılığı olarak bir adres, yol tarifi veya liste sunun.
Diyagramlar ve Akışlar
Akış şeması için adımları ve bunların sırasını düz yazıyla açıklayın; böylece görsel düzen olmadan da mantık korunur.
Bulunabilir Olmasını Sağlayın
Uzun açıklamanın kolayca bulunabildiğinden emin olun. Kullanıcıların erişemediği gizli bir metin karşılığı hiç yardımcı olmaz.
Çabayı Karmaşıklığa Uydurun
Görsel ne kadar zenginse metin karşılığınızın da o kadar çok bilgi sunması gerekir. Ne kadar yazacağınızı görselin karmaşıklığına göre belirleyin.
Hızlı Kontrol
Karmaşık bir grafik için en iyi planı seçin.
Özet
Başardınız! Karmaşık görsellerde kısa bir alt metninin yanı sıra, çıkarımı aktaran gerçek bir metin karşılığı, veri tablosu, figcaption veya aria-describedby kullanılır.
Sıkça Sorulan Sorular
“Karmaşık Görseller: Grafikler, Haritalar ve Uzun Açıklamalar” dersi ücretsiz mi?
Evet — “Karmaşık Görseller: Grafikler, Haritalar ve Uzun Açıklamalar” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Web Accessibility Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Web Accessibility Academy kursu toplamda 4 dersten oluşur.
“Karmaşık Görseller: Grafikler, Haritalar ve Uzun Açıklamalar” dersinde ne öğreneceğim?
Kısa bir ifadeden fazlasını gerektiren görselleri doğru ele alın. Web Accessibility Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Web Accessibility Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Web Accessibility Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 4. dersidir.
“Karmaşık Görseller: Grafikler, Haritalar ve Uzun Açıklamalar” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Web Accessibility Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Web Accessibility Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Bilgilendirici ve Dekoratif: İlk Karar
- Pikselleri Değil Amacı İfade Eden Alt Metin Yazma
- Boş alt ve Gizli Dekoratif Görsel
- Karmaşık Görseller: Grafikler, Haritalar ve Uzun Açıklamalar