0Pricing
Web Accessibility Academy · درس

كتابة 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 يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. إعلامية أم زخرفية: القرار الأول
  2. كتابة alt ينقل الغرض لا وحدات البكسل
  3. alt فارغ والصورة الزخرفية المخفية
  4. الصور المعقدة: المخططات والخرائط والأوصاف الطويلة
← العودة إلى Web Accessibility Academy