accessibility

النتيجة المتوقعة:

المشكلة: الزر يفتقر إلى اسم متاح لقراء الشاشة.

الإصلاح: أضف aria-label أو نص مرئي.
```html
<button aria-label="Close menu">
<svg aria-hidden="true">icon</svg>
</button>
```

النتيجة المتوقعة:

المشكلة: التركيز بلوحة المفاتيح محاصر في القائمة المنسدلة.

الإصلاح: أضف معالج مفتاح Escape وإدارة تركيز مناسبة.
```javascript
dropdown.addEventListener('keydown', (e) => {
if (e.key === 'Escape') closeDropdown();
});
```

النتيجة المتوقعة:

المشكلة: حقول الإدخال تفتقر إلى تسميات برمجية.

الإصلاح: أضف ارتباطات تسمية صريحة.
```html
<label for="email">Email address</label>
<input type="email" id="email" autocomplete="email">
```