UIDex

إيه الفرق؟

التلميح أم القائمة المنسدلة

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

اسأل نفسك سؤالاً واحداً

هل يحتاج المستخدم لتحريك المؤشّر داخل ما ظهر والضغط على شيء بداخله؟

مرّر المؤشّر فوق أيقونة الرابط، أو اضغط Tab للوصول إليها.

نسخ الرابط إلى الحافظةCtrl + Shift + C
aria-describedby="tip-share"تأخير الفتح450ms
RTLالاختصار اللاتيني معزول باتجاهه، و Esc يُغلق التلميح

التلميح

Tooltip
role="tooltip" + aria-describedby

استخدمه لما

شرح أيقونة بلا نصّ، أو توضيح اختصار لوحة مفاتيح، أو عرض النصّ الكامل لعنوان مقصوص. معلومة واحدة قصيرة لا أكثر.

المدخل الكامل
المدينة
القاهرة
الرياض
دبي
عمّان
RTLاللائحة تُحاذى ببداية المشغّل، والسهم لا ينعكس

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

Dropdown / Select
<select> / role="listbox"

استخدمه لما

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

المدخل الكامل

الخطأ الكلاسيكي

وضع رابط أو زرّ داخل تلميح. المستخدم يرفع المؤشّر ليصل إليه فيختفي التلميح، ومستخدم لوحة المفاتيح لا يستطيع الوصول إليه أصلاً.

مقارنات أخرى