استبدل روابط التحميل التقليدية بمكون التنقل التصريحي Link للحفاظ على حالة التطبيق، وميّز الصفحة المفتوحة تلقائياً عبر NavLink وخاصية end مع دعم معايير الوصول الدلالية.
2 صفوف تعليمية
ReactJS
0 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
لا تكفي الألوان وحدها لإرشاد مستخدمي قارئات الشاشة إلى الصفحة المفتوحة حالياً. لذلك يضيف مكون <NavLink> تلقائياً السمة القياسية aria-current="page" على عنصر الرابط النشط في DOM فور مطابقته، مما يُنطق صوتياً بوضوح ويتيح أيضاً تنسيق العنصر مباشرة بالمحدد الدلالي a[aria-current="page"].
الصف 2
ملاحظة هامة
جميع فقرات هذا الدرس (التنقل التصريحي وتمييز الرابط النشط عبر Link وNavLink)