View source for ARIA (Accessible Rich Internet Applications)

## ARIA (تطبيقات الإنترنت الغنية بإمكانية الوصول)

'''ARIA (Accessible Rich Internet Applications)''' هي مجموعة من السمات التي تُضاف إلى كود HTML لتعزيز '''إمكانية الوصول للويب''' للمستخدمين ذوي الإعاقة، خاصةً أولئك الذين يستخدمون '''التقنيات المساعدة''' مثل قارئات الشاشة.  لا تحل ARIA محل HTML الدلالي الجيد، بل تكمله.  إنها تسمح للمطورين بجعل المحتوى الديناميكي والتطبيقات المعقدة أكثر سهولة في الوصول إليها.  هذا المقال موجه للمبتدئين ويهدف إلى شرح أساسيات ARIA وكيفية استخدامها في '''MediaWiki 1.40''' وما بعدها.

== ما هي المشكلة التي تحلها ARIA؟ ==

تقليدياً، كان HTML مصممًا لعرض المحتوى، وليس لتوصيل المعنى الدلالي.  مع تطور تطبيقات الويب لتصبح أكثر تعقيدًا – مع استخدام '''JavaScript''' لإنشاء واجهات مستخدم ديناميكية – أصبح من الصعب على التقنيات المساعدة فهم هيكل ودور عناصر الصفحة.  على سبيل المثال، قد لا تتمكن قارئة الشاشة من تحديد أن منطقة معينة هي في الواقع قائمة تنقل، أو أن زرًا معينًا ينفذ إجراءً محددًا.

ARIA تعالج هذه المشكلة من خلال توفير معلومات إضافية حول:

*   '''الدور (Role):'''  ما هو نوع العنصر (مثل زر، قائمة، مربع نص).
*   '''الحالة (State):'''  الحالة الحالية للعنصر (مثل معطل، محدد، منضغط).
*   '''الخصائص (Properties):'''  معلومات إضافية حول العنصر (مثل تسمية، وصف).

== المفاهيم الأساسية في ARIA ==

لفهم ARIA، يجب أولاً التعرف على بعض المفاهيم الأساسية:

*   '''الدور (Role):''' يحدد الدور ما هو العنصر وماذا يفعل.  على سبيل المثال، `role="button"` يشير إلى أن العنصر يعمل كزر، حتى لو كان في الأصل عنصر `<div>`.  أمثلة أخرى تشمل `role="navigation"` للقوائم التنقلية، `role="alert"` للرسائل الهامة، و `role="dialog"` للحوارات المنبثقة.
*   '''الحالة (State):'''  تصف الحالة الحالية للعنصر.  على سبيل المثال، `aria-disabled="true"` يشير إلى أن الزر معطل ولا يمكن النقر عليه.  أمثلة أخرى تشمل `aria-expanded="true"` للإشارة إلى أن قائمة قابلة للتوسيع مفتوحة، و `aria-selected="true"` للإشارة إلى أن عنصرًا في قائمة محدد.
*   '''الخصائص (Properties):'''  توفر معلومات إضافية حول العنصر.  على سبيل المثال، `aria-label="حساب جديد"` يوفر تسمية نصية يمكن لقارئة الشاشة قراءتها، خاصةً إذا كان العنصر لا يحتوي على نص مرئي.  أمثلة أخرى تشمل `aria-describedby` لربط العنصر بوصف نصي، و `aria-required="true"` للإشارة إلى أن حقل إدخال مطلوب.
*   '''السمات العالمية (Global Attributes):'''  يمكن استخدام بعض سمات ARIA على أي عنصر HTML.  تشمل هذه السمات `aria-hidden` لإخفاء العنصر عن التقنيات المساعدة، و `aria-live` للإشارة إلى أن محتوى العنصر قد يتغير ديناميكيًا.

== بناء جملة ARIA ==

تستخدم ARIA سمات HTML تبدأ بـ `aria-`.  على سبيل المثال:

```html
<button aria-label="إرسال النموذج" aria-disabled="false">إرسال</button>
```

في هذا المثال:

*   `aria-label` يوفر تسمية نصية للزر.
*   `aria-disabled` يشير إلى أن الزر ليس معطلاً.

== استخدام ARIA في MediaWiki 1.40 ==

'''MediaWiki 1.40''' يدعم استخدام ARIA بشكل كامل.  يمكن للمطورين إضافة سمات ARIA إلى عناصر HTML في القوالب والإضافات والواجهات المخصصة.  ومع ذلك، من المهم اتباع أفضل الممارسات لتجنب التداخل مع وظائف MediaWiki الحالية أو إنشاء مشكلات في إمكانية الوصول.

