متين: هل سيعمل مع تقنياتهم؟
ترميز صالح ومسمّى جيداً تستطيع التقنيات المساعدة تحليله.
متين: هل سيعمل مع تقنياتهم؟ درس مجاني في Web Accessibility Academy على CoddyKit. هذا هو الدرس 4 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Web Accessibility Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Web Accessibility Academy 4 دروس في المجموع.
بعض أجزاء هذا الدرس لم تُترجم بعد وتظهر باللغة الإنجليزية.
What Robust Means
Robust is the fourth WCAG principle: your content must work reliably across browsers, devices, and assistive technologies.
Built to Last
Tools change over time. Robust markup keeps working with today's screen readers and the ones people will use tomorrow.
Write Valid HTML
Browsers and assistive tech parse your markup. Valid HTML with closed tags and unique IDs gives them a clean tree to read. ✅
<ul>
<li>First item</li>
<li>Second item</li>
</ul>Name, Role, Value
Every control needs a name, role, and value that tech can read. A real checkbox exposes all three to a screen reader automatically.
Native Elements Win
A real button already has the right role and value. Reaching for a native element is the easiest path to robust markup.
ARIA Fills the Gaps
When HTML cannot express a role, ARIA can add it. Use it sparingly to give custom widgets a name, role, and state.
Bad ARIA Hurts
A wrong role can make a control announce nonsense. The first rule of ARIA: no ARIA is better than bad ARIA.
Unique IDs Matter
Labels and ARIA link elements by id. A duplicate id breaks those links, so screen readers point at the wrong thing.
<label for="email">Email</label>
<input id="email">Test With Real Tech
The only way to know it is robust is to try it. Test with a real screen reader and keyboard, not just your own eyes.
Do Not Lean on Quirks
If your page only works because one browser is forgiving, it is fragile. Standard, valid code survives the next update.
The Robust Question
Ask of every component: will assistive tech read its name, role, and value correctly? If you are unsure, your markup is not yet robust.
Quick Check
Let us test the Robust principle.
Recap: Robust
You learned that Robust means your code works across tech: valid HTML, native elements, careful ARIA, unique IDs, and real testing. POUR complete! 🚀
الأسئلة الشائعة
هل درس «متين: هل سيعمل مع تقنياتهم؟» مجاني؟
نعم — نص درس «متين: هل سيعمل مع تقنياتهم؟» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Web Accessibility Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Web Accessibility Academy 4 دروس في المجموع.
ماذا ستتعلم في «متين: هل سيعمل مع تقنياتهم؟»؟
ترميز صالح ومسمّى جيداً تستطيع التقنيات المساعدة تحليله. تتمرن على Web Accessibility Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Web Accessibility Academy؟
لا تُشترط خبرة سابقة. Web Accessibility Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 4 من أصل 4.
كم من الوقت يستغرق درس «متين: هل سيعمل مع تقنياتهم؟»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Web Accessibility Academy هذا؟
نعم. كل درس في Web Accessibility Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- قابل للإدراك: هل يستطيع الجميع استشعار المحتوى؟
- قابل للتشغيل: هل يستطيع الجميع استخدام عناصر التحكم؟
- قابل للفهم: هل هو مقروء ومتوقع؟
- متين: هل سيعمل مع تقنياتهم؟