لماذا المواقع القائمة على الجدول سيئة لمستخدمي قارئ الشاشة؟

Question

ما مدى سهولة التعامل مع قراء الشاشة <div> مواقع الويب القائمة على عكس كبار السن <table> مواقع الويب القائمة ، ولماذا هي أسوأ؟

Answer 1

يفترض قراء الشاشة المحتوى داخل أ table هو جدولي ، ويقرأها على هذا النحو. على سبيل المثال "الصف 1 ، العمود 1: (محتويات)". إذا كنت تستخدم الجداول لوضع موقعك ، فلن يكون ذلك منطقيًا بالضرورة. أنت تخبر العميل النهائي أن لديك بيانات ذات أهمية جدولية ، عندما لا تفعل ذلك بالفعل.

على نقيض ذلك، div ليس لديك معنى بخلاف "القسم" ، لذلك لا يقوم قراء الشاشة بأي محاولة للدلالة عليها. يمكنك استخدام divs لعمل فترات راحة مرئية تعسفية في تخطيطك دون التأثير على المعنى من العلامات.

هذا ما نعنيه عندما نقول علامة "الدلالية". الدلالي يعني أن الترميز يصف بدقة المعنى من المحتوى الموجود داخله - قم بلف الجداول بيانات جدولة ، ULS لف قوائم غير مرتبة ، إلخ.

Answer 2

قد تخلط المواقع القائمة على الجدول مع قارئ الشاشة لنوع البيانات التي يتم تقديمها. تم استخدام الجداول في الأصل لإظهار قائمة بيانات ثنائية الأبعاد. ولكن مع استخدام الجداول لتناسب التصميمات ، سيتعين على القراء التمييز بين نية الجدول.

Answer 3

ذلك يعتمد على ما يستخدمه الجدول. إذا تم استخدام جدول لتخطيط ، فلن يكون لدى قارئ الشاشة أي طريقة لمعرفة هذا وقراءة الخلية عن طريق الخلية ، بدءًا من الصف الأول ، العمود الأول ، الصف الأول ، الصف الثاني ، الصف الثاني ، الصف الثاني الطريقة التي من المفترض أن يتم عرض المحتوى. إذا كان من الضروري عرض البيانات في جداول النماذج المنظمة ، فهي أفضل طريقة للذهاب مع قراء الشاشة حيث يمكن استخدام ضربات المفاتيح لقراءة الصف حسب الصف والعمود حسب العمود. كمستخدم لقارئ الشاشة ، أجد أنه من المظهر عندما لا يبدو أن البيانات تصنع أي شيء لأنها إما وضعت بشكل سيء مع جدول ، أو لا يتم استخدام جدول على الإطلاق ولا يتم استخدام بعض الإشارة المرئية الأخرى.

Answer 4

إن وجهة النظر التي تفيد بأن divs تعمل بشكل أفضل مع قراء الشاشة من الجداول تفتقد المشكلة الحقيقية.

لا توفر معايير CSS و HTML الحالية ببساطة أي علامات/مؤشرات صريحة لمساعدة قراء الشاشة. حتى يفعلوا ذلك ، بغض النظر عما إذا كنت تستخدم Div أو Tables ، عليك فقط أن تأمل أن تعمل "صفحة CSS الصحيحة بشكل دلالي" ، أو "الحصول على الجداول المنجزة" مع معظم قراء الشاشة.

لا تنسى ، من السهل على قدم المساواة إنشاء صفحة غير مفهومة باستخدام DIVs فقط ، لأنها تستخدم الجداول.