لقد اكتشفت فجأة مشكلة غريبة جدًا اليوم. بعض مواقع الويب التي تركز على CSS وXHTML وWeb 2.0 ومعايير الويب تناقش كيفية إزالة المربع المنقط (المخطط التفصيلي) حول الارتباط التشعبي عند النقر فوق الماوس، مثل المخطط التفصيلي: لا شيء أو المخطط التفصيلي: 0 . ربما في بعض الأحيان يؤثر المظهر الافتراضي للإطار المنقط (المخطط التفصيلي) على المظهر، ولكن يجب أن يكون لوجوده سبب: وهو تحسين سهولة استخدام موقع الويب، وخاصة لتوفير راحة كبيرة للأشخاص الذين يستخدمون التنقل باستخدام لوحة المفاتيح. بينما نناقش الدلالات وسهولة الاستخدام، فإننا نقوم دائمًا بأشياء تتعارض معها.
1. المربع المنقط (المخطط التفصيلي) يوفر الراحة للتنقل باستخدام لوحة المفاتيح
لدي عادة عند قراءة المقالات: نادرًا ما أستخدم الماوس وأعتمد بشكل أساسي على لوحة المفاتيح. الأكثر استخدامًا هي مفتاح Tab وPageUp وPageDown وEnter ومفاتيح الاتجاه الأربعة. يتم استخدام مفتاح Tab للتنقل بين الارتباطات التشعبية. يمكنك التبديل بين الارتباطات التشعبية المختلفة بعد تحديد رابط، اضغط على Enter مباشرة للدخول (يمكنك الآن استخدام مفتاح Tab لرؤية التأثير على هذه الصفحة). عندما يركز مفتاح Tab على رابط ما، سيظهر إطار منقط (مخطط تفصيلي) حول الرابط، للإشارة إلى أن الرابط قيد التركيز ويمكن الوصول إليه بعد التأكيد. بالطبع، قد يقول الكثير من الناس، أنه من السهل جدًا استخدام الماوس، فلماذا تستخدم لوحة المفاتيح؟ وهنا أود أن أذكر بعض الأسباب.
يقال أن أحد معايير كونك خبيرًا حقيقيًا في الكمبيوتر هو ما إذا كان بإمكانك إكمال جميع العمليات دون استخدام الماوس. في بعض الأحيان، عندما أقرأ مقالًا، فإن حمل القهوة بيدي اليمنى وأكتب على لوحة المفاتيح بيدي اليسرى لا يؤثر على قراءتي.
الاحتياجات الخاصة لمجموعات خاصة من الأشخاص، موقع الويب الخاص بك ليس مخصصًا لك فقط. لا يمكنك التأثير على كيفية استخدام الآخرين لموقع الويب الخاص بك.
نمط جديد عند استخدام مفتاح Tab للتركيز على رابط ما (قد يختلف باختلاف المتصفحات، ولكن كل متصفح لديه هذه الوظيفة، مما يوضح ضرورته)
2. تجربة مستخدم أسوأ
استخدم المخطط التفصيلي: لا شيء أو المخطط التفصيلي: 0 لإزالة الإطار المنقط الخارجي على الرغم من عدم إمكانية رؤية أي تغييرات من الرابط، إلا أنه يمكن رؤية معلومات الرابط على الأقل من شريط الحالة. ولكن تجربة المستخدم الأسوأ هي استخدام حدث التركيز على JavaScript، فعندما يركز المستخدم على رابط، فإنه يلغي التركيز على الفور، مما يعني أنه لا يمكنك التركيز أبدًا على هذا الارتباط التشعبي، لذلك إذا لم تستخدم الماوس، فيمكنك ذلك تمامًا. قم بزيارة أي رابط في هذه الصفحة. طور بعض الخبراء طرقًا لاستخدام JQuery لإزالة المخطط التفصيلي. إذا بحثت في جوجل عن "إزالة الخطوط المنقطة من الروابط"، فسوف تحصل على عشرات الآلاف من النتائج، ويبدو أن الكثير من الناس يحتاجون إليها ويقومون بالبحث عنها. لكنه انتهك مبدأ سهولة استخدام الويب ولم يأخذ في الاعتبار تجربة المستخدم على الإطلاق.
3. الخيارات البديلة
إذا كنت تعتقد حقًا أن مظهر الإطار المنقط سيؤثر على المظهر، فمن المؤكد أن لديك خيارًا أفضل. وذلك لاستخدام الفئة الزائفة :focus في CSS. على سبيل المثال باستخدام
أ: التركيز { لون الخلفية: #f00 }
/*أو*/
a:hover, a:focus {text-decoration:underline;}
عندما يتم تشغيل التركيز، تكون خلفية الرابط حمراء، وما إلى ذلك. بالطبع، يمكنك تصميم أنماط أكثر تعقيدًا حسب الحاجة، ويمكنك أيضًا ضبط التركيز والتمرير على نفس النمط. ولكن هناك شيء واحد، لا يمكنك منع آلية تفعيل التركيز.
لذا، لا تقم مطلقًا بإزالة المربع المنقط حول الارتباط التشعبي، على الأقل حتى لا تمنع تشغيل التركيز.