---
id: 587d7788367417b2b2512aa2
title: Make Screen Reader Navigation Easier with the nav Landmark
challengeType: 0
videoUrl: ''
localeTitle: جعل قارئ شاشة الملاحة أسهل مع الملاحة
---
## Description
عنصر nav هو عنصر HTML5 آخر مع ميزة المعالم المضمنة لسهولة التنقل في قارئ الشاشة. تهدف هذه العلامة إلى الالتفاف حول روابط التنقل الرئيسية في صفحتك. إذا كانت هناك روابط موقع متكررة في أسفل الصفحة ، فليس من الضروري ترميز تلك التي تحتوي على علامة nav أيضًا. يكفي استخدام footer (المغطى في التحدي التالي).
## Instructions
أدرج Camper Cat ارتباطات التنقل في الجزء العلوي من صفحة التدريب الخاصة به ، ولكن ملفوفة في div . غيّر div إلى علامة nav لتحسين إمكانية الوصول على صفحته.
## Tests
```yml
tests:
- text: يجب أن يحتوي nav علامة nav واحدة.
testString: 'assert($("nav").length == 1, "Your code should have one nav tag.");'
- text: يجب أن تقوم علامات nav الخاصة بك بالالتفاف حول ul وعناصر القائمة الخاصة بها.
testString: 'assert($("nav").children("ul").length == 1, "Your nav tags should wrap around the ul and its list items.");'
- text: يجب ألا تحتوي شفرتك على أي علامات div .
testString: 'assert($("div").length == 0, "Your code should not have any div tags.");'
- text: تأكد من أن عنصر nav يحتوي على علامة إغلاق.
testString: 'assert(code.match(/<\/nav>/g) && code.match(/<\/nav>/g).length === code.match(/
## Challenge Seed