در حال بارگذاری...
دسترسیپذیری HTML
دسترسیپذیری یعنی افراد بیشتری صفحه را با کیبورد، screen reader و zoom استفاده کنند. HTML خوب پایه است.
پاسخ مستقیم
عناصر semantic (main, nav, button, heading). هر control را label کنید. alt معنادار برای تصاویر اطلاعاتی (تزئینی: alt خالی). heading منظم. کنترلها با کیبورد.
📊 عادتهای دسترسیپذیری
| 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>امتحان کنید
- label و alt را ممیزی کنید
- یک
h1و heading بدون پرش عجیب - فقط Tab
- چیز غیرقابل دسترس را درست کنید
اشتباهات آسان
- لینک «click here»
- تصویر معنادار بدون alt
- div کلیکپذیر بدون کیبورد
- ARIA روی HTML بد
خلاصه
- semantics + label + alt + heading
- کیبورد بخش a11y
- HTML خوب قبل ARIA
- شاملکننده برای همه
🧠 دانش خود را بیازمایید
آماده شروع
دانش خود را بیازمایید
خود را با این آزمون تعاملی به چالش بکشید و ببینید موضوع را چقدر خوب درک کردهاید
5
سوالات
70%
برای قبولی
∞
زمان
∞
تلاشها
📝 دستورالعملها
- هر سوال را با دقت بخوانید
- بهترین پاسخ را برای هر سوال انتخاب کنید
- میتوانید آزمون را هر چند بار که میخواهید تکرار کنید
- پیشرفت شما در بالا نمایش داده میشود