أسئلة تُطوى

القائمة القابلة للطيّ عنوان يُضغط ولوح يظهر ويختفي. والعنوان زرّ داخل وسم عنوان، لا div عليه مستمع: الزرّ يصله Tab، ويعمل بـ Enter والمسافة، ويُعلَن لقارئ الشاشة زرًّا — بلا سطر إضافي.

ويبقى على الزرّ أن يقول شيئين: هل لوحه مفتوح؟ بـ aria-expanded. وأيّ لوح يتحكّم فيه؟ بـ aria-controls ومعرّف اللوح. واللوح المطويّ عليه hidden فيخرج من شجرة الإتاحة كذلك.

الفخّ: قيمة aria-expanded نصّ لا قيمة منطقية: 'false' نصّ غير فارغ، فالشرط if (button.getAttribute('aria-expanded')) صحيح دائمًا. قارن بـ === 'true'.