*   '''تجنب الإفراط في الاستخدام:'''  لا تستخدم ARIA إلا عند الضرورة.  إذا كان HTML الدلالي يمكنه توصيل المعنى بشكل كافٍ، فلا حاجة إلى ARIA.
*   '''استخدم HTML الدلالي أولاً:'''  قبل إضافة سمات ARIA، تأكد من أنك تستخدم عناصر HTML الدلالية المناسبة (مثل `<button>` للزر، `<nav>` للقائمة التنقلية).
*   '''اختبر مع التقنيات المساعدة:'''  اختبر التغييرات الخاصة بك باستخدام قارئات الشاشة وغيرها من التقنيات المساعدة للتأكد من أنها تعمل كما هو متوقع.
*   '''تأكد من التوافق:'''  تحقق من أن سمات ARIA التي تستخدمها مدعومة من قبل جميع المتصفحات والتقنيات المساعدة الشائعة.

== أمثلة عملية لاستخدام ARIA في MediaWiki ==

*   '''القوائم التنقلية الديناميكية:'''  إذا كانت لديك قائمة تنقلية يتم إنشاؤها ديناميكيًا باستخدام JavaScript، يمكنك استخدام `role="navigation"` لتحديد أنها قائمة تنقلية.
*   '''أزرار الإجراءات:'''  إذا كان لديك عناصر `<div>` تعمل كأزرار، يمكنك استخدام `role="button"` لجعلها قابلة للوصول.
*   '''الحوارات المنبثقة:'''  إذا كان لديك حوار منبثق، يمكنك استخدام `role="dialog"` لتعريف الحوار وتوفير معلومات إضافية حوله.  استخدم `aria-modal="true"` للإشارة إلى أن الحوار يجب أن يحجب المحتوى الرئيسي.
*   '''الرسائل الهامة:'''  إذا كان لديك رسالة هامة يجب على المستخدم رؤيتها، يمكنك استخدام `role="alert"` لتنبيه المستخدم.
*   '''مؤشرات التقدم:'''  استخدم `aria-valuenow`, `aria-valuemin`, و `aria-valuemax` لتوفير معلومات حول حالة مؤشر التقدم.

== أدوات اختبار إمكانية الوصول ==

هناك العديد من الأدوات المتاحة لاختبار إمكانية الوصول:

*   '''WAVE (Web Accessibility Evaluation Tool):'''  أداة مجانية عبر الإنترنت تقوم بتحليل صفحات الويب بحثًا عن مشكلات إمكانية الوصول.
*   '''axe DevTools:'''  إضافة للمتصفح تقوم بفحص صفحات الويب بحثًا عن مشكلات إمكانية الوصول.
*   '''قارئات الشاشة:'''  مثل NVDA (مجاني) و JAWS (تجاري).  توفر هذه الأدوات تجربة واقعية لكيفية وصول المستخدمين ذوي الإعاقة إلى موقع الويب الخاص بك.

== ARIA و الخيارات الثنائية (Binary Options) ==

على الرغم من أن ARIA قد لا يبدو مرتبطًا بشكل مباشر بالخيارات الثنائية، إلا أن إمكانية الوصول للويب مهمة لجميع المستخدمين، بما في ذلك أولئك الذين يتداولون الخيارات الثنائية.  إذا كان موقع أو منصة تداول الخيارات الثنائية غير قابلة للوصول، فقد يتم استبعاد بعض المستخدمين ذوي الإعاقة من المشاركة في السوق.  تطبيق مبادئ ARIA يمكن أن يجعل منصات تداول الخيارات الثنائية أكثر شمولاً ويمكن الوصول إليها للجميع.

**استراتيجيات الخيارات الثنائية:** يمكن أن تكون منصات التداول التي تستخدم ARIA أكثر سهولة في الاستخدام لأولئك الذين يعتمدون على التقنيات المساعدة لتنفيذ استراتيجيات مثل "60 ثانية" أو "استراتيجية مارتينجال".

**تحليل حجم التداول:** قد يكون الوصول إلى بيانات حجم التداول أكثر سهولة للمتداولين الذين يستخدمون قارئات الشاشة إذا تم تطبيق ARIA بشكل صحيح.

**المؤشرات الفنية:** عرض المؤشرات الفنية مثل المتوسطات المتحركة (Moving Averages) و مؤشر القوة النسبية (RSI) يمكن أن يكون أكثر وضوحًا وسهولة في الفهم مع استخدام ARIA.

**الاتجاهات:** تحديد اتجاهات السوق يمكن أن يكون أسهل إذا كانت الرسوم البيانية والبيانات قابلة للوصول من خلال ARIA.

**أسماء الاستراتيجيات:** عرض أسماء الاستراتيجيات بشكل واضح وقابل للقراءة بواسطة قارئات الشاشة.

**تحليل فني:** يمكن أن يكون الوصول إلى أدوات التحليل الفني أكثر سهولة.

**استراتيجية الاختراق:** يمكن للمستخدمين تنفيذ استراتيجية الاختراق بسهولة أكبر.

