قائمة التحقق من توافق CSS والمتصفح
قائمة مرجعية عملية للتخطيطات المرنة عبر المتصفحات والأجهزة الحديثة.
- ابدأ باستخدام HTML الدلالي وتخطيط قابل للقراءة بدون JavaScript.
- استخدم استعلامات الميزات مثل
@يدعمعندما يعتمد التحسين على ميزة CSS. - اختبار تركيز لوحة المفاتيح، والتكبير إلى 200%، وتقليل الحركة، والوضع الداكن، والألوان القسرية.
- تجنب الارتفاعات الثابتة لحاويات النص؛ السماح بالالتفاف والتوسع.
- قم بتوفير بدائل لوظائف الألوان الأحدث واستعلامات الحاوية والمحددات المتقدمة عندما يطلبها جمهورك.
- اختبر Safari/iOS وChromium وFirefox بدلاً من الاعتماد على محرك واحد.
- استخدم الخصائص المنطقية للتخطيطات متعددة اللغات والتخطيطات من اليمين إلى اليسار.
- تحقق من أنماط الطباعة وعناصر التحكم في النماذج، وليس فقط التخطيط المرئي الرئيسي.