دسترس‌پذیری، دسترس‌پذیری، دسترس‌پذیری، دسترس‌پذیری

طراحی تصویر قهرمان تزئینی مایل به سبز

طبق گزارش سال 2011 سازمان بهداشت جهانی (WHO) و بانک جهانی ، تقریباً 15 درصد از جمعیت جهان - یعنی تقریباً یک نفر از هر شش نفر - در طول زندگی خود دچار ناتوانی قابل توجه یا موقت می شوند. بنابراین، دسترسی در طراحی برای ایجاد یک برنامه جامع، قابل استفاده و با کیفیت بسیار اساسی است – این برنامه به بهترین نتایج برای کاربران منجر می شود و می تواند از دوباره کاری پرهزینه جلوگیری کند. Android با ویژگی‌های متنوعی عرضه می‌شود تا به شما کمک کند برنامه خود را طوری بسازید که به طور پیش‌فرض از گزینه‌های دسترس‌پذیری پشتیبانی کند.

طراحی برای بینایی

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

این دستورالعمل ها را برای طراحی برای دسترسی به دید دنبال کنید.

  • برای اینکه کاربران بتوانند اندازه قلم را تنظیم کنند، اندازه قلم را با پیکسل های مقیاس پذیر مشخص کنید (sp)
  • اندازه بدن را کوچکتر از 12 sp نکنید. این دستورالعمل با مقیاس نوع Material به عنوان پیش فرض مطابقت دارد.
  • اطمینان حاصل کنید که کنتراست بین پس زمینه و متن حداقل 4.5:1 باشد. نحوه بررسی کنتراست رنگ را بیاموزید .
  • از نسبت 3:1 بین سطوح و عناصر غیر متنی استفاده کنید. به عنوان مثال، نسبت یک پس زمینه به یک نماد 3:1 خواهد بود.
  • برای اقداماتی مانند پیوندها از بیش از یک هزینه بصری استفاده کنید.

از سیستم رنگی Material's Accessible استفاده کنید. این سیستم رنگی مبتنی بر پالت‌های تونال است و به طور پیش‌فرض برای دسترسی به طرح‌های رنگی مرکزی است.

دو بلوک متن وجود دارد. بلوک اول به رنگ زیتونی تیره است در حالی که بلوک متن دوم به رنگ خاکستری تیره است.        هر دو روی یک پس‌زمینه بسیار تیره (تقریبا سیاه) پوشانده شده‌اند. پیام‌های متن زیتونی تیره نشان می‌دهد که در تن «اصلی 30» است و در آزمون نسبت 1.83:1 مردود است. پیام‌های متن خاکستری نشان می‌دهند که این متن با صدای «خنثی40» است و همچنان در تست نسبت با نسبت 2.65:1 رد می‌شود.
شکل 1: نمونه ای از متن با عدم تضاد رنگ

طراحی برای صدا

TalkBack یک صفحه‌خوان Google است که در دستگاه‌های Android گنجانده شده است که به کاربران امکان کنترل بدون چشم را می‌دهد. می‌توانید با کاوش در برنامه خود با TalkBack یا با اسکنر A11y، آن را به صورت دستی آزمایش کنید.

این دستورالعمل ها را دنبال کنید تا مطمئن شوید برنامه شما برای صفحه خوان ها آماده شده است:

  • عناصر UI را در کد خود شرح دهید . Compose از ویژگی‌های Semantics برای اطلاع رسانی به سرویس‌های دسترس‌پذیری درباره اطلاعات نشان‌داده‌شده در عناصر UI استفاده می‌کند.
  • برای برآوردن الزامات چارچوب Android، توضیحات متنی اضافی از نمادها و تصاویر ارائه دهید.
  • توضیحات اقلام تزئینی را روی null قرار دهید.
  • برای اجازه دادن به پرش بین بلوک‌های کنش‌ها و محتوا، جزئیات UI و عناصر UI گروه را در نظر بگیرید.

Material's Design to Implementation Walk را بررسی کنید که با استفاده از دستورالعمل‌های دسترسی به محتوای وب (WCAG) ملاحظات دسترسی و نشانه‌گذاری را راهنمایی می‌کند.

شکل 2: عناصر رابط کاربری برچسب‌گذاری شده برای دسترسی: عنوان، پنهان کردن تصویر تزئینی و برچسب دکمه

طراحی برای صدا

اندروید ویژگی‌هایی را ارائه می‌کند که کاربران را قادر می‌سازد تا از طریق انواع دستورات صوتی و پرس و جو با دستگاه‌های خود تعامل داشته باشند.

برنامه دسترسی صوتی برای Android به شما امکان می دهد دستگاه خود را با دستورات گفتاری کنترل کنید. از صدای خود برای باز کردن برنامه ها، پیمایش و ویرایش متن به صورت هندزفری استفاده کنید.

طراحی برای مهارت حرکتی

دسترسی سوئیچ به کاربران امکان می دهد با استفاده از یک یا چند دستگاه با دستگاه Android شما تعامل داشته باشند، که می تواند برای کاربران با مهارت محدود که در تعامل مستقیم با صفحه لمسی مشکل دارند مفید باشد.

