--- id: 587d778a367417b2b2512aa6 title: Improve Form Field Accessibility with the label Element challengeType: 0 videoUrl: '' localeTitle: تحسين إمكانية الوصول إلى حقل النموذج باستخدام عنصر التسمية --- ## Description
ينطبق تحسين إمكانية الوصول باستخدام ترميز HTML الدلالية على استخدام كلٍّ من أسماء العلامات المناسبة وكذلك السمات. تغطي التحديات العديدة التالية بعض السيناريوهات المهمة التي تستخدم سمات في النماذج. تقوم علامة label بلف النص لعنصر تحكم محدد في النموذج ، وعادة ما يكون الاسم أو الملصق الخاص باختيار ما. هذا يربط معنى لهذا البند ويجعل الشكل أكثر قابلية للقراءة. و for السمة على label العلامة الزميلة صراحة على أن label مع عنصر تحكم النموذج ويستخدم من قبل قارئات الشاشة. لقد تعلمت عن أزرار الاختيار وتصنيفاتها في درس في قسم HTML الأساسي. في هذا الدرس ، قمنا بلف عنصر إدخال زر الراديو داخل عنصر label إلى جانب نص التسمية لجعل النص قابلاً للنقر. وهناك طريقة أخرى لتحقيق ذلك هي عن طريق استخدام for السمة كما هو موضح في هذا الدرس. يجب أن تكون قيمة السمة هي نفس قيمة السمة id for تحكم النموذج. إليك مثال على ذلك:
<form>
<label for = "name"> الاسم: </ label>
<input type = "text" id = "name" name = "name">
</ form>
## Instructions
يتوقع كامبر كات اهتمامًا كبيرًا بمشاركاته المدروسة ، ويريد تضمين نموذج اشتراك بالبريد الإلكتروني. إضافة for السمة على البريد الإلكتروني label يطابق id عن دورتها input المجال.
## Tests
```yml tests: - text: يجب أن يكون التعليمات البرمجية ل for السمة على label العلامة التي ليس فارغا. testString: 'assert($("label").attr("for"), "Your code should have a for attribute on the label tag that is not empty.");' - text: يجب أن تتوافق قيمة السمة for بك for قيمة id في input البريد الإلكتروني. testString: 'assert($("label").attr("for") == "email", "Your for attribute value should match the id value on the email input.");' ```
## Challenge Seed
```html

Deep Thoughts with Master Camper Cat

Sign up to receive Camper Cat's blog posts by email here!

The Garfield Files: Lasagna as Training Fuel?

The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...

Defeating your Foe: the Red Dot is Ours!

Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightening speed. But chin up, fellow fighters, our time for victory may soon be near...

Is Chuck Norris a Cat Person?

Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...

```
## Solution
```js // solution required ```