كتابة alt ينقل الغرض لا وحدات البكسل
صِف معنى الصورة في سياقها.
كتابة alt ينقل الغرض لا وحدات البكسل درس مجاني في Web Accessibility Academy على CoddyKit. هذا هو الدرس 2 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Web Accessibility Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Web Accessibility Academy 4 دروس في المجموع.
بعض أجزاء هذا الدرس لم تُترجم بعد وتظهر باللغة الإنجليزية.
Describe Meaning, Not Looks
Good alt text describes what an image means in context, not a pixel-by-pixel account of every color and shape.
Purpose Over Pixels
Ask why the image is here. The answer is its purpose, and your alt text should deliver exactly that, nothing more.
Skip Image of
Do not start with image of or photo of. Screen readers already announce it is an image, so those words just waste time.
<img src="cat.jpg" alt="A tabby cat asleep on a keyboard">Keep It Tight
Aim for a short, complete phrase, usually under about 125 characters. If you need more, the image may be complex.
Context Changes Everything
The same dog photo might be a breed example or a happy-customer story. Let the surrounding context shape your words.
Images That Are Links
When an image is the only thing inside a link, its alt must describe the link destination, not just the picture.
<a href="/home"><img src="logo.svg" alt="Acme home"></a>Images of Text
If a graphic contains words, your alt text must include all of that text so nothing is lost to non-sighted users.
Do Not Repeat Nearby Text
If a caption right next to the image already says it, an empty alt avoids making screen readers hear it twice.
Write for Equivalence
Imagine reading your alt text aloud to someone on the phone. If they get the same point, you achieved true equivalence.
Avoid Keyword Stuffing
Alt text is not an SEO dumping ground. Cramming in keywords hurts real users and is exactly what good alt avoids.
Punctuation Helps Pacing
End alt text with a period. That small punctuation gives the screen reader a natural pause before moving on.
Quick Check
Pick the strongest alt text below.
Recap
Great progress! Strong alt text captures purpose in a tight phrase, skips image of, respects context, and never stuffs keywords.
الأسئلة الشائعة
هل درس «كتابة alt ينقل الغرض لا وحدات البكسل» مجاني؟
نعم — نص درس «كتابة alt ينقل الغرض لا وحدات البكسل» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Web Accessibility Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Web Accessibility Academy 4 دروس في المجموع.
ماذا ستتعلم في «كتابة alt ينقل الغرض لا وحدات البكسل»؟
صِف معنى الصورة في سياقها. تتمرن على Web Accessibility Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Web Accessibility Academy؟
لا تُشترط خبرة سابقة. Web Accessibility Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 4.
كم من الوقت يستغرق درس «كتابة alt ينقل الغرض لا وحدات البكسل»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Web Accessibility Academy هذا؟
نعم. كل درس في Web Accessibility Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- إعلامية أم زخرفية: القرار الأول
- كتابة alt ينقل الغرض لا وحدات البكسل
- alt فارغ والصورة الزخرفية المخفية
- الصور المعقدة: المخططات والخرائط والأوصاف الطويلة