با کاوش دسترسی سوئیچ به صورت دستی تست کنید.

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

،
طراحی تصویر قهرمان تزئینی مایل به سبز

طبق گزارش سال 2011 سازمان بهداشت جهانی (WHO) و بانک جهانی ، تقریباً 15 درصد از جمعیت جهان - یعنی تقریباً یک نفر از هر شش نفر - در طول زندگی خود دچار ناتوانی قابل توجه یا موقت می شوند. بنابراین، دسترسی در طراحی برای ایجاد یک برنامه جامع، قابل استفاده و با کیفیت بسیار اساسی است – این برنامه به بهترین نتایج برای کاربران منجر می شود و می تواند از دوباره کاری پرهزینه جلوگیری کند. Android با ویژگی‌های متنوعی عرضه می‌شود تا به شما کمک کند برنامه خود را طوری بسازید که به طور پیش‌فرض از گزینه‌های دسترس‌پذیری پشتیبانی کند.

طراحی برای بینایی

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

این دستورالعمل ها را برای طراحی برای دسترسی به دید دنبال کنید.

  • برای اینکه کاربران بتوانند اندازه قلم را تنظیم کنند، اندازه قلم را با پیکسل های مقیاس پذیر مشخص کنید (sp)
  • اندازه بدن را کوچکتر از 12 sp نکنید. این دستورالعمل با مقیاس نوع Material به عنوان پیش فرض مطابقت دارد.
  • اطمینان حاصل کنید که کنتراست بین پس زمینه و متن حداقل 4.5:1 باشد. نحوه بررسی کنتراست رنگ را بیاموزید .
  • از نسبت 3:1 بین سطوح و عناصر غیر متنی استفاده کنید. به عنوان مثال، نسبت یک پس زمینه به یک نماد 3:1 خواهد بود.
  • برای اقداماتی مانند پیوندها از بیش از یک هزینه بصری استفاده کنید.

از سیستم رنگی Material's Accessible استفاده کنید. این سیستم رنگی مبتنی بر پالت‌های تونال است و به طور پیش‌فرض برای دسترسی به طرح‌های رنگی مرکزی است.

دو بلوک متن وجود دارد. بلوک اول به رنگ زیتونی تیره است در حالی که بلوک متن دوم به رنگ خاکستری تیره است.        هر دو روی یک پس‌زمینه بسیار تیره (تقریبا سیاه) پوشانده شده‌اند. پیام‌های متن زیتونی تیره نشان می‌دهد که در تن «اصلی 30» است و در آزمون نسبت 1.83:1 مردود است. پیام‌های متن خاکستری نشان می‌دهند که این متن با صدای «خنثی40» است و همچنان در تست نسبت با نسبت 2.65:1 رد می‌شود.
شکل 1: نمونه ای از متن با عدم تضاد رنگ

طراحی برای صدا

TalkBack یک صفحه‌خوان Google است که در دستگاه‌های Android گنجانده شده است که به کاربران امکان کنترل بدون چشم را می‌دهد. می‌توانید با کاوش در برنامه خود با TalkBack یا با اسکنر A11y، آن را به صورت دستی آزمایش کنید.

این دستورالعمل ها را دنبال کنید تا مطمئن شوید برنامه شما برای صفحه خوان ها آماده شده است:

  • عناصر UI را در کد خود شرح دهید . Compose از ویژگی‌های Semantics برای اطلاع رسانی به سرویس‌های دسترس‌پذیری درباره اطلاعات نشان‌داده‌شده در عناصر UI استفاده می‌کند.
  • برای برآوردن الزامات چارچوب Android، توضیحات متنی اضافی از نمادها و تصاویر ارائه دهید.
  • توضیحات اقلام تزئینی را روی null قرار دهید.
  • برای اجازه دادن به پرش بین بلوک‌های کنش‌ها و محتوا، جزئیات UI و عناصر UI گروه را در نظر بگیرید.

Material's Design to Implementation Walk را بررسی کنید که با استفاده از دستورالعمل‌های دسترسی به محتوای وب (WCAG) ملاحظات دسترسی و نشانه‌گذاری را راهنمایی می‌کند.

شکل 2: عناصر رابط کاربری برچسب‌گذاری شده برای دسترسی: عنوان، پنهان کردن تصویر تزئینی و برچسب دکمه

طراحی برای صدا

اندروید ویژگی‌هایی را ارائه می‌کند که کاربران را قادر می‌سازد تا از طریق انواع دستورات صوتی و پرس و جو با دستگاه‌های خود تعامل داشته باشند.

برنامه دسترسی صوتی برای Android به شما امکان می دهد دستگاه خود را با دستورات گفتاری کنترل کنید. از صدای خود برای باز کردن برنامه ها، پیمایش و ویرایش متن به صورت هندزفری استفاده کنید.

طراحی برای مهارت حرکتی

دسترسی سوئیچ به کاربران امکان می دهد با استفاده از یک یا چند دستگاه با دستگاه Android شما تعامل داشته باشند، که می تواند برای کاربران با مهارت محدود که در تعامل مستقیم با صفحه لمسی مشکل دارند مفید باشد.

با کاوش دسترسی سوئیچ به صورت دستی تست کنید.

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