📋 محتويات الصفحة
📖 الوصف
Landmarks هي علامات HTML و ARIA تُستخدم لتحديد أجزاء مهمة من الصفحة. تساعد Landmarks في تحسين إمكانية الوصول وتسهيل التنقل في الشاشة. تشمل Landmarks الرئيسية: `header`, `nav`, `main`, `aside`, `footer`, `form`, `search`, `banner`, `complementary`, `contentinfo`, `region`.
🎯 يستخدم في
مجالات استخدام هذه الأداة
تحسين إمكانية الوصول
تنقل الشاشة
بنية HTML
تصميم الويب
SEO
✨ المميزات
أبرز مميزات هذه الأداة
Easy الاستخدام
Easy دعم المتصفحات
Easy الأداء
Easy التوافق
Easy التخصيص
Easy البحث
Easy التكامل
⚠️ العيوب
نقاط يجب مراعاتها
يحتاج فهم ARIA
قد يكون معقداً
محدود في الاستخدام
يحتاج اختبار
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
<!-- Landmarks في HTML -->
<header role="banner">
<nav role="navigation">
<ul>
<li><a href="/">الرئيسية</a></li>
<li><a href="/about">عن الموقع</a></li>
</ul>
</nav>
</header>
<main role="main">
<h1>محتوى الصفحة</h1>
<article role="article">
<p>المحتوى هنا</p>
</article>
</main>
<aside role="complementary">
<h2>جانب الصفحة</h2>
</aside>
<footer role="contentinfo">
<p>حقوق النشر</p>
</footer>📚 أدوات أخرى في Accessibility
قد يعجبك أيضاً
Accessibility Insights
⭐أداة اختبار إمكانية الوصول من Microsoft
ARIA Practices
⭐ممارسات ARIA الموصى بها
axe DevTools
⭐أداة اختبار إمكانية الوصول
Color Contrast Analyzer
⭐أداة فحص تباين الألوان
Focus Visible
⭐CSS Selector لإمكانية الوصول
Lighthouse Accessibility
⭐أداة فحص شاملة من Google