נגישות המרכז המסחרי שבו נמצא בית המרקחת:

מעלה משופע לכסאות גלגלים עם מעקה תמיכה בשני הצדדים:

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

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

 ספסל ישיבה ברחבת המרכז: 

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

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

כיסא מונגש לטובת המתקשים בעמידה ממושכת:

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

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

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

א. INFINITE SCROLLING בעמודי הקטגורייה הוחלף בניווט רגיל מסורתי של דף הבא.

ב. AUTOCOMPLETE DROPDOWN של תוצאות החיפוש בוטל.

ג. חלון צף של עגלת הקניות בוטל.

ד. סליידר פירסומות בדף הבית בוטל

ה. סליידר מוצרים נילוים מבוסס אפקטים וTOUCH, הוחלף ברשימת מוצרים נילווים פשוטת מבוססת HTML

 

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

4. תמונות קיבלו תגית ALT עם משמעות בצורה ידנית ומדוייקת.

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

6. בוצעו שינויים בCSS והגדרות הדף כדי להבטיח שניתן לבצע זום באמצעות הטלפון עד לגודל של 200% ללא פגיעה בנראות או בפונקציונליות.

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

8. כותרות H4 שהיו ריקות עכשיו מכילות תוכן

9. בוטל ה CSS של decoration כדי שכל הקישורים יודגשו עם קו תחתון, גם בלי הפעלת התוסף הנגשה.

10. לכל אירועי mouseout mouse down mouse move וכו' צומדו אירועים מקבלים כגול onblur , onfocus, onfocus out לצורך תמיכה נכונה בניווט על ידי מקלדת בלבד. 

11. תוקנו כפילויות של ID, כעת לכל רכיב יש מזהה ייחודי, כדי להקל על עבודת קורא המסך. 

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

13. טבלאות מסויימות הומרו לטקסט רגיל כדי להקל על קורא מסך

14. ועוד ועוד ועוד..

בקישור הבא: https://acsbace.com/reports/623068ced8c77504d0e94d9f

ניתן לעיין בדוח מפורט של מבחן נגישות ברמת AA בשם ACE לאתר פארמה פלוס.

בסירטון היוטיוב הבא: https://www.youtube.com/watch?v=Lluhu0AsOi0

ניתן לראות איך כל דפי האתר המרכזיים עוברים בהצלחה את מבחן AXE המחמיר מבית חברת DEQUE  ללא שגיאות מהותיות, אפילו בלי הפעלת תוסף הנגישות!

בסירטון היוטיוב הבא: https://www.youtube.com/watch?v=f_pWH4yPJ5g

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

בסירטון היוטיוב הבא: https://www.youtube.com/watch?v=iT9KU9hifoQ

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

בסירטון יוטיוב הבא: https://www.youtube.com/watch?v=5gAc7Awogn8

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

בסירטון יוטיוב הבא: https://www.youtube.com/watch?v=vDAN1xTND_Y

ניתן לראות ולשמוע כיצד שגיאות קלט בתהליך הצ'ק אאוט מועברות בצורה ברורה לקורא המסך על ידי תגיות אריה.

בסירטון יוטיוב הבא: https://www.youtube.com/watch?v=f69zl4ygEUs

ניתן לראות כיצד הדפים המרכזיים באתר עוברים את מבחן הנגישות SORTSITE של חברת POWERMAPPER (מלבד כמה false positives שנבדקו והם חסרי משמעות)

בסירטון יוטיוב הבא: https://youtu.be/0hcWidH8zZI

ניתן לראות את האתר עובר את מבחן הנגישות SITEIMPROVE (מלבד false positive אחד שהוכח שהוא שגוי)

 

 

בנוסף,  להלן מבחן WAVE שצולח ללא שגיאות:

 

הנגשת מסמכים

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

  מדריך למשתמש בתפריט הנגישות:

להלן הסבר על התקיימות הנחיות ברמה AA:

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

 כל התמונות באתר פארמה פלוס מתוייגות עם תגית ALT

 

 1.21-1.25 מדיה מבוססת זמן:

 אתר פארמה פלוס אינו מכיל אודיו.

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

 

1.3.1

 הנחיה 1.3 ניתן להתאמה: יש לבנות תכנים הניתנים להצגה בדרכים שונות (למשל מתווה פשוט יותר) ללא איבוד מידע או מבנה.

 כתיבת קוד סמנטי:

א. כותרות: שימוש <h1> to <h6> לזהות כותרות

ב. רשימות: שימוש <ul>, <ol>, and <dl>לרשימות או קבוצות של קישורים (כולל תפריטים)

ג. טקסטים מיוחדים: שימוש בסימון סמנטי כדי לסמן טקסט מודגש או מיוחד (לדוגמא <strong>, <code>, <abbr>, <block quote>)

ד. טבלאות: שימוש בסימון טבלה להצגת מידע טבלאי (TH לתאי כותרת או scope attribute), וכן שימוש ב caption elements כדי לשייך כותרת טבלת נתונים עם טבלת נתונים, וב Summary element בהתאם לצורך.

ה. טפסים: שימוש label elements לשייך תוויות טקסט עם פקדי טופס. מתן תיאור עבור קבוצות של פקדי טופס באמצעות קבוצת שדות וlegend elements.

ו. אזורים בעמוד: אזורים בעמוד (תפריט ניווט, איזור ראשי וכד') מוגדרים באמצעות landmarks (רצוי)

 

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

 

הנחיה 1.3 ניתן להתאמה - 

קיימת הפרדה מלאה בין תוכן לתצוגה על ידי שימוש ב CSS

קיימת הפרדה מלאה בין תוכן לתצוגה על ידי שימוש ב CSS

העיצוב של אתר פארמה פלוס מושג על ידי CSS ואפשר לגלוש באתר גם אם CSS לא מופעל

 

1.3.2

רצף בעל משמעות

 הרצף של האתר נבדק על ידי קורא מסך והוא בעל משמעות.

 1.3.3

מאפייני חישה

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

הוראות אינן מסתמכות על סאונד (לדוגמא, המתן להישמע צפצוף כדי לעבוד לשלב הבא).

 אין שום הוראה באתר פארמה פלוס המסתמכת על צבע או צורה

  1.4.1

 שימוש בצבע

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

ב. צבע אינו המבחין היחידי לסימון קישורים. אלא אם כן הבדלי הצבע בין הקישור לטקסט רגיל הוא 1:3 ועיצוב קישור משתנה במרכיב נוסף מלבד צבע on mouse over ו on focus (לדוגמא underline) .

 רב הקישורים באתר משתנים מצבע שחור לאדום בעת MOUSE HOVER.

יש להפעיל את מצב "הדגשת קישורים" בסרגל הנגישות לצורך התקיימות הקריטריון!

 1.4.2

 שליטה באודיו

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

 אין באתר אודיו – הסעיף לא רלוונטי

 1.4.3

קונטרסט

קונטרסט - עבור כל הטקסטים בעמוד - יחס-קונטרסט של לפחות 4.5:1 בטקסט רגיל. בטקסט גדול (over 18 point or 14 point bold) יחס של לפחות 3:1

(למעט: לוגו, טקסטים המשמשים כרקע לתמונה, טקסטים שלא נראים לאף אחד)

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

 יש להפעיל את מצב "ניגודיות גבוהה" או "פרופיל מגבלות ראייה" כדי להבטיח תצוגה בהתאם לקריטירון!

 1.4.4

הגדלת טקסט - כאשר מגדילים את הטקסט ב 200% (פי 2) אין פגיעה במידע ובפונקציונאליות של

 העמוד.

אתר פארמה פלוס פועל תקין בטקסט 200%

 1.4.5

 תמונות של טקסט

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

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

  2.1.1

 הנחיה 2.1 מקלדת נגישה: יש לאפשר תפקוד מלא ממקלדת.

 יש להפעיל את פרופיל "ניווט מקלדת" כדי לעמוד בקרטירון.

 2.1.2

מלכודות מקלדת

הדף אינו כולל "מלכודות מקלדת" (אלמנטים שניתן להגיע אליהם באמצעות המקלדת אך לא ניתן לנווט מהם הלאה)

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

 2.2.1

הנחיה 2.2 זמן מספיק: יש לתת למשתמשים מספיק זמן לקרוא ולהשתמש בתכנים.

 לא רלוונטי – שום אלמנט באתר לא מוגבל בזמן

 2.2.2

 הפסקה, עצירה, הסתרה

יש להפעיל את מצב "עצירת אנימציות" כדי לעצור את באנר המוצרים בעמוד הראשי. אין עוד אלמנטים מונפשים באתר.

 2.3.1

הבהוב וריצוד

אין הבהוב או ריצוד על במסך בקצב של יותר משלוש פעמים בשנייה או general flash and red flash thresholds.

לא ידוע על אלמנטים מהבהבים אולם ליתר ביטחון יש להפעיל את מצב "פרופיל ידידותי לאפילפסיה"

 2.4.1

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

הימצא.

 ניתן להשתמש"תפריט ניווט באתר" בסרגל הנגישות, המאפשר לנווט לכל האיזורים החשובים.

  2.4.2

- הנחיה 2.4 ניתן לניווט – כותרת דף

 

אנא לחצו בסרגל הנגישות על "תפריט ניווט באתר – ראש הדף"

 2.4.3

 -הנחיה 2.4 ניתן לניוט – FOCUS ORDER

 

יש להפעיל את פרופיל "ניווט מקלדת" כדי לעמוד בקרטירון.

 2.4.4

 הנחיה 2.4 ניתן לניווט

 מטרת הקישור (מתוך הקשר)

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

  2.4.5

 ריבוי דרכים לאיתור דף באתר - יש יותר מדרך אחת להגיע לעמוד (אלא אם הוא שלב בתהליך או תוצאה של תהליך): דרכים אפשריות - מפת אתר, מנגנון חיפוש, תוכן עניינים, תפריט המכיל את כל העמודים באתר, bookmarks במסמכי PDF.

 כל הדפים באתר נגישים מעמוד מפת אתר:

 https://pharmaplus.co.il/sitemap/

 2.4.6

 - הנחיה 2.4 ניתן לניווט

כותרות ותוויות

 כל הכותרות באתר הן של המוצר או הקטגורייה.

 2.4.7 – פוקוס נראה לעין

 יש לבחור באופציית "הדגשת פוקוס" בסרגל הנגישות לצורך התקיימות הקריטריון.

 2.4.10

כותרות לקטעים

יש לבחור באופציית "משתמשים עיוורים – קורא מסך" כדי לוודא שהקוד יכיל כותרות לקטעים

 3.1.1

 השפה בדף - שפת כתיבה - בעמוד מוגדרת שפת הכתיבה (עברית, ערבית, אנגלית) ב HTML TAG. לדוגמא "Lang="he

 שפת הכתיבה באתר מוגדרת בהתחלת הHTML של הדף: 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="he" lang="he">

 

 

 

 

3.1.2

השפה בחלקים בעמוד

 The human language of each passage or phrase in the content can be programmatically determined except for proper names, technical terms, words of indeterminate language, and words or phrases that have become part of the vernacular of the immediately surrounding text.

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

 3.2.1

on focus

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

 שום פוקוס באתר לא גורם פתיחת חלון חדש / העברת מוקד

 3.2.2

on input

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

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

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

 מתקיים.

 3.2.4 זיהוי רכיבים באופן זהה - כל רכיבי ממשק המשתמש המופיעים במספר רב של עמודים מזוהים באופן זהה

מתקיים.

 3.3.1

3.3.3

 הודעות שגיאה - בטופס אם ניתן לזהות שגיאות של המשתמש באופן אוטומטי מופיעה הודעת שגיאה טקסטואלית

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

הודעת השגיאה מזוהה גם על ידי קוראי מסך

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

 3.3.2

 כאשר המשתמש נדרש להזין מידע מסופקות לו תוויות והוראות

מתקיים. בעמוד הצ’ק אאוט יש הוראות בצד שמאל של המסך לגבי התהליך.

 3.3.4 מניעת שגיאות (משפטי, פיננסי נתונים)

אין באתר טפסים של התחייבויות משפטיות ופיננסיות – לא רלוונטי

 4.1.1

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

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

 4.1.2

שם תפקיד וערך

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

ב. כמו כן, לכל frame ו iframe יש title המתאר את מטרתו

 מתקיים, יש להפעיל מצב "קורא מסך" בסרגל הנגישות