ما هو HTML5 ARIA؟

Question

ما هو HTML5 ARIA؟ أنا لا أفهم كيفية تنفيذها.

Answer 1

واي أريا هو مواصفات تحدد الدعم لتطبيقات الويب التي يمكن الوصول إليها. إنه يحدد مجموعة من ملحقات الترميز (في الغالب كسمات على عناصر HTML5) ، والتي يمكن استخدامها من قبل مطور تطبيقات الويب لتوفير معلومات إضافية حول دلالات العناصر المختلفة لتقنيات المساعدة مثل قراء الشاشة. بالطبع ، لكي تعمل ARIA ، يحتاج وكيل مستخدم HTTP الذي يفسر إلى دعم ARIA ، ولكن يتم إنشاء المواصفات بهذه الطريقة ، بحيث تسمح لعملاء المستخدمين لأسفل بتجاهل الترميز الخاص بـ ARIA بأمان دون التأثير على وظيفة تطبيق الويب.

إليك مثال من مواصفات ARIA:

<ul role="menubar">

  <!-- Rule 2A: "File" label via aria-labelledby -->
  <li role="menuitem" aria-haspopup="true" aria-labelledby="fileLabel"><span id="fileLabel">File</span>
    <ul role="menu">

      <!-- Rule 2C: "New" label via Namefrom:contents -->
      <li role="menuitem" aria-haspopup="false">New</li>
      <li role="menuitem" aria-haspopup="false">Open…</li>
      ...
    </ul>
  </li>
  ...
</ul>

لاحظ ال role ميزة على الخارجي <ul> عنصر. لا تؤثر هذه السمة بأي طريقة يتم تقديم الترميز على الشاشة بواسطة المتصفح ؛ ومع ذلك ، فإن المتصفحات التي تدعم ARIA ستضيف معلومات إمكانية الوصول الخاصة بنظام التشغيل إلى عنصر واجهة المستخدم المقدمة ، بحيث يمكن لقارئ الشاشة أن يفسرها كقائمة وقراءتها بصوت عالٍ مع سياق كافٍ لفهم المستخدم النهائي (على سبيل المثال ، صريح تلميح الصوت "القائمة") وهو قادر على التفاعل معها (على سبيل المثال ، التنقل الصوتي).

Answer 2

ARIA تعني تطبيقات الإنترنت الغنية التي يمكن الوصول إليها.

تعد Wai -Aria تقنية قوية بشكل لا يصدق تتيح للمطورين وصف الغرض والدولة وغيرها من وظائف واجهات المستخدمين الغنية بصريًا - بطريقة يمكن فهمها من خلال التكنولوجيا المساعدة. تم دمج WAI-ARIA أخيرًا في مسودة العمل الحالية لمواصفات HTML 5.

وإذا كنت تتساءل ما هو Wai-Aria ، فهذا نفس الشيء.

يرجى ملاحظة الشروط التي تشير Wai-Aria و Aria إلى نفس الشيء. ومع ذلك ، من الصحيح استخدام Wai-Aria للاعتراف بأصوله في WAI.

WAI = مبادرة إمكانية الوصول إلى الويب

من مظهره ، يتم استخدام ARIA للتقنيات المساعدة ومعظمهم من قراءة الشاشة.

سيتم مسح معظم شكوكك إذا قرأت هذه المقالة

http://www.w3.org/tr/aria-in-html/

Answer 3

ما هذا؟

واي أريا يقف ل "مبادرة إمكانية الوصول إلى الويب - تطبيقات الإنترنت الغنية التي يمكن الوصول إليها". إنها مجموعة من السمات للمساعدة في تحسين دلالات موقع الويب أو تطبيق الويب للمساعدة في التقنيات المساعدة ، مثل قراء الشاشة للمكفوفين ، فهم بعض الأشياء التي ليست أصلية لـ HTML. يمكن أن تتراوح المعلومات المكشوفة من شيء بسيط مثل إخبار قارئ الشاشة بأن تنشيط الرابط أو الزر قد أظهر للتو أو أخفى المزيد من العناصر ، إلى الأدوات المعقدة مثل أنظمة القائمة الكاملة أو طرق عرض الأشجار الهرمية.

يتم تحقيق ذلك من خلال تطبيق الأدوار وسمات الحالة على HTML 4.01 أو فيما بعد لا يوجد له تأثير على وظيفة التخطيط أو المتصفح ، ولكنه يوفر معلومات إضافية للتقنيات المساعدة.

حجر الزاوية الواحد من Wai-Aria هو سمة الدور. إنه يخبر المتصفح أن يخبروا التكنولوجيا المساعدة أن عنصر HTML المستخدم ليس في الواقع ما يقترحه اسم العنصر ، ولكن شيء آخر. على الرغم من أنه في الأصل هو عنصر DIV فقط ، فقد يكون عنصر DIV هذا الحاوية لقائمة من العناصر الإكمال التلقائي ، وفي هذه الحالة سيكون دور "Listbox" مناسبًا للاستخدام. وبالمثل ، يجب أن يحصل Div آخر وهو طفل من هذا الحاوية Div ، والذي يحتوي على عنصر خيار واحد ، بعد ذلك ، على دور "الخيار". اثنين من divs ، ولكن من خلال الأدوار ، معنى مختلف تماما. يتم تصميم الأدوار بعد نظيرات تطبيق سطح المكتب شائعة الاستخدام.

