בנוף הדיגיטלי של היום, יישומים ניידים הם חלק בלתי נפרד לחיי היומיום, המשרתים כשערים לתקשורת, מסחר, חינוך ובידור, ועם זאת מיליוני משתמשים עם מוגבלויות נתקלים במחסומים כאשר יישומים אינם מעוצבים באופן בלעדי. נגישות נייד מבטיחה כי כל אחד - ללא קשר לויזואלי, השמעה, מוטורי, או יכולות קוגניטיביות - יכול לתקשר עם והטבות ספציפיות מהאפליקציית שלך.

הבנה של Mobile נגישות

נגישות נייד מתייחסת לפרקטיקה של תכנון ופיתוח יישומים כך שאנשים עם מוגבלויות יכולים לתפוס, להבין, לנווט, אינטראקציה איתם על טלפונים חכמים וטאבלטים. זה כולל משתמשים שמבוססים על קוראי מסך (כמו VoiceOver או TalkBack), אלה עם ראייה נמוכה הזקוקים לטקסט ניגוד גבוה ורחב, אנשים שהם חירשים או קשים שמיעה או תלויים באינדיקטורים חזותיים, אנשים עם ליקויים מוטוריים המשתמשים במכשירים או קולטי, וספקי קול, משתמשים קוגניטיביים, ויתרונות של שפה פשוטה.

הצורך ב נגישות סלולרית גדל.על פי ארגון הבריאות העולמי, מעל מיליארד אנשים ברחבי העולם חווים צורה כלשהי של נכות.כפי ששימוש במכשיר הנייד ממשיך לעלות, הבטחת גישה שוויונית היא לא רק זכות אנושית אלא גם מהלך עסקי חכם.מדינות רבות יש דרישות משפטיות - כגון האמריקאים עם מוגבלות חוק (ADA) בארה"ב וחוק הנגישות האירופאיות - המחייב גישה דיגיטלית להיכשל כדי לעמוד בתביעות משפטיות, כמו גם לקבל דירוגים חיוביים, לעתים קרובות, כגון יישומים גישה שלילית, ואבטחה שלילית, כמו גם.

עקרונות הליבה של עיצוב סלולרי כולל

מסגרת WCAG בנויה על ארבעה עקרונות ליבה, שלעתים קרובות זוכרים על ידי ראשי התיבות של Acronym Pour: Perceivable, Operable, Understandable, Robust.עקרונות אלה חלים ישירות על פיתוח יישומים ניידים.

המונחים:

רכיבי ממשק מידע ומשתמש חייבים להיות נוכחים למשתמשים בדרכים שהם יכולים לתפוס.זה אומר מתן חלופות טקסט עבור תוכן לא טקסט (למשל, תמונות, סמלים, קטעי וידאו), להבטיח שניתן להציג תוכן בדרכים שונות (למשל, שימוש בקוראים מסך לקרוא בקול רם), ולהפוך אותו לקל יותר עבור משתמשים לראות ולשמוע תוכן על ידי הצעת ניגודים מספיק, טקסט, טקסט, וכתוביות.

תגית:

רכיבי ממשק משתמשים וניווט חייבים להיות אופרות.זה דורש שכל הפונקציונליות תהיה זמינה ממקלדת (כולל באמצעות מחוות קורא מסך), כי למשתמשים יש מספיק זמן לקרוא ולהשתמש בתוכן, כי האפליקציה אינה גורמת להתקפים מתכנים הבזקים, וכי ניווט קל לשימוש במבנה עקבי.עבור נייד, זה אומר תמיכה, קול, והחלפת קלט ללא צורך בשליטה מוטורית.

הבנה

מידע ופעולת ממשק המשתמש חייבים להיות מובן.זה כולל שימוש בשפה ברורה וצפויה, מתן הוראות ולייבלים, המציע דפוסי ניווט עקביים, ולעזור למשתמשים להימנע ולתקן שגיאות.לדוגמה, הודעות שגיאה צריכות להסביר מה השתבש ואיך לתקן אותו, לא רק לדווח על קוד כשל.

רובוסט

התוכן חייב להיות חזק מספיק כדי להיות מתפרש באופן אמין על ידי מגוון רחב של סוכני משתמשים, כולל טכנולוגיות מסייעות.זה אומר שימוש ב- HTML או רכיבי פלטפורמה-native לחשוף תכונות נגישות, ובדיקה עם מכשירים עזר אמיתיים. as טכנולוגיות מתפתחות, עיצוב חזק מבטיח שהאפליקציות שלך תישאר נגישה בגרסאות עתידיות של מערכות הפעלה וכלים.

טיפים מעשיים עבור יישומי מובייל נגישים

בהתבסס על עקרונות אלה, הנה טיפים ספציפיים, מעשיים מאורגנים על ידי סוג נכות.כל טיפ כולל הדרכה יישום ומכשולים נפוצים כדי להימנע.

נגישות חזותית

  • (FLT:0)Provide טקסט חלופות לכל תוכן שאינו טקסט.FLT ( 1:1 כל תמונה, סמל, כפתור ווידאו חייב להיות טקסט altive או תווית נגישות.לדוגמה, סמל מצלמה צריך להיות תווית נגיש כמו "Take Photo" ולא רק "Icon" ב- iOS, להגדיר את ה-FLT:0; על אנדרואיד, להשתמש ב-FLT 1 ל-"לא ניתן להוסיף" את המקור ל"ד" אבל יש צורך" (לא ניתן להוסיף) אלא אם כן, אלא גם ל-" (לא ניתן להוסיף) ל-"דקודמתג') ל-icon.
  • (הופנה מהדף ההרחבה) ניגוד צבע מספיק.FLT:1ig WCAG דורש יחס ניגוד של לפחות 4.5:1 עבור טקסט רגיל ו 3:1 עבור טקסט גדול (18px ומעלה, או 14px נועז) להשתמש בכלים כגון FLT:2WebAIM Contrast CheckerFLT 3 כדי לאמת את לוח הצבעים שלך.
  • (FLT:0) דינמיקה סוג ומדפי פונטים (Gate Scaleing.emer.ve.FLT) 1:1 לאפשר למשתמשים להגדיל את גודל הטקסט מבלי לשבור את הפריסה. השתמש יחידות יחסיות (למשל, FLT:2 על אנדרואיד,FLT 3:3 על iOS) ולבחון את גודל נגישות שונה.לוודא כי כפתורים ותחומים קלים נותרו גדולים מספיק (לפחות 44x44 נקודות על iOS,48x) אפילו על גבי קשקשים על גבי קשקשים על גבי קשקשים.
  • (FLT:0) ניגוד גבוה ומצב אפל.I.veFLT:1) משתמשים רבים עם ראייה נמוכה מעדיפים ניגוד גבוה או נושאים אפלים.לוודא שהאפליקציות שלך מסתגלות להגדרות נגישות ברמה המערכתית כגון "אי-התגברות על קונטרסט" על iOS או "טקסט ניגוד גבוה" על אנדרואיד.תבדוק את UI שלך בשני מצבי אור וחשך כדי לשמור על יכולת קריאה.

נגישות

  • (FLT:0) כתוביות ותעתיקים לתוכן אודיו ווידאו.FLT:1 כל מולטימדיה צריך לכלול כיוויות מסונכרנות (לוידאו) ותעתיקים (לגבי אודיו בלבד) בנייד, להשתמש ב- Native Player Controls ולהבטיח כי כישרות הן ניתנות להחלפה וסטייל עבור קריאה.
  • (FLT:0) אינדיקטורים חזותיים עבור הודעות אודיו.BuildFLT:1; אם האפליקציה שלך משתמשת צלילים עבור התראות או התקדמות (למשל, צלצול באפליקציית תקשורת), לספק אלטרנטיבה חזותית כגון דפוס רטט, פלאשינג LED, או הודעת אנר. להימנע ביצוע השמעת משוב רק עבור פעולות קריטיות.
  • (FLT:0) הבטחת זיהוי דיבור והוראות קול לעבוד באופן אמין.FLT 1 אם האפליקציה שלך כוללת קלט קולי (למשל, דיקטציה), מבחן עם מבטאים מגוונים ובסביבות רועשות, לספק הפניות ברורות וטיפול שגיאות כאשר ההכרה הקולית נכשלת.
  • (FLT:0) ללא השמע אוטומטי.FLT:1 לעולם אל תנגן אודיו באופן אוטומטי אלא אם המשתמש מבקש זאת במפורש.אם אתה חייב לשחק אוטומטית, תעצור מיד אם המשתמש אינטראקציה עם האפליקציה ויאפשר קל לשימוש / הפסקת.

נגישות מוטור

  • (FLT:0)עיצוב מטרות גדולות, קלות ל-tap.emve.FLT ( 1:1 Adhere to מינימום מגע גדלים (3x44 נקודות עבור iOS, 48x48dp עבור אנדרואיד) להבטיח מספיק ספיגה בין אלמנטים ניתן ל-Fpable כדי למנוע הזנות מקריות. עבור שקופיות ופורצים, לספק שיטות קלט חלופיות כגון כניסה טקסט ישיר או כפתורים.
  • Support multiple input methods. In addition to touch, users may rely on keyboard (with or without on-screen keyboards), mouse, switch devices, eye tracking, or voice control. Use platform APIs (e.g., UIAccessibility on iOS, AccessibilityNodeInfo on Android) to expose custom actions. For example, a swipe-to-delete gesture should also be available via a long-press menu or adedicated delete button.
  • (FLT:0) ללא אינטראקציות מוגבלות בזמן.FLT:1 לא דורש ממשתמשים להשלים פעולה בתוך חלון זמן קצר (למשל, הודעה להיעלם) אם מגבלות זמן הכרחיות (למשל, עבור אבטחה), לספק אפשרויות להאריך או להשבית את הגבלת הזמן.
  • (הופנה מהדף ניהול וניווט נכון של ההרחבה:0) כאשר עוברים דרך האפליקציה באמצעות קורא מסך או מקלדת, סדר המיקוד צריך לעקוב אחר רצף הגיוני (שמאל-ימין, עליון-to- ⁇ ) השתמש ב-FLT 6 או FLT 7/FLT:8 כדי להתמקד.

נגישות קוגניטיבית

  • (FLT:0) שפה פשוטה, פשוטה.FLT:1) לכתוב כותרות, הוראות והודעות שגיאה. להימנע מרגנון או תנאים טכניים אלא אם כן יש צורך, ולאחר מכן לספק הסברים. השתמש בקול פעיל ולשבור משימות מורכבות לצעדים קטנים יותר.
  • (FLT:0) שימור ניווט עקבי ופריסה.FreaLT:1) השתמש במבנה צפוי לאורך האפליקציה.לדוגמה, תמיד להציב את בר החיפוש בראש, כפתור הגב משמאל, ופעולות ראשוניות בתחתית. להימנע משינוי המשמעות של איקונים סטנדרטיים (למשל, סמל הילוכים צריך תמיד להיות הגדרות).
  • (FLT:0) לספק עזרה והדרכה קלה-ל-ל-ל-ל-מציאת עזרה והדרכה.FLT ( 1) כולל סעיף עזרה או משככי כלים קונטקסטואליים.עבור טפסים, להציע אימות קונטי המסביר שגיאות בשפה פשוטה. השתמש ב- Auto Complete והצעות כדי להפחית את המאמץ הקלדה.
  • (FLT:0) מותאמים אישית ואישון (FLT:1 ), לאפשר למשתמשים להתאים את גודל הגופן, ערכות צבעים, ופשט את הפריסה (למשל, לעטות מבט פשוט) חלק מהמשתמשים עם גירעון תשומת לב נהנים ממגב הראייה החזותית מופחתת.
  • (FLT:0)Afree Changing or Animated content.FreaLT:1 , carousels, ו auto-scrolling יכול להיות מוסחת או מרתיעה.ספק כפתור הפסקה / עצירה ולכבד את מערכת היחסים של המשתמש "Reduce Motion" הגדרת נגישות.

מינוף ממשק APIs נגישות

Modern mobile operating systems provide robust accessibility APIs that, when used correctly, dramatically improve the experience for users with disabilities. Here are some key features to implement:

iOS (UIKit & SwiftUI)

  • (ב) [ה]התווית גישה, הינט וטריטס: ⁇ [ה]: [ה], [ה], [ה], [ה],] ⁇ [ה], [ה],] , [לדוגמא: [ה], [ה], [ה],], [ה]], [ה'], [ה'],], [ה'], [ה'], [ה'], [ה']],], [ה'], [ה'], [ה'], [ה'], [ה'], [ה'], [ה'], [ה'], [ה'],],], [ה'], [ה'], [ה'], [ה'], [ב'], [ה'],], [ה'], [ה'],], [ה'], [ה'], [ה'],], [ה'], [ה'], [ה'], [ה'], [ה'], [ה']'], [ה'
  • (ב) ,0) פעולות: (הראשונה ל"מ"ד) למחווה כמו ניצוץ למחוק, להוסיף פעולות ריקטור מותאמות אישית (למשל, אפשרות "מחק" בטור).
  • (ב) [15] ,ב"ה, ב[[1924]], [[1924]]]], [[1924]]]]]], [[1924]]]]]], [[1924]]]]]]]]]]
  • (FLT:0)Reduce Motion:FLT:1 Detect אם המשתמש יכול "לחנך את התנועה" ו-"מממנפשות מיותרות"
  • (ב) ויקרא י"א: ויקרא י"ד: "בְּאֶת הָאָרֶץ אֱלֹהִים" (במדבר כ"ד)

אנדרואיד (Jetpack Compose and View System)

  • (ב) ויקרא י"א: "א', ב' (ב) ב'"ב)" (ב"ב)" (ב"ב)"ב)" (ב"ב)"ב[[1924]], ב[[1924]], [[1924]]]]
  • (ב) ויקרא י"א: "וְאַבְהִיא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא" (בראשית כ"ד, כ"ד).
  • (ב) ,0) פעולות: התגלות 1 (ב) , התגלות (בשיתוף פעולה) באמצעות פעולות מותאמות אישית (FLT:21 , ).
  • (ב) ,0) ,(ה) , ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇
  • (FLT:0Switch Access:FLT:1) ודא שכל אלמנט אינטראקטיבי ניתן להגיע באמצעות סריקה סיונטית (המרכז או מתג).

תמיד לבדוק את היישום שלך עם טכנולוגיות מסייעות אמיתיות.להפוך על VoiceOver (לחיצת צד של לחץ על iOS) או TalkBack (Settings > נגישות > שיחה Back) ולניווט את האפליקציה שלך כמשתמש היה מציין כל אלמנטים כי הם מלגלגזים, לא מופרכים, או לא מוכנים.

בדיקות ואימות

בדיקות נגישות צריכות להשתלב בזרימת העבודה של הפיתוח שלך מההתחלה, לא להשאיר כבדיקה סופית.שלב כלים אוטומטיים עם בדיקות ידניות, והכי חשוב, בדיקות משתמשים עם אנשים שיש להם מוגבלויות.

כלי בדיקה אוטומטיים

  • (ב) [15] ,5 ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇
  • (FLT:0) המפקח נגישות של אפל:1 (ב Xcode): אודיטס iOS יישומים בנושאים משותפים כמו תוויות חסרות, ניגודיות לא מספקת ותכונות לא נכונות.
  • (FLT:0) Lighthouse ב-Chrome DevtoolsFLT:1 (עבור יישומים ניידים מבוססי אינטרנט): בודקים PWA או תאימות לאינטרנט סלולרי עם כללי נגישות.
  • (ב) [15] ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇

שימו לב כי כלים אוטומטיים תופסים רק 30% מבעיות נגישות, הם לא יכולים לקבוע אם התווית היא משמעותית או אם ניווט הוא הגיוני.

בדיקה ידנית Checklist

  • מבחן עם קוראי מסך: VoiceOver (iOS) ו-TalkBack (אנדרואיד) לנווט כל מסך ללא חזון (עיניים סגורות).
  • מבחן עם ניווט רק מקלדת (iOS: Voice control; Android: Switch Access) להבטיח את כל האלמנטים ניתן להגיע.
  • להגדיל את גודל הטקסט למקס ולאמת שום תוכן אינו מחוספס או חופף.
  • ניגוד גבוה ומנעו צבעים מצבי; בדקו את יכולת הקריאה.
  • צמצום התנועה ולהבטיח שהאנימציה תפסיק או מוחלפת עם שינויים סטטיים.
  • מבחן עם סימולטורים עיוורון צבעים (למשל, מובנה ב-iOS Simulator, תיקון צבע אנדרואיד).
  • בדוק עם משתמש המסתמך על טכנולוגיה מסייעת (אם אפשר) כדי לחשוף בעיות בעולם האמיתי.

• כישלונות נגישות נפוצים להימנע

  • תמונות ללא טקסט חלופי (צילום: יח"צ)
  • שדות ללא ההרחבה (FLT:28 או טקסט בעל מקום נעלם).
  • מחוות מכס שאין להן אלטרנטיבה (למשל, לקשור ללא כפתור.
  • טקסט ניגוד נמוך ( ⁇ על אור אפור) - תמיד לבדוק יחס.
  • רכיבים אינטראקטיביים שאינם מרוכזים (למשל, FLT:29 עם מחוות הקש לא להיחשף כזמין).
  • שינויים או פופוברים שמלכודת מתמקדים באופן לא נכון או לא מכריזים על המראה שלהם.

משאבים ויחס

כדי להעמיק את הידע שלך ולשמור על סטנדרטים מתפתחים, לחקור את המשאבים הבאים:

  • (ב) .0.WCAG 2.2 הנחיות ל- 1:1 - תקן בינלאומי עבור נגישות לאינטרנט ולנייד.
  • (FLT:0) אפל הנחיות ממשק האדם - נגישות 1FLT - הדרכת עיצוב iOS הרשמית.
  • (FLT:0) Google Materials DesignBuildFLT:1 - שיטות הטובות ביותר עבור אנדרואיד ופלטפורמות לוחיות יישומים.
  • (ב) ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇
  • (ב) ,0) גישה לפיתוח יישומים (Proofative Developer GuideFLT:1) - הדרכות המונעות על ידי הקהילה ודוגמאות קוד.

מסקנה

תכנון נגישות ניידות הוא מחויבות מתמשכת, לא משימה חד פעמית. על ידי הטמעת שיטות בלעדיות בתהליך העיצוב והפיתוח שלך, אתה יוצר יישומים המשרתים קהל רחב יותר ולספק חוויה טובה יותר עבור כולם.התחל עם עקרונות, ליישם יישומי API ספציפיים פלטפורמה, לבדוק קפדנית עם שני הכלים והמשתמשים האמיתיים, והוא מבוסס על משוב.