روابط واضحة

يحتاج القارئ أن يعرف أن النصّ رابط قبل أن يقرأه، واللون وحده لا يكفي، لأن من لا يميّز الألوان لا يرى فرقًا بين الأزرق والأسود. لذلك يبقى الخطّ تحت الرابط، وحذفه بـ text-decoration: none من أكثر أخطاء التصميم شيوعًا.

لكن الخطّ الافتراضي يلتصق بالحروف، ويتقاطع في العربية مع أطرافها النازلة كالراء والواو والياء، فتستعمل text-underline-offset لتبعده عنها، وtext-decoration-thickness لتضبط سُمكه فلا يطغى على النصّ.

ثم تأتي الحالات، فالحالة :hover تؤكّد للقارئ أن النصّ قابل للضغط، و:visited تذكّره بالصفحات التي زارها. ولا يقبل المتصفح في :visited إلا خصائص اللون، كي لا تستطيع الصفحة كشف سجلّ تصفّحك.