مصاحبه شغلی باعث تعجب من شد که آیا برنامه های تلفن همراه واقعاً فراگیر هستند

، این تضمین می کند که آنها به عنوان یک عنصر تعاملی شناخته می شوند. به طور مشابه ، در React Native ، هنگامی که شما تنظیم می کنید AccessibilityRole = “دکمه” در الف TouchableOpacity ، این به خوانندگان صفحه می گوید که مانند یک دکمه رفتار می کند.

علاوه بر این ، بسیاری از مشکلات دسترسی از برچسب زدن ضعیف ناشی می شود. خوانندگان صفحه نمایش غالباً به توضیحات واضح و معنی دار متکی هستند تا به کاربران مختل بینایی در درک عناصر برنامه کمک کنند. اگر این کار در هنگام تهیه برنامه خود وجود ندارد ، در دسترس بودن برنامه برای همه بسیار دشوار است.

برخی از غرفه ها (برچسب ها) می توانید از این موارد استفاده کنید:

  • AccessibilityLabel: این برای ارائه توضیحات معنی دار از عناصر UI در برنامه شما استفاده می شود.
  • AccessibilityRole: این هدف از یک مؤلفه را تعریف می کند. به عنوان مثال ، اگر این یک هدر یا یک دکمه باشد.
  • AccessIbilityHint: با استفاده از دسترسی به hint ، می توانید زمینه دیگری را در مورد آنچه تعامل انجام خواهد داد ، ارائه دهید.

بگذارید نمونه ای از چگونگی تنظیم برخی از برچسب ها در یک مؤلفه TouchableOpacity را برای یک برنامه React Native مشاهده کنیم.


  
    Press me!
  

قطعه ای که نشان می دهد چگونه برچسب های قابل دسترسی و دسترسی را به یک عنصر در React Native تنظیم می کنید.

اگر می خواهید نقش یک عنصر را تعیین کنید ، این نیز یک نمونه است


Submit

تنظیم نقش بر روی یک عنصر به خواننده صفحه نمایش کمک می کند و به وضوح هدف دکمه را به …

Source link