العناوين للتنقل، لا لمجرد تكبير النص
تعرّف إلى كيفية انتقال المستخدمين من عنوان إلى آخر لاستعراض الصفحة.
العناوين للتنقل، لا لمجرد تكبير النص درس مجاني في Web Accessibility Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Web Accessibility Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Web Accessibility Academy 4 دروس في المجموع.
بعض أجزاء هذا الدرس لم تُترجم بعد وتظهر باللغة الإنجليزية.
Headings Are a Menu
To a screen reader user, your headings are a table of contents. They are not just bold text; they are how people move through a page. 🧭
Jump Heading to Heading
One keypress moves a screen reader from one heading to the next. Users skim a page by hopping between headings, not by reading every word.
Pull Up the Whole List
Many screen readers can list every heading at once, like a pop-up outline. Users scan that list to find the section they want.
Jump to a Level
Users can also jump only between same-level headings, like all the h2 sections. Good levels make this shortcut precise and fast.
Fake Headings Vanish
A bold styled div looks like a heading but is invisible to this navigation. Screen reader users simply never find it.
<div class="big-bold">Pricing</div>Use Real Heading Tags
Only real h1 through h6 tags join the navigation list. Styling text big does nothing; the tag is what carries the meaning.
<h2>Pricing</h2>Headings Need Words
Each heading is a signpost, so write descriptive text. Reading the headings alone should give a clear map of the page.
Frequency Helps
Long sections with no heading leave users stranded with no shortcut to jump to. Break content up so people can land near what they need.
Do Not Overdo It
Marking every line as a heading floods the navigation list and hides the real structure. Reserve headings for genuine section starts.
Headings Build Trust
A clear heading outline tells users a page is well built. They navigate faster and stay confident they will not miss content.
Sighted Users Win Too
Real headings also feed in-page links, browser outlines, and search engines. Good structure quietly helps everyone, not only screen readers.
Quick Check
How do many screen reader users primarily move through a page?
Recap
You learned that real headings form a navigable outline. Users jump between them, so use true heading tags with descriptive words. ✅
الأسئلة الشائعة
هل درس «العناوين للتنقل، لا لمجرد تكبير النص» مجاني؟
نعم — نص درس «العناوين للتنقل، لا لمجرد تكبير النص» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Web Accessibility Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Web Accessibility Academy 4 دروس في المجموع.
ماذا ستتعلم في «العناوين للتنقل، لا لمجرد تكبير النص»؟
تعرّف إلى كيفية انتقال المستخدمين من عنوان إلى آخر لاستعراض الصفحة. تتمرن على Web Accessibility Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Web Accessibility Academy؟
لا تُشترط خبرة سابقة. Web Accessibility Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.
كم من الوقت يستغرق درس «العناوين للتنقل، لا لمجرد تكبير النص»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Web Accessibility Academy هذا؟
نعم. كل درس في Web Accessibility Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- عنصر h1 واحد لكل صفحة: تسمية الموضوع الرئيسي
- مستويات التداخل دون تخطٍّ
- العناوين للتنقل، لا لمجرد تكبير النص
- تدقيق مخطط الصفحة بالاستماع