العناصر

مجموعة متكاملة من العناصر متعددة الاستخدامات التي تستخدم لبناء المواقع والواجهات، على أن تبنى جميع العناصر بأنماط جاهزة ومتعمدة وفقًا لمعايير إرشادات إتاحة محتوى الويب WCAG 2.2.

وثائق جميع العناصر المذكورة أدناه متاحة باللغة الإنجليزية فقط.

الأكورديون

"الأكورديون" هو مصطلح شائع يشير إلى أنماط واجهات المستخدم ذات الأقسام التي يمكن توسعتها أو طيها لضبط الواجهة بأسلوب بما يتناسب مع السياق ويزيد من سهولة استيعاب المحتوى.

التنبيه

عنصر يختص بإعطاء الملاحظات فوريًا، ويستخدم عادةً مع الإشعارات ورسائل التحذير أو الخطأ.

صورة الملف الشخصي

عادةً ما تشير صورة الملف الشخصي إلى صورة أو أيقونة صغيرة دائرية أو مربعة لمستخدم أو جهة.

البانر

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

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

مسارات التنقل الفرعية

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

الزر

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

البطاقة

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

مربع الاختيار

يعد مربع الاختيار أحد أنواع عناصر الإدخال يتيح للمستخدم تحديد خيار واحد أو مجموعة من الخيارات.

القوائم المنسدلة

تشير القوائم المنسدلة هنا إلى إحدى العناصر التي تُظهر قائمة من الخيارات عند التفاعل معها بالضغط أو اللمس.

رفع الملفات

تتيح للمستخدم اختيار الملفات ورفعها من جهازه.

الروابط التشعبية

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

المدخلات

تتمثل وظيفة المدخلات في جمع البيانات، عادة النصية، كالاسم والبريد الإلكتروني وكلمة المرور وما إلى ذلك.

النافذة المنبثقة Modal

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

التنقل

ترشد عناصر التنقل المستخدم عبر أقسام الموقع وصفحاته المختلفة وعادة ما تحتوي على الروابط والقوائم والأيقونات وتكون في الأغلب في رأس الصفحة أو جانبها.

ترقيم الصفحات

يظهر عنصر ترقيم الصفحات عادة كصف من الروابط المرقمة في نهاية الصفحة، ويتيح للمستخدم التحرك بين الصفحات في الاتجاهين.

زر الاختيار

يمثل زر الاختيار عنصر إدخال يتيح اختيار خيارًا واحدًا من بين خيارات متعددة ويأخذ شكل مجموعة من الأزرار الدائرية.

محدِّد النطاق

يسمح محدِّد النطاق للمستخدم اختيار قيمة أو مجموعة من القيم بنطاق يُحدد بحد أدنى وحد أقصى.

الاختيار

يتيح للمستخدم أن يختار خيارًا واحدًا أو أكثر من قائمة منسدلة.

الخطوات

تعد 'الخطوات"، أو ما يعرف أحيانًا "بالساحر" أو "المتقدم" أو "متابع التقدم"، نمطًا من أنماط التصميم التي تستخدم لتقسيم المحتوى أو الخطوات إلى أجزاء أصغر يمكن استيعابها بصورة أفضل.

التبويب

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

منطقة النص

تتيح منطقة النص للمستخدم إضافة النصوص متعددة السطور، فعادة ما تُستخدم للمدخلات كأقسام التعليقات أو أي شئ قد يتكون من أكثر من جملة.

زر التبديل

يعد زر التبديل عنصرًا تفاعليًا يتيح للمستخدم التبديل بين حالتين مثل "مفعل" و"غير مفعل" أو "صواب" و"خطأ".

وصف الأداة

يشير وصف الأداة إلى رسالة تظهر عندما يختار المستخدم عنصر ما أو يحوم فوقه. وتستخدم لتوفير معلومات إضافية حول سياق أداة أو خاصية ما بواجهة المستخدم.