آموزش استفاده از فونت در طراحی وب سایت

دسترسی و قابل رویت بودن تصاویر در طراحی سایت ها بسیار تاکید می شود، اما یک مسئله ای که به همین اندازه مهم است و اغلب اوقات در طراحی سایت نادیده گرفته می شود، قابلیت استفاده و در دسترس بودن فونت ها می باشد. در حالی که تصاویر نیاز دارد تا دارای تگ های متنیALTباشد تا حتی برای افرادی که در نابینایی خود اخلال دارد، امکان نمایش داده شدن و درک شدن وجود داشته باشد، فونت های قابل دید و قابل مشاهده نیز می تواند طراحی سایت را برای بازدید همه افراد امکان پذیر سازد.

ویژگی فونت های قابل دسترس و مشاهده در طراحی وب سایت ها

ویژگی های مختلفی از متن های طراحی سایت وجود دارد که برای قابل رویت و قابل دسترس بودن برای تمام کاربران وب سایت، بسیار به فونت های به کار رفته بستگی دارد.

این موارد شامل:

• محبوبیت فونت
• رنگ فونت
• پس زمینه رنگی
• کنتراست میان فونت و پس زمینه
• اندازه متن
• متن هایSERIF

استفاده از یک فونت متداول می تواند فونت ایده آلی باشد

محبوبیت یک فونت ممکن است به نظر دلیل عجیبی برای انتخاب کردن یا نکردن آن باشد، اما اگر افراد کمی فونتی که در طراحی سایت خود استفاده می کنید را در کامپیوتر خود داشته باشند، همان تعداد کم تمایل دارند تا طراحی سایت شما را بازدید کنند. اگر زمانی که یک کاربر در طراحی سایت شما جستجو می کند و فونت مشخصی را نیابد، کامپیوترشان از یک فونت جایگزین موجود به جای آن استفاده می کنند. در طراحی وب سایت ها، این موضوع بر چگونه نمایش دادن عوامل طراحی سایت تان بسیار تاثیر می گذارد، از این رو خیلی مهم است تا یک یا دو گزینه پشتیبان را درCSSخود قرار دهید که اگر فونت اولیه برای کاربران سایت نا آشنا بود، مورد دوم و یا سوم برای آن ها بارگیری شود.

رنگ ها و کنتراست ها

رنگ های مشخص، مخصوصا قرمز و سبز، مشکلات بیشتری در قابل رویت و قابل استفاده بودن یک طراحی سایت برای افرادی که در نابینایی خود اخلال دارند، ایجاد می کند. اگر در طراحی سایتی از این رنگ ها استفاده شود، تنها یک کنتراست خوب می تواند بین متن و پس زمینه تعادل ایجاد کند تا مشکلی در این زمینه پیش نیاید. کنتراست پایین و رنگ های عجیب و غریب در طراحی سایت به نظر زننده می آید و برای خواندن حتی افرادی که مشکل بینایی ندارند، بسیار سخت می شود. از این رو خیلی خوب می شود تا اطمینان حاصل کنید که متن و پس زمینه در کنتراست قدرتمندی قرار دارند.

اندازه متن و فونت هایSERIF

اندازه متن به طور میانگین در طراحی سایت تان باید 12 تا 14 باشد، اما باید قبل از استفاده از این دستورالعمل، مخاطبان طراحی سایت خود را مشخص کنید. اگر مخاطبین سایت شما افراد بزرگسالی هستند، متن های بزرگ تر می تواند متناسب باشد، زیرا این افراد بزرگسال در خواندن متن ها در اندازه کوچک مشکل دارند. به همین ترتیب، استفاده از فونت هایSANS SERIFخواندن متن ها را برای کسانی که از طریق مانیتور آن ها را می خوانند، ساده می سازد.

تست طراحی سایت

حتی اگر شما تک تک مسائل گفته شده را زیر نظر داشته باشید، همیشه ایده خوبی است تا طراحی سایت خود را در معرض تست و آزمایش قرار دهید تا اطمینان یابید که هیچ موردی را از دست نداده اید و کارتان را به نحو احسنت انجام داده اید.

در اینجا ابزارهای رایگانی برای تست در دسترس بودن و قابل استفاده بودن طراحی سایت تان برای تمامی کاربران سایت وجود دارد:

• WAVE:URLطراحی وب سایت را وارد کنید و از تمامی بخش های طراحی وب سایت خود واکنش ها و باز خورد هایی را در یافت کنید.
• ACCESSIBILITY COLOR WHEEL: رنگ پس زمینه و متن خود را با استفاده از نتایج نشان داده شده در تست طراحی سایت از طریق این ابزار، انتخاب کنید. این ابزار از رنگ های شبیه سازی کوررنگی در طراحی سایت استفاده می کند تا افرادی که در بینایی خود مشکل دارند بتوانند محتوای طراحی سایت را خوانده و به راحتی دانلود کنند.
• ACCESSIBILITY WIZARD: مسئولیت های قابل دسترس بودن و قابل استفاده بودن یک طراحی سایت را با استفاده از این ابزار، میان تیم طراحی سایت تان تقسیم کنید.

کلام آخر

توجه به قابل مشاهده بودن فونت ها درطراحی سایتاطمینان حاصل خواهد کرد که طراحی وب سایت شما توسط مخاطبین بی شماری قابل استفاده می باشد و اجرای این عملکرد در طراحی سایت می تواند در وقت و تلاش تان برای اصلاحات آینده، بسیار صرفه جویی کند. از این رو طراحی وب سایت شما برای تمامی افراد مورد توجه خواهد بود.