دسترسی‌پذیری برند

دسترسی‌پذیری در مواد برند و بازاریابی — جفت‌های رنگ برند با کنتراست محاسبه‌شده، متن جایگزین لوگو و تصویر، PDF، ویدیو و چاپ.

هر چه به نام پرتو منتشر می‌شود، دست‌کم سطح AA استاندارد WCAG 2.2 را رعایت می‌کند. ارزش «وضوح» وقتی معنا دارد که برای همه روشن باشد، نه فقط برای کسی که دید کامل دارد. طرحی که این معیار را نمی‌گذراند، منتشر نمی‌شود.

این صفحه دسترسی‌پذیری مواد برند را می‌گوید: رنگ برند، لوگو، تصویر، سند، ویدیو و چاپ. قاعده‌های رابط محصول، مثل کانون، اندازهٔ هدف و صفحه‌کلید، در دسترسی‌پذیری در مستندات است.

جفت‌های رنگ برند

همهٔ نسبت‌های زیر از توکن‌ها، در هر تمی که آن جفت در آن هست، محاسبه می‌شوند. حداقل‌ها: 4.5 به 1 برای متن، 3 به 1 برای متن درشت و گرافیک. لوگو، مثل هر لوگوی دیگری، از حداقل کنتراست گرافیک مستثناست؛ قاعدهٔ زمینهٔ آن در لوگو آمده است.

تیره روی سبز برند

متن — حداقل 4.5:1

جفت رسمی برند: متن، نشان و لوگوی یک‌رنگ روی سبز.

روشن:8.98:1قبول

تیره:8.98:1قبول

متن و پیوند برند روی زمینه

متن — حداقل 4.5:1

پلهٔ 600؛ --brand-link همین مقدار است.

روشن:5.15:1قبول

تیره:11.75:1قبول

متن و پیوند برند روی کارت

متن — حداقل 4.5:1

روشن:5.24:1قبول

تیره:11.13:1قبول

متن دکمهٔ اصلی

متن — حداقل 4.5:1

زمینهٔ دکمه: پلهٔ 400 در تم روشن و پلهٔ 500 در تم تیره.

روشن:13.06:1قبول

تیره:6.47:1قبول

جفت‌های ممنوع

این‌ها در هیچ تمی به کار نمی‌روند، حتی جایی که عددشان بالاست: قاعده به نقش رنگ بسته است، نه به یک تم.

سبز برند به‌عنوان رنگ متن

ممنوع

برای متن به رنگ برند، پلهٔ 600.

روشن:1.96:1رد

تیره:9.25:1رد

سفید روی سبز برند

ممنوع

روی سبز فقط تیره.

روشن:1.99:1رد

تیره:1.99:1رد

لوگو و متن جایگزین

  • متن جایگزین لوگو «پرتو» است؛ نه «لوگوی پرتو» و نه «Parto logo». صفحه‌خوان خودش می‌گوید که تصویر است.
  • اگر لوگو پیوند به صفحهٔ اصلی است، نام پیوند مقصد را می‌گوید («صفحهٔ اصلی پرتو»).
  • PartoLogo یک نام دسترسی‌پذیر دارد و اجزای درونی‌اش پنهان‌اند، تا نام دو بار خوانده نشود.
  • لوگوی تزئینی کنار نام «پرتو» که همان را می‌گوید، متن جایگزین خالی می‌گیرد.

تصویر در شبکه‌های اجتماعی

  • هر تصویر پست متن جایگزین دارد که یافتهٔ اصلی را می‌گوید، نه شکل تصویر: «62٪ گفت‌وگوی کمپین مثبت بود»، نه «نمودار دایره‌ای».
  • هر متن مهمی که روی تصویر است، در متن پست هم می‌آید.
  • رنگ به‌تنهایی معنا را نمی‌رساند؛ برچسب کنار رنگ لازم است.

PDF و سند

  • PDF برچسب‌دار (tagged) منتشر می‌شود، با ترتیب خواندن درست و زبان سند فارسی.
  • متن، متن است، نه تصویر متن؛ جدول، جدول واقعی با سطر عنوان.
  • هر نمودار یک جملهٔ خلاصه دارد که یافتهٔ آن را می‌گوید.

ویدیو و پخش

  • ویدیو زیرنویس فارسی دارد؛ در ویدیوی بی‌صدا، متن روی تصویر همان کار را می‌کند.
  • پخش خودکار با صدا نداریم.
  • هیچ چیزی بیش از سه بار در ثانیه چشمک نمی‌زند.

چاپ

  • متن بدنه در گزارش چاپی کوچک‌تر از 10 پوینت نیست.
  • جفت‌های رنگ همین صفحه روی کاغذ هم رعایت می‌شوند؛ سبز برند روی کاغذ هم رنگ متن نیست.
  • پیش از چاپ نهایی، یک نسخهٔ خاکستری بگیرید: اگر معنایی فقط با رنگ منتقل شده، آنجا گم می‌شود.

در محصول

قاعده‌های رابط محصول مال سیستم طراحی‌اند و از دسترسی‌پذیری در مستندات پیروی می‌کنند. به اختصار:

  • اندازهٔ متن: متن 14 پیکسل، متادیتا 13 و زیرنویس و راهنمای فیلد 12 پیکسل؛ متن فارسی کوچک‌تر از 12 پیکسل نمی‌شود.
  • اندازهٔ هدف: دست‌کم 24 در 24 پیکسل (WCAG 2.2، معیار 2.5.8، سطح AA). در دسکتاپ دکمه و کنترل‌های دکمه‌مانند 30 پیکسل‌اند و فیلد فرم 38 پیکسل؛ در دستگاه لمسی هر کنترل دست‌کم 38 پیکسل است و دکمه، انتخابگر و دکمهٔ دوحالته ناحیهٔ لمس 44 پیکسلی دارند. جزئیات در اندازه و تراکم است.
  • کانون: حلقهٔ کانون خود سیستم طراحی؛ آن را حذف یا کم‌رنگ نکنید.

آخرین به‌روزرسانی