**استراتيجية الارتداد:** يمكن للمستخدمين تنفيذ استراتيجية الارتداد بسهولة أكبر.

**استراتيجية الاتجاه:** يمكن للمستخدمين تنفيذ استراتيجية الاتجاه بسهولة أكبر.

**استراتيجية التداول المتأرجح:** يمكن للمستخدمين تنفيذ استراتيجية التداول المتأرجح بسهولة أكبر.

**استراتيجية المضاربة اليومية:** يمكن للمستخدمين تنفيذ استراتيجية المضاربة اليومية بسهولة أكبر.

**استراتيجية النطاق:** يمكن للمستخدمين تنفيذ استراتيجية النطاق بسهولة أكبر.

**استراتيجية المتوسط المتحرك:** يمكن للمستخدمين تنفيذ استراتيجية المتوسط المتحرك بسهولة أكبر.

**استراتيجية RSI:** يمكن للمستخدمين تنفيذ استراتيجية RSI بسهولة أكبر.

**استراتيجية MACD:** يمكن للمستخدمين تنفيذ استراتيجية MACD بسهولة أكبر.

**استراتيجية بولينجر باند:** يمكن للمستخدمين تنفيذ استراتيجية بولينجر باند بسهولة أكبر.

**استراتيجية فيبوناتشي:** يمكن للمستخدمين تنفيذ استراتيجية فيبوناتشي بسهولة أكبر.

**استراتيجية الإيليمي:** يمكن للمستخدمين تنفيذ استراتيجية الإيليمي بسهولة أكبر.

**استراتيجية التداول على الأخبار:** يمكن للمستخدمين تنفيذ استراتيجية التداول على الأخبار بسهولة أكبر.

**استراتيجية التداول العكسي:** يمكن للمستخدمين تنفيذ استراتيجية التداول العكسي بسهولة أكبر.

**استراتيجية التداول الدوري:** يمكن للمستخدمين تنفيذ استراتيجية التداول الدوري بسهولة أكبر.

== موارد إضافية ==

*   [[WAI-ARIA Authoring Practices 1.1]]: [https://www.w3.org/WAI/ARIA/ap/practices/](https://www.w3.org/WAI/ARIA/ap/practices/)
*   [[MDN Web Docs - ARIA]]: [https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA)
*   [[WebAIM - ARIA]:](https://webaim.org/techniques/aria/)
*   [[إمكانية الوصول للويب]]: [[إمكانية_الوصول_للويب]]
*   [[HTML الدلالي]]: [[HTML_الدلالي]]
*   [[JavaScript]]: [[JavaScript]]
*   [[تقنيات مساعدة]]: [[تقنيات_مساعدة]]
*   [[MediaWiki]]: [[MediaWiki]]
*   [[قوالب MediaWiki]]: [[قوالب_MediaWiki]]
*   [[إضافات MediaWiki]]: [[إضافات_MediaWiki]]
*   [[واجهات MediaWiki]]: [[واجهات_MediaWiki]]
*   [[اختبار إمكانية الوصول]]: [[اختبار_إمكانية_الوصول]]
*   [[WAVE]]: [[WAVE]]
*   [[axe DevTools]]: [[axe_DevTools]]
*   [[NVDA]]: [[NVDA]]
*   [[JAWS]]: [[JAWS]]

== الخلاصة ==

ARIA هي أداة قوية يمكن أن تساعد في جعل تطبيقات الويب أكثر سهولة في الوصول إليها للمستخدمين ذوي الإعاقة.  من خلال فهم المفاهيم الأساسية واتباع أفضل الممارسات، يمكن للمطورين استخدام ARIA لإنشاء تجارب ويب أكثر شمولاً ويمكن الوصول إليها للجميع.  في '''MediaWiki 1.40''' وما بعدها، يمكن للمطورين استخدام ARIA لتعزيز إمكانية الوصول إلى القوالب والإضافات والواجهات المخصصة.  تذكر دائمًا اختبار التغييرات الخاصة بك باستخدام التقنيات المساعدة للتأكد من أنها تعمل كما هو متوقع.

[[Category:إمكانية_الوصول_للويب]]

== ابدأ التداول الآن ==
[https://affiliate.iqbroker.com/redir/?aff=1085&instrument=options_WIKI سجّل في IQ Option] (الحد الأدنى للإيداع 10 دولار)
[http://redir.forex.pm/pocketo افتح حساباً في Pocket Option] (الحد الأدنى للإيداع 5 دولار)
=== انضم إلى مجتمعنا ===
اشترك في قناة Telegram الخاصة بنا [https://t.me/strategybin @strategybin] لتصلك:
✓ إشارات تداول يومية
✓ تحليلات استراتيجية حصرية
✓ تنبيهات اتجاهات السوق
✓ مواد تعليمية للمبتدئين