Bilgilendirici ve Dekoratif: İlk Karar
Bir görselin gerçekten sözcüklere ihtiyaç duyup duymadığına karar verin.
Bilgilendirici ve Dekoratif: İlk Karar, CoddyKit'te ücretsiz bir Web Accessibility Academy dersidir. Bu, 4 dersinin 1. 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.
Bu dersin bazı bölümleri henüz çevrilmemiş olup İngilizce olarak gösterilmektedir.
The First Question
Before you write a single word of alt text, ask one thing: does this image add meaning, or is it just there to look nice?
Two Buckets
Every image falls into one of two buckets: informative images that carry content, or decorative ones that are pure visual polish.
What Informative Means
An informative image tells the user something they would miss without it, like a chart, a product photo, or a logo with the company name.
What Decorative Means
A decorative image adds no information. Think background swooshes, spacer lines, or a stock photo that just sets a mood.
Why the Decision Matters
Getting this right matters because the wrong call either hides real content or floods screen reader users with useless noise.
Informative Gets Words
If an image is informative, give it real alt text that conveys what it means in context.
<img src="sales-up.png" alt="Sales rose 40 percent in March">Decorative Gets Silence
If an image is decorative, give it an empty alt so screen readers skip right past it.
<img src="divider.png" alt="">The Same Image, Two Roles
The very same photo can be informative on one page and decorative on another. Context decides, not the file itself.
A Handy Test
Try this: if you removed the image, would the page lose meaning? Yes means informative. No means decorative.
Never Just Drop alt
Skipping the alt attribute entirely is the worst choice: many screen readers then read out the file name instead.
Make the Call First
So your workflow starts here: classify each image as informative or decorative before you worry about wording.
Quick Check
Time to test the core decision.
Recap
Nice work! Every image is informative or decorative, context decides, and that one call shapes whether you write alt text or leave it empty.
Sıkça Sorulan Sorular
“Bilgilendirici ve Dekoratif: İlk Karar” dersi ücretsiz mi?
Evet — “Bilgilendirici ve Dekoratif: İlk Karar” 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.
“Bilgilendirici ve Dekoratif: İlk Karar” dersinde ne öğreneceğim?
Bir görselin gerçekten sözcüklere ihtiyaç duyup duymadığına karar verin. 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 1. dersidir.
“Bilgilendirici ve Dekoratif: İlk Karar” 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