ایجاد و طراحی محتوای قابل دسترس چیزی بیش از انتخاب یک فونت خوانا است. حتی با وجود خانوادههای فونت قابل دسترس، افرادی که دارای اختلالات بینایی، شناختی، زبانی و یادگیری هستند، ممکن است به دلیل عناصر دیگری مانند تنوع فونت، اندازه، فاصله و فاصلهگذاری حروف (kerning) - که تنها چند مورد از آنها را نام بردیم - در پردازش متن با مشکل مواجه شوند.
این ماژول به ملاحظات اولیه طراحی میپردازد تا محتوای شما فراگیرتر شود و به افراد بیشتری برسد.
فونت
یکی از عوامل اصلی که میتواند به شدت بر دسترسیپذیری متن تأثیر بگذارد، فونت است. انتخاب فونت و سبک شما میتواند هر طراحی صفحهای را موفق یا ناموفق کند.
افرادی که اختلالات خواندن، یادگیری و توجه مانند نارساخوانی و اختلال بیش فعالی کمبود توجه (ADHD) دارند، و همچنین افرادی که بینایی کمی دارند، همگی میتوانند از فونتهای قابل دسترس بهرهمند شوند.
فونتهای رایج را انتخاب کنید
سریعترین راه برای ایجاد یک طراحی قابل دسترس، انتخاب یک فونت رایج (مانند Arial، Times New Roman، Calibri، Verdana و بسیاری دیگر) است.
بسیاری از مطالعات مربوط به فونتها که افراد دارای معلولیت را آزمایش میکنند، نشان میدهند که فونتهای رایج در مقایسه با فونتهای غیرمعمول، منجر به سرعت خواندن سریعتر و سطح درک عمیقتر میشوند. در حالی که فونتهای رایج ذاتاً قابل فهمتر از سایر فونتها نیستند، برخی از افراد دارای معلولیت به دلیل تجربه زیادی که در کار با (یا در اطراف) این فونتها داشتهاند، خواندن آنها برایشان آسانتر است.
علاوه بر انتخاب یک فونت رایج، حتماً از فونتهای دستنویس یا تزیینی و همچنین فونتهایی که فقط یک حالت کاراکتری دارند (مثلاً فقط حروف بزرگ) اجتناب کنید. این فونتهای خاص با طرحهای کج و معوج، شکلهای عجیب و غریب یا ویژگیهای هنری مانند خطوط نازک ممکن است زیبا به نظر برسند، اما خواندن آنها برای برخی از افراد دارای معلولیت بسیار دشوارتر از فونتهای رایج است.
ویژگیهای حروف و تنظیم فاصله بین حروف
تحقیق در مورد اینکه آیا فونتهای سریف یا بدون سریف خواناتر هستند، بینتیجه است، اما اعداد، حروف یا ترکیبهای خاصی میتوانند افراد دارای ناتوانیهای یادگیری مبتنی بر زبان و شناختی را گیج کنند. برای افرادی که این نوع ناتوانیها را دارند، هر حرف و عدد باید به وضوح تعریف شده و ویژگیهای منحصر به فردی داشته باشد، بنابراین حروف با اعداد اشتباه گرفته نمیشوند.
رایجترین موارد اختلال در خوانایی، حروف بزرگ I (هند)، حروف کوچک l (کاهو) و عدد 1 هستند. به همین ترتیب، جفت حروفی مانند b و d ، p و q ، f و t ، i و j ، m و w و n و u ممکن است برای برخی از خوانندگان وارونه به نظر برسند، چه از چپ به راست و چه از بالا به پایین.
خوانایی متن همچنین زمانی که فاصله یا کرنینگ حروف خیلی کم باشد، کاهش مییابد. به کرنینگ، به ویژه بین جفت حروف مشکلساز r/n، توجه ویژه داشته باشید. در غیر این صورت، کلماتی مانند "yarn" میتوانند به "yam" یا "stern" به "stem" تغییر کنند و معنای متن را به طور کامل تغییر دهند.
مجموعههای فونت متنباز مانند فونتهای گوگل میتوانند به شما در انتخاب جامعترین فونت برای طرح بعدیتان کمک کنند. اگر از محصولات ادوبی استفاده میکنید، میتوانید خانوادههای فونت قابل دسترس از شرکای فاندری را مستقیماً در طرحهای خود جاسازی کنید - این شامل فونتهای گوگل منتخب نیز میشود.
وقتی به دنبال فونت بعدی خود هستید، به موارد زیر توجه ویژه داشته باشید:
- تا حد امکان از فونتهای رایج استفاده کنید.
- از استفاده از فونتهای پیچیده یا دستنویس و فونتهایی که فقط یک حرف دارند، خودداری کنید.
- یک فونت با ویژگیهای منحصر به فرد انتخاب کنید - به حروف بزرگ I، حروف کوچک L و ۱ توجه ویژه داشته باشید.
- ترکیبهای خاصی از حروف را بررسی کنید تا مطمئن شوید که دقیقاً تصویر آینهای یکدیگر نیستند.
- فاصله بین حروف (kerning) را بررسی کنید، به خصوص بین جفت حروف r و n .
اندازه فونت و استایل تایپوگرافی
مردم اغلب تصور میکنند که انتخاب یک خانواده فونت قابل فهم، تمام چیزی است که برای ایجاد محتوای فراگیر لازم است، اما در نظر گرفتن اندازه فونت و نحوهی چیدمان متن در صفحه نیز مهم است.
برای مثال، افرادی که کمبینا یا کوررنگ هستند، ممکن است نتوانند بخشی از متن را در صورت کوچک بودن بیش از حد آن بخوانند و برای خواندن متن از بزرگنمایی مرورگر مانند AT استفاده کنند. سایر کاربران، مانند افرادی که دچار اختلال خواندن یا اختلال خواندن هستند، ممکن است در خواندن متن ایتالیک مشکل داشته باشند. نرمافزارهای خواندن صفحه نمایش اغلب روشهای سبکدهی مانند پررنگ و ایتالیک را نادیده میگیرند، بنابراین هدف این سبکها به کاربران نابینا یا کمبینا منتقل نمیشود.
h2 {font-size: 16px;}h2 {font-size: 1rem;}از آنجایی که نمیتوانید نیازهای هر کاربر را پیشبینی کنید، هنگام افزودن فونت به وبسایتها و برنامههای وب خود، حتماً دستورالعملهای زیر را در نظر بگیرید:
- اندازههای پایه فونت باید با یک مقدار نسبی (%، rem یا em) تعریف شوند تا امکان تغییر اندازه وجود داشته باشد.
- برای افزایش خوانایی، تعداد انواع فونت مانند رنگ، حروف پررنگ ، حروف بزرگ و حروف کج را محدود کنید. در عوض، از روشهایی برای تأکید بر کلمات در متن خود استفاده کنید، مانند ستاره، خط تیره یا هایلایت کردن یک کلمه به صورت جداگانه.
- هر زمان که ممکن است، به جای متن روی تصاویر، از نشانهگذاری استفاده کنید. خوانندگان صفحه نمایش نمیتوانند متن جاسازی شده روی تصاویر را بخوانند (بدون اضافه کردن کد اضافی)، و متن جاسازی شده همچنین میتواند هنگام بزرگنمایی توسط کاربران کم بینا، پیکسلی شود.
ساختار و طرحبندی
در حالی که نوع فونت، اندازه فونت و سبک تایپوگرافی برای تایپوگرافی قابل فهم مهم هستند، ساختار و طرحبندی متن در یک صفحه میتواند به همان اندازه برای درک کاربر مهم باشد.
طرحبندیهای پیچیده میتوانند برای افراد کمبینا، دارای معلولیتهای خواندن و ۶.۱ میلیون نفر مبتلا به ADHD در ایالات متحده، یک مانع واقعی باشند. این نوع معلولیتها به دلیل فقدان مسیرهای خطی واضح، فقدان سرتیترها و عناصر گروهبندی نشده، حفظ جایگاه و دنبال کردن جریان متن را برای افراد دشوارتر میکنند.
یکی از جنبههای مهم طرحهای چیدمان قابل دسترس، متمایز کردن عناصر حیاتی از یکدیگر و گروهبندی عناصر مشابه با هم است. اگر عناصر خیلی به هم نزدیک باشند، تشخیص اینکه یک عنصر از کجا شروع و به کجا ختم میشود، میتواند دشوار باشد، به خصوص اگر سبک مشابهی داشته باشند.
متن خود را به عنوان مجموعهای از نکات کلیدی در یک طرح کلی در نظر بگیرید. این به شما کمک میکند تا ساختار کلی صفحه را برنامهریزی کنید و بتوانید در صورت لزوم از عنوانها، زیرعنوانها و فهرستها استفاده کنید.
فاصله گذاری
فاصلهگذاری بین پاراگرافها، جملات و کلمات به خوانندگان کمک میکند تا تمرکز خود را روی متن حفظ کنند و به درک بصری کلی صفحه میافزاید. خطوط طولانی متن میتواند برای خوانندگان دارای معلولیت مانعی باشد، زیرا آنها در حفظ مکان خود و دنبال کردن جریان متن مشکل دارند.
یک بلوک باریک از متن، ادامه دادن به خط بعدی را برای خوانندگان آسانتر میکند.
ترازبندی محتوا
یکی دیگر از ناامیدیها برای بسیاری از افراد دارای معلولیت، خواندن متنهای موجدار است. فاصله ناهموار بین کلمات در متن موجدار میتواند باعث ایجاد "رودخانههایی از فضا" در پایین صفحه شود و خواندن متن را دشوار کند.
همچنین، ترازبندی متن میتواند باعث شود کلمات به صورت غیرطبیعی در هم جمع شوند یا کشیده شوند، بنابراین خوانندگان در یافتن مرزهای کلمات دچار مشکل میشوند.
خوشبختانه، دستورالعملهای واضحی در مورد فاصلهگذاری و ابزارهایی مانند Good Line-Height و Golden Ratio Calculator وجود دارد که به ما کمک میکند نوشتههایمان را قابل فهمتر کنیم. گنجاندن این دستورالعملها به افراد مبتلا به اختلالات نقص توجه، خواندن و معلولیتهای بینایی کمک میکند تا بیشتر روی نوشته و کمتر روی طرحبندی تمرکز کنند.
بهترین شیوهها برای ساختار و طرحبندی
هنگام بررسی ساختار و چیدمان، حتماً موارد زیر را در نظر بگیرید:
- از عناصری مانند عنوانها، زیرعنوانها، فهرستها، اعداد، بلوکهای نقل قول و سایر گروههای بصری برای تقسیم صفحه به بخشهای مختلف استفاده کنید.
- از پاراگرافها، جملات و فاصلهگذاری کلمات واضح و مشخص استفاده کنید.
- ستونهایی از متن بسازید که عرض آنها کمتر از ۸۰ کاراکتر باشد (۴۰ کاراکتر برای لوگوگرامها).
- از ترازبندی پاراگرافهای ترازبندیشده که باعث ایجاد «رودخانههایی از فضا» در متن میشود، خودداری کنید.
نکات کلیدی تایپوگرافی قابل دسترس
تایپوگرافی قابل دسترس را میتوان به انتخابهای طراحی معقول و مبتنی بر دانش شما از نیازهای کاربرانتان خلاصه کرد. در نظر داشتن این ماژول هنگام طراحی و ساخت محتوای خود، به شما کمک زیادی میکند تا به طور واضح با بیشترین تعداد افراد ارتباط برقرار کنید.