ستساعدك المقالة التالية: كيفية استخدام خيار “Linearize Page” في ملحق مطور الويب
أعرف الكثير من الأشخاص الذين يستخدمون Web Developer FireFox Addon ولكن ليس لديهم أدنى فكرة عن القيمة الحقيقية لبعض ميزاته.
تتناول هذه المقالة إحدى تلك الميزات غير المستغلة بشكل كافٍ: “”.
باعتباري الشخص الذي ذكر الملحق Web Developer عدة مرات، أتلقى الكثير من الأسئلة حول هذا الموضوع من قرائنا ويسألني معظمهم عن استخدام خيار الخطية.
لذلك دعونا نرى كيف يمكن أن تصبح مفيدة.
ماذا تعمل، أو ماذا تفعل؟
بشكل أساسي، تقوم الأداة بإزالة جميع المواضع والجداول من الصفحة من أجل “جعلها خطية”.
تستخدم الأداة CSS التالي “لجعل” الصفحة الحالية “خطية”:
كيفية استخدامه لاختبار سهولة الاستخدام وإمكانية الوصول؟
1. وبالتالي فإن الأداة مثالية ل معاينة الطلب حيث ستقدم متصفحات الصوت أو الشاشات الصغيرة معلومات الصفحة.
2. كما أنه مفيد جدًا لـ التحقق من إمكانية الوصول إلى الجداول: لكي يتمكن قارئ الشاشة من تفسير الصفحة، يصبح المحتوى خطيًا: لذا تأكد دائمًا من أن الجدول (أو التصميم المستند إلى الجدول) منطقي عندما يكون خطيًا.
تساعد الأداة أيضًا في معرفة ما إذا كان:
- ترتيب العناوين وعناصر الصفحة منطقي (بالنسبة لقارئ الشاشة)؛
- مجموعات متعددة من الارتباطات (على سبيل المثال، على الصفحة الرئيسية) لها تسلسل منطقي.
3. الأداة أيضًا لا تقدر بثمن اختبار التصميم لمتصفحات الجوال النموذجية التي تحول التخطيطات متعددة الأعمدة إلى عمود واحد، ويتم تحديد الترتيب الذي يتم عرض العناصر به من خلال ترتيب المستند “الخطي”.
كيفية استخدامها لتحسين محركات البحث؟
على عكس ميزة تعطيل CSS بالكامل، تسمح هذه الميزة برؤية “الترتيب المصدري للمحتوى دون إزالة جميع الأنماط الأخرى التي تؤثر على كيفية عرض العنصر”. (مما يوفر بالتالي معاينة أسهل)
لمزيد من المعلومات حول تصميم صفحات الويب للمحتوى “الخطي” تأكد من قراءتها هذه المقالة الرائعة.
