تصویر منوچهر صدری خانلو
استانداردهای طراحی و دسترسی به محتوا در وب

در این بخش به بررسی برخی نکات در مورد فونت، رنگ، تصاویر و لینک‌ها می‌پردازیم که رعایت آنها ضروری است.
 
استفاده از فونت‌ها
  - در صورتیکه از فونت‌های پیش‌فرض استفاده نمی‌کنید از فونت‌های استاندارد و شناخته‌شده نزد کاربران استفاده کنید.
  - این مساله را که سایز فونت تحت تاثیر سایز مانیتور، رزولوشن و تنظمیات مرورگر وب خواهد بود در طراحی خود در نظر بگیرید. برخی از فونت‌ها مختص وب طراحی شده‌اند. برای مثال فونت‌های Georgia (serif)، Trebuchet و Verdana (sans serif) مختص وب هستند. فونت‌های دیگری مثل Times Roman (serif)، Helvetica و Arial (sans serif) نیز فونت‌های شناخته شده و استانداردی هستند. برای مثال استفاده از فونت نازنین و میترا اگر چه در محیط ویندوزی یا محیط‌های Word خواناست و پیشنهاد می‌شود، اما در وب این دو فونت برای بسیاری از اندازه‌ها توصیه نمی‌شوند و خوانایی پایینی دارد. بهتر است از فونت‌های دیگری که برای وب مناسب هستند همچون Tahoma، Iran Sanz و FreeFarsi. البته استفاده از فونت‌هایی غیر از فونت‌های پیش‌فرض، ممکن است شامل چالش‌هایی برای شما به همراه داشته باشند.
  - برای دسترسی آسان‌تر کاربران بهتر است سایز فونت‌ها را به صورت نسبی تعیین کنید. اما در صورتیکه قصد داشتید سایز فونت‌ها را ثابت تعیین کنید در نظر داشته باشید که:
o    حداقل سایز فونت باید 10 (برای PC)  و 12 (برای Mac) باشد (medium یا سایز 3).
o    برای وب‌سایت‌هایی که مختص کودکان هستند استفاده از فونت‌های بزرگتر توصیه می‌شود.
  - تحقیقات نشان داده است که تفاوت سرعت کاربران در خواندن متونی که از فونت‌های استاندارد و شناخته‌شده (اما متفاوت) استفاده می‌کنند بسیار اندک است.
  - بهتر است در یک وب‌سایت بیش از 2 یا 3 فونت مورد استفاده قرار نگیرد.
  - از فرمت‌های مختلف متن بهتر است استفاده نکنید (همانند Blink و ...). تجربه نشان داده است که استفاده از این موارد مورد استقبال کاربران قرار نگرفته است.
 
از رنگ‌ها به تعادل استفاده کنید
  - رنگ‌های موجود در سایت مشخص کنید (BGCOLOR، TEXT، LINK، VLINK و ALINK) و یا اینکه از رنگ استفاده نکنید! تعیین برخی از رنگ‌ها و رها کردن سایر بخش‌ها ترکیبی نازیبا در سایت شما ایجاد می‌کند.
  - کنتراست میان رنگ پس‌زمینه و متن باید همواره زیاد باشد. چشم انسان احساس خستگی کمتری با پس‌زمینه روشن و متن تیره دارد.
  - از پس‌زمینه‌هایی که متن را ناواضح می‌کنند بپرهیزید.
  - از پلت 216 رنگی مرورگر استفاده کنید تا مطمئن شوید رنگ‌ها در سیستم مورد نظر شما نمایش داده خواهند شد. این رنگ‌ها میان تمام مرورگر‌ها و سیستم‌عامل‌ها استاندارد هستند (#RRGGBB).
 
تصاویر
  - در هر اینچ نباید بیش از 75 پیکسل تصویر باشد.
  - از فایل‌های .jpg برای تصاویری که رنگ‌های سایه‌دار دارند استفاده کنید.
  - از فایل‌های .gif برای تصاویری که گستره‌ی رنگی ثابتی دارند استفاده کنید.
  - برای تمام تصاویر از Alt صحیح و معنادار استفاده کنید.
  - از تصاویر به عنوان لینک استفاده نکنید مگر اینکه در محل تبلیغات یا به نوعی باشند که کاربر به راحتی به لینک بودن آن پی ببرد.
  - از تصاویر به جای متن استفاده نکنید (استفاده تزئینی یا غیره). ممکن است تصاویر به درستی لود نشوند و نیز در اینصورت متون به خوبی در سایت یا صفحه قابل جستجو نخواهند بود.
 
از table برای طراحی صفحه کمتر استفاده کنید
  - سایز tableها را به صورت نسبی تعیین کنید تا سطرها و ستون‌ها به صورت خودکار با سایز صفحات هماهنگ باشند.
  - از قرار دادن <p> در table خودداری کنید.
  - از نوشتن چند خط در یک ردیف از جدول خودداری کنید.
 
لینک‌ها
  - لینک‌ها باید تا حد ممکن گویا باشند و کاربر بداند که محتوای درون لینک چه چیزی خواهد بود.
  - از ترکیب فاصله و خط عمودی برای جدا کردن لینک‌های پشت‌سرهم استفاده کنید (مثال | مثال).
  - از عبارات اینجا «کلیک کنید» و «وارد شوید» برای لینک‌های خاص استفاده نکنید.
  - از رول‌اور برای منوهای Dropdown استفاده نکنید.
 
سایر مواردی که باید از پرهیز کرد
  - فریم‌ها یا جایگزین‌های غیر فریمی
  - استفاده از جاوا و فلش به وفور
  - طرح‌های گرافیکی که هدف خاصی را دنبال نمی‌کند و تمرکز شما را بر هم می‌زنند.
  - طرح‌های گرافیکی که دارای حرکت‌های زیاد هستند بدون اینکه بیانگر وجهی از اهداف محتوایی شما باشند.
  - اسکرول زیاد
 
صفحات خود را در حالات زیر هم امتحان کنید
  - تصاویر را در صفحه نمایش ندهید. آیا امکان استفاده نابینایان از صفحات شما وجود دارد.
  - روی سیستم‌ عامل‌های گوناگون
  - روی مرورگر‌های مهم (در حال حاضر IE، Firefox و Chrome)
  - در سایز‌ها و رزولوشن‌های مختلف

افزودن نظر جدید