استثناء من هذا هو الأدوار المعلنة المستند ، والتي لا تغير المعنى الفعلي للعنصر المعني ، ولكن تقديم معلومات حول هذا المكان بالذات في المستند.

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

ماذا لا؟

لا يهدف Wai-Aria إلى التأثير على سلوك المتصفح. على عكس عنصر زر حقيقي ، على سبيل المثال ، لا يمنحك Div دور "زر" على "زر" إمكانية تركيز لوحة المفاتيح ، ومعالج نقرة تلقائي عند الضغط عليه أو الدخول إليه ، وغيرها زر. لا يعلم المتصفح نفسه أن Div مع دور "زر" هو زر ، فقط جزء API إمكانية الوصول.

نتيجة لذلك ، هذا يعني أنه يتعين عليك تنفيذ التنقل في لوحة المفاتيح ، والقدرة على التركيز ، والأنماط السلوكية الأخرى المعروفة من تطبيقات سطح المكتب بنفسك. يمكنك العثور على بعض تقنيات ARIA المتقدمة هنا.

متى لا يجب أن أستخدمه؟

نعم ، هذا صحيح ، هذا القسم يأتي أولاً! لأن القاعدة الأولى لاستخدام Wai-Aria هي: لا تستخدمه إلا إذا كان عليك ذلك على الإطلاق! كلما كان لديك أقل من Wai-Aria ، وكلما يمكنك الاعتماد على استخدام واجهة مستخدم HTML الأصلية ، كان ذلك أفضل! هناك بعض القواعد الأخرى التي يجب متابعتها ، يمكنك التحقق منها هنا.

Answer 4

ما هو أريا؟

ظهرت ARIA كوسيلة لمعالجة مشكلة إمكانية الوصول المتمثلة في استخدام لغة الترميز المخصصة للمستندات ، HTML ، لإنشاء واجهات المستخدم (UI). يتضمن HTML العديد من الميزات للتعامل مع المستندات (P ، H3 ، UL ، الجدول) ولكن عناصر واجهة المستخدم الأساسية فقط مثل A ، الإدخال والزر. يدعم Windows وغيرها من أنظمة التشغيل واجهات برمجة التطبيقات التي تسمح (التكنولوجيا المساعدة) بالوصول إلى وظائف عناصر التحكم في واجهة المستخدم. تقوم شركة Internet Explorer وغيرها من المتصفحات بتخطيط عناصر HTML الأصلية إلى واجهة برمجة تطبيقات إمكانية الوصول ، لكن عناصر التحكم في HTML ليست غنية مثل الضوابط الشائعة على أنظمة تشغيل سطح المكتب ، ولا تكفي لتطبيقات الويب الحديثة يمكن أن تمدد عناصر HTML لتزويد الأغنياء واجهة المستخدم اللازمة لتطبيقات الويب الحديثة. قبل أريا ، لم يكن لدى المتصفح أي وسيلة لفضح هذا الثراء الإضافي في واجهة برمجة تطبيقات إمكانية الوصول أو في. المثال الكلاسيكي لهذه المشكلة هو إضافة معالج نقرة إلى صورة. إنه ينشئ ما يبدو أنه زر قابل للنقر لمستخدم الماوس ، لكنه لا يزال مجرد صورة إلى لوحة مفاتيح أو في المستخدم.

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

من المهم أن نتذكر أنه في الحالات البسيطة ، من المفضل استخدام أدوات التحكم في HTML الأصلية وتصميمها بدلاً من استخدام ARIA. هذا لا يعيد اختراع العجلات ، أو مربعات الاختيار ، إذا لم يكن عليك ذلك.

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

Answer 5

ركضت بعض الأسئلة الأخرى بخصوص أريا. لكن المحتوى يبدو أكثر واعدة لهذا السؤال. يود مشاركتهم

ما هو أريا؟

إذا بذلت جهودًا في جعل موقع الويب الخاص بك في متناول المستخدمين مع مجموعة متنوعة من عادات التصفح المختلفة والإعاقات المادية ، فمن المحتمل أن تتعرف على الدور وسمات ARIA-*. تعد Wai-Aria (تطبيقات الإنترنت الغنية التي يمكن الوصول إليها) طريقة لتوفير طرق لتحديد محتوى الويب والتطبيقات الديناميكية الخاصة بك حتى يتمكن الأشخاص ذوي الإعاقة من تحديدها والتفاعل معها بنجاح. يتم ذلك من خلال الأدوار التي تحدد بنية المستند أو التطبيق ، أو من خلال سمات ARIA-* التي تحدد دولة عنصر واجهة المستخدم أو العلاقة أو الحالة أو الممتلكات.

يوصى باستخدام ARIA في المواصفات لجعل تطبيقات HTML5 أكثر سهولة. عند استخدام عناصر HTML5 الدلالية ، يجب عليك تعيين دورها المقابل.

وانظر هذا فيديو يوتيوب لأريا لايف.