در قانون «انطباق‌پذیری (Reflow)» باید مطمئن شوید که محتوا، بدون نیاز به کشیدن صفحه در دو جهت، معنا و کارکرد خود را حفظ می‌کند.
توضیحات
برخی کاربران دارای اختلالات بینایی باید اندازهٔ متن‌ها را تغییر دهند تا بتوانند راحت‌تر آن‌ها را بخوانند.
وقتی کاربران اندازهٔ متن را تا ۴۰۰ درصد بیشتر از پیشفرض افزایش می‌دهند، نباید طوری شود که مجبور باشند برای استفاده از متن، صفحه را در بیش از یک جهت (عمودی یا افقی) اسکرول کنند.
روش صحیح انطباق با شاخص موفقیت «انطباق‌پذیری»
- اطمینان حاصل کنید که محتوای عمودی نیازی به اسکرول افقی در عرض ۳۲۰ پیکسل در CSS ندارد
- اطمینان حاصل کنید که محتوای افقی نیازی به اسکرول عمودی در ارتفاع ۲۵۶ پیکسل در CSS ندارد
موارد استثنا
- در جایی که پیمایش چند جهته برای تحقق معنا یا عملکرد ضروری است (مثلاً تصاویر، نقشه‌ها، نمودارها، بازی‌ها و عناصری که باید نوار ابزارشان همواره در معرض دید باقی بماند)
- جداول داده‌های پیچیده
نکته‌ها
در طراحی وب واکنش‌گرا (ریسپانسیو) که در آن محتوا، خود را با دید کاربر منطبق می‌کند، قانون مربوط به انطباق‌پذیری به خودی خود رعایت شده است.
بهتر است هنگام نوشتن در اکثر زبان‌ها از اسکرول افقی استفاده نکنید، زیرا ما عادت داریم ستون‌های متن را به صورت عمودی بخوانیم. وقتی صفحه توسط مرورگر بزرگ شد، محتوای خود را دوباره به یک ستون عمودی تبدیل کنید.
۳۲۰ پیکسل CSS، مانند یک نمایٔ پیشفرض ۱۲۸۰ پیکسل است که ۴۰۰ درصد بزرگ شده است.
۲۵۶ پیکسل CSS، همان نمایهٔ پیشفرض ۱۰۲۴ پیکسل CSS است که ۴۰۰ درصد بزرگ شده است.
بهتر است لینک‌های زیر را ببینید:
- شرح شاخص موفقیت در کنسرسیوم وب: ↗Reflow (1.4.10 – Level AA) ↗
- شاخص موفقیت ۱.۴.۴ – تغییر اندازه متن
پدیدآورندگان:
مترجم: امید هاشمی
ویراستار فنی: آرتا مکبری
ویراستار فنی دوم: حسین شرفی