الوصول (Accessibility) makes the web usable for everyone. فيما يلي essentials.
مبادئ WCAG
- Perceivable: content can be perceived (text alternatives، contrast).
- Operable: keyboard navigation، no seizure triggers.
- Understandable: readable، predictable.
- Robust: works with assistive tech.
تباين (Contrast)
- Normal text: ratio ≥ 4.5:1 (AA).
- Large text: ratio ≥ 3:1 (AA).
- AAA: 7:1 / 4.5:1.
Use Contrast checker to verify pairs.
لوحة مفاتيح
- All interactive elements focusable.
- Visible focus indicator.
- Logical tab order.
- No keyboard traps.
قارئات شاشة
- Semantic HTML (
<button>,<nav>,<main>). - ARIA only when needed.
- Alt text for images.
- Form labels.
أدوات عُدّة فلو
- Contrast checker — WCAG ratios.
- HTML minifier — keep semantic structure.
- CSS minifier — don’t remove focus styles.
أسئلة شائعة
هل a11y only for disabled users? No — benefits everyone (mobile، slow connections، etc.).
هل overlay widgets help? Usually not — fix the code instead.
جرّب Contrast checker now. All processing in browser.