فائدة الطي
يصعب تحديد الموقع في الشاشات الصغيرة (Kim et al., 2015)، وإظهار العناوين أولاً يوضح البنية ويخفف العبء (Sweller, 1988)، وهو نموذج لـالإفصاح التدريجي. ويقرر الناس الفتح وفق الإشارات (Pirolli & Card, 1999)، فلتكن العناوين دقيقة.
متى نستخدمه ومتى نتجنبه
يناسب حين يحتاج المستخدم جزءاً فقط (Loranger, 2014). وإن وجب قراءة أغلبه فاتركه مفتوحاً وابنِ التسلسل البصري بالعناوين، وإن كثرت العناوين (Miller, 1956) فراجع هيكلة المعلومات.
التصميم وإمكانية الوصول
اجعل الصف كله قابلاً للنقر وأظهر الحالة بسهم. واجعل العناوين أزراراً مع aria-expanded (W3C, n.d.) وفق 4.1.2 في WCAG 2.2.
الأسئلة الشائعة
- هل يُفتح قسم واحد فقط؟
- للمقارنة اسمح بعدة أقسام، وللمحتوى المتسلسل واحداً.
- هل يضر بتحسين البحث؟
- المحتوى في HTML يُقرأ، لكن أبقِ الأهم مفتوحاً.
تاريخ مراجعة المصادر: 2026-10-26
المراجع
- Loranger, H. (2014, May 18). Accordions for complex website content on desktops. Nielsen Norman Group. متى يفيد الأكورديون أو يضر.
- World Wide Web Consortium. (n.d.). Accordion pattern (sections with show/hide functionality). ARIA Authoring Practices Guide. أزرار العناوين وaria-expanded.
- Pirolli, P., & Card, S. (1999). Information foraging. Psychological Review, 106(4), 643–675. الإشارات تحدد ما يُفتح.
- Sweller, J. (1988). Cognitive load during problem solving: Effects on learning. Cognitive Science, 12(2), 257–285. المعلومات الزائدة تثقل الذاكرة.
- Kim, J., Thomas, P., Sankaranarayana, R., Gedeon, T., & Yoon, H.-J. (2015). Eye-tracking analysis of user behavior and performance in web search on large and small screens. Journal of the Association for Information Science and Technology, 66(3), 526–544. عبء التمرير في الشاشات الصغيرة.
- Miller, G. A. (1956). The magical number seven, plus or minus two: Some limits on our capacity for processing information. Psychological Review, 63(2), 81–97. حدود العناصر المستعرضة.
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. المعياران 4.1.2 و2.4.6.