Learn HTML In Arabic 2021 - #36 - ARIA And Screen Readers

About this video

### ملخص النص باللغة العربية: 1. **مقدمة عن الوصول الرقمي (Accessibility):** - الحديث عن أهمية إمكانية الوصول إلى تطبيقات الإنترنت لذوي الاحتياجات الخاصة. - استخدام أدوات مثل **Screen Reader** لمساعدة الأشخاص الذين يعانون من ضعف أو فقدان البصر على قراءة المحتوى. 2. **شرح عمل Screen Reader:** - تم عرض برنامج "جاوز" كمثال على Screen Reader وكيفية عمله. - البرنامج يقرأ العناصر الموجودة على الصفحة ويُساعد المستخدمين على التنقل بينها باستخدام مفاتيح مثل **Tab** و **Space**. 3. **ترتيب العناوين (Headings):** - ترتيب العناوين (H1, H2, H3) مهم جدًا لتحسين تجربة المستخدمين الذين يستخدمون أدوات القراءة. - عدم الترتيب الصحيح للعناوين يؤدي إلى مشاكل في فهم المحتوى. 4. **تصميم وألوان الصفحة:** - الألوان والتصميم يؤثرون بشكل كبير على سهولة الوصول. - يجب أن تكون الألوان واضحة ومتناسقة مع الخلفية حتى يسهل قراءتها. - هناك أدوات تقيس مدى وضوح الألوان وتقدم توصيات لتحسينها. 5. **التفاعل مع العناصر (Checkboxes وغيرها):** - عند تصميم عناصر مثل **Checkboxes**، يجب أن تكون مرتبطة بوضوح مع Labels لتسهيل الفهم. - يمكن استخدام خصائص مثل **ARIA Attributes** لتوضيح وظيفة العنصر للمستخدمين الذين يستخدمون Screen Reader. 6. **أهمية ARIA Attributes:** - ARIA تُستخدم لجعل العناصر غير التقليدية تعمل بنفس طريقة العناصر التقليدية. - على سبيل المثال، يمكن تحويل زر عادي ليتصرف مثل Checkbox باستخدام ARIA Roles. 7. **التنقل بين العناصر:** - إضافة خاصية **Tab Index** لتسهيل التنقل بين العناصر باستخدام لوحة المفاتيح. - هذا يُساعد الأشخاص ذوي الإعاقة على التنقل بسهولة داخل الصفحة. 8. **إتاحة الوصول للجميع:** - التركيز على أهمية جعل المواقع الإلكترونية متاحة للجميع، بما في ذلك ذوي الاحتياجات الخاصة. - هذا الأمر ليس فقط تقنيًا ولكنه أيضًا إنساني وديني. 9. **الأدوات والتقنيات المساعدة:** - استخدام Frameworks مثل **Bootstrap** التي توفر دعمًا جيدًا لتحسين الوصول. - الهدف هو جعل الموقع سهل الاستخدام لأي شخص بغض النظر عن حالته. 10. **ختام الحديث:** - دعوة إلى الاهتمام بمجال **Accessibility** لأنه مجال واسع ومهم. - تحسين الوصول يُعتبر عملًا إنسانيًا ودينيًا له أجر عظيم. - شكر الجمهور وتأكيد أهمية تعلم المزيد عن هذا المجال. --- **الخلاصة:** المقال يركز على أهمية إتاحة الوصول الرقمي (Accessibility) باستخدام أدوات مثل Screen Reader، وترتيب العناوين، وتحسين الألوان والتصميم، واستخدام ARIA Attributes لجعل المواقع الإلكترونية أكثر سهولة لذوي الاحتياجات الخاصة.

Course: Learn HTML In Arabic 2021

**وصف الدورة: تعلم HTML باللغة العربية 2021** تهدف دورة "تعلم HTML باللغة العربية 2021" إلى تقديم أساسيات وأساسيات لغة البرمجة HTML بطريقة سهلة وميسرة للمبتدئين. تعتمد الدورة على شرح مفاهيم HTML الأساسية من خلال أمثلة عملية واقعية تسهم في فهم أعمق لآلية عمل المواقع الإلكترونية. يتم التركيز بشكل خاص على كيفية استخدام التعليقات (Comments) داخل الكود، وهي أداة مهمة جداً لشرح الأجزاء المختلفة من البرنامج سواء لنفسك أو لزملائك في الفريق. ستتعلم كيفية كتابة تعليقات بسيطة أو متعددة الأسطر، وكيفية التعامل مع العناصر التي تريد إخفاءها مؤقتاً باستخدام خاصية التعليقات. تشمل الدورة كذلك شرحًا تفصيليًا حول العناوين (Headings) في HTML، والتي تعد جزءًا أساسيًا من أي صفحة ويب. سيتم التطرق إلى المستويات الستة للعناوين (من H1 إلى H6) وكيفية استخدامها بشكل صحيح لضمان تنظيم الصفحة بطريقة منطقية وجذابة. كما سيتم شرح أهمية هذه العناوين بالنسبة لتحسين محركات البحث (SEO)، حيث أن عنوان H1 يمثل عنوان الصفحة الرئيسي ويجب أن يكون فريدًا ولا يتكرر. سيتعرف الطلاب أيضًا على كيفية ترتيب العناوين بطريقة هرمية صحيحة لتجنب أي مشاكل تصميم أو أخطاء تقنية قد تؤثر على أداء الموقع. بالإضافة إلى ذلك، ستتناول الدورة موضوعات أخرى مثل التنسيقات الافتراضية التي توفرها المتصفحات (User Agent Stylesheet) وكيفية التعامل معها قبل الغوص في تعلم CSS لاحقًا. ستكتسب المهارات اللازمة لفهم كيفية عمل العناصر المختلفة داخل صفحة الويب وكيفية إنشاء بنية صحيحة ومنظمة للصفحات باستخدام HTML. بنهاية هذه الدورة، سيكون الطلاب قادرين على كتابة كود HTML احترافي ومبسط، مما يضعهم على الطريق الصحيح نحو احتراف تطوير الويب.