جاري التحميل...
إتاحة HTML
الإتاحة تعني استخداماً أوسع — لوحة مفاتيح وقارئ شاشة وتكبير. HTML جيد أساس.
إجابة مباشرة
semantic، labels، alt معنى، headings منطقية، keyboard.
📊 عادات الإتاحة
| Habit | Why it helps |
|---|---|
| Semantic landmarks | Tools can jump to regions |
| Labels on controls | Names fields clearly |
| Alt on images | Describes non-text content |
| Logical headings | Outlines the page |
| Keyboard operable controls | Not everyone uses a pointer |
Accessible snippets
html
HTML Code
<nav aria-label="Main">
<a href="index.html">Home</a>
</nav>
<label for="q">Search</label>
<input id="q" name="q" type="search">
<img src="chart.png" alt="Bar chart: sales rose from 10 to 18">
<button type="submit">Search</button>جرّب بنفسك
- تدقيق labels/alt
- h1 واحد
- Tab
- أصلح
أخطاء شائعة
- click here
- alt مفقود
- div بدون keyboard
- ARIA فقط
ملخص
- semantics+labels+alt
- keyboard
- HTML قبل ARIA
- للجميع
🧠 اختبر معرفتك
جاهز للبدء
اختبر معرفتك
تحدى نفسك مع هذا الاختبار التفاعلي واكتشف مدى فهمك للموضوع
5
الأسئلة
70%
للنجاح
∞
الوقت
∞
المحاولات
📝 التعليمات
- اقرأ كل سؤال بعناية
- اختر أفضل إجابة لكل سؤال
- يمكنك إعادة الاختبار عدة مرات كما تريد
- سيتم عرض تقدمك في الأعلى