1. WCAG 2

2. WCAG 2

3. WCAG 2 עקרון 1: Perceivable מידע נתפס מידע ומרכיבי ממשק חייבים להיות מוצגים כך שהמשתמשים יוכלו לתפוס ( perceive ) אותם

4. WCAG 2 הנחיה 1.1: חלופה טקסטואלית יש לספק חלופות טקסטואליות לתכנים שאינם טקסטואליים

7. WCAG 2 הנחיה 1.1: חלופה טקסטואלית ◦ לתרגיל או בוחן שאין לו משמעות בצורה טקסטואלית יש לתת תיאור מילולי .

8. WCAG 2 הנחיה 1.1: חלופה טקסטואלית CAPTCHA חייבת להינתן בצורות חלופיות עבור אנשים עם צורות שונות של הפרעות של תפיסה .

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

11. WCAG 2 הנחיה 1.2: לספק חלופות לתוכן מולטימדיה . . • לספק כתוביות לכל התכנים של האודיו בצורה מסונכרנת

12. WCAG 2 הנחיה 1.2: לספק חלופת תוכן אלטרנטיבי למולטימדיה . עבור כל תכני האודיו המוקלטים מראש ניתן תרגום לשפת סימנים בצורה מסונכרנת .

13. WCAG 2 1.3. כושר הסתגלות .( Adaptable ) יש לבנות תכנים הניתנים להצגה בדרכים שונות ללא איבוד מידע או מיבנה .

14. WCAG 2 1.3. כושר הסתגלות . מידע וקשרים : מידע , מבנה , וקשרים הנמסרים באמצעות הצגה ניתנים לזיהוי ע '' י תוכנה או שהם זמינים כטקסט . ( שכבת הפרזנטציה )

15. WCAG 2 1.3. כושר הסתגלות רצף בעל משמעות : אם רצף וסדר קריאת המידע חשוב להבנה , זה חייב להיות ברור בקוד וויזואלית .

17. WCAG 2 הנחיה 1.4 בר - הבחנה ( Distinguishable ) להקל על המשתמש לראות ולשמוע תוכן , כולל היכולת להבחין בין תוכן ורקע .

18. WCAG 2 הנחיה 1.4 בר - הבחנה ( Distinguishable ) שימוש בצבע : צבע לא צריך להיות האמצעי היחיד של הצגת מידע .

19. WCAG 2 הנחיה 1.4 בר - הבחנה ( Distinguishable ) 1.4.2 שליטה באודיו : אם אודיו כלשהו בדף מנגן באופן אוטומטי במשך יותר מ -3 שניות , צריך לספק מנגנון עצירה או הפסקה , או שניתן מנגנון לשליטה בעוצמת האודיו .

20. WCAG 2 הנחיה 1.4 בר - הבחנה ( Distinguishable ) 1.4.3 קונטרסט ( ניגודיות ) : ייצוג חזותי של טקסט צריך להיות ברמת ניגודיות לפחות 4.5:1 ( חריגים : לוגו , רכיבים שאינם פעילים , טקסט גדול ).

21. WCAG 2 הנחיה 1.4 בר - הבחנה ( Distinguishable )

22. WCAG 2 הנחיה 1.4 בר - הבחנה ( Distinguishable ) 1.4.4 שינוי גודל טקסט

23. WCAG 2 תמונות של טקסט

24. WCAG 2 הנחיה 1.4 בר - הבחנה ( Distinguishable ) 1.4.7 אודיו רקע נמוך או נעדר

25. WCAG 2 הנחיה 1.4 בר - הבחנה ( Distinguishable ) 1.4.8 הצגה חזותית :

27. WCAG 2 הנחיה 1.4 בר - הבחנה ( Distinguishable ) הטקסט אינו justified

28. WCAG 2 הנחיה 1.4 בר - הבחנה ( Distinguishable ) 1.4.8 הצגה חזותית : עבור הצגה חזותית של גושי טקסט , קים מנגנון למימוש התנאים הבאים :

29. WCAG 2 הנחיה 1.4 בר - הבחנה ( Distinguishable )

30. WCAG 2

31. WCAG 2 H 2 : שילוב של התמונה וקישור בטקסט על אותו המשאב דוגמה 1 : הסמל והטקסט כלולים באותו רכיב . <a href=&quot; products. html&quot;> <img src=&quot;icon.gif&quot; alt=&quot;&quot; /> Products page </a>

32. WCAG 2 H 2 : שילוב של תמונה וקישור בטקסט על אותו המשאב דוגמה 2: <a href=&quot;foo.htm&quot;> <img src=&quot;house.gif&quot; alt=&quot;home page icon&quot;/> Go to the home page </a>

33. WCAG 2 : H24 מתן טקסט אלטרנטיבי עבור אזורים של מפות תמונה image maps) ) דוגמה : <img src=&quot;welcome.gif&quot; usemap=&quot;#map1“ alt=&quot;Areas in the library. Select an area for more information on that area.&quot; /> <map id=&quot;map1&quot; name=&quot;map1&quot;>

34. WCAG 2 H30 : מתן טקסט קישור שמתאר את מטרת הקישור . דוגמה : <a href=&quot;routes.html&quot;> Current routes at Boulders Climbing Gym </a>

35. WCAG 2 H30 : מתן שם קישור שמתאר את מטרת הקישור . דוגמה : שימוש בתכונת alt עבור אלמנט img תיאור מטרת &quot; הקישור גרפי &quot;. <a href=&quot;routes.html&quot;> <img src=&quot;topo.gif&quot; alt= &quot;Current routes at Boulders Climbing Gym&quot; /> </a>

36. WCAG 2 H35 : מתן טקסט אלטרנטיבי עבור אלמנט < applet > דוגמה : <applet code=&quot;tictactoe.class&quot; width=&quot;250&quot; height=&quot;250&quot; alt=&quot;tic-tac-toe game&quot; > tic-tac-toe game </applet>

37. WCAG 2 H36 : שימוש בתכונת alt בתמונות שמשמשות בתור כפתורי שליחה . דוגמה : כפתור עם תכונת alt <form action=&quot;http://example.com/prog/text-read&quot; method=&quot;post&quot;> <input type=&quot;image&quot; name=&quot;submit&quot; src=&quot;button.gif&quot; alt= &quot;Submit&quot; /> </form>

38. WCAG 2 H 37: שימוש בתכונת alt באלמנט img דוגמה : <img src=&quot;newsletter.gif&quot; alt=&quot;Free newsletter. Get free recipes, news, and more. Learn more.&quot; />

39. WCAG 2 H42 : שימוש ב - h1-h6 לזיהוי כותרות .

40. WCAG 2 H44: שימוש באלמנט תווית label) ) כדי לקשר תוויות טקסט עם פקדי הטופס .

41. WCAG 2 דוגמה 1: שדה קלט טקסט . <label for=&quot;firstname&quot;>First name:</label> <input type=&quot;text&quot; name=&quot;firstname&quot; id=&quot;firstname&quot; />

42. WCAG 2 קבוצה של radio buttons דוגמה :

43. WCAG 2 H53 שימוש בגוף של האלמנט object דוגמה 1: אובייקט זה כולל תיאור ארוך המתאר אותו : <object classid=&quot;http://www.example.com/analogclock.py&quot;> <p>Here is some text that describes the object and its operation.</p> </object>

44. WCAG 2 H53 שימוש בגוף של האלמנט object <object classid=&quot;http://www.example.com/animatedlogo.py&quot;> <img src=&quot;staticlogo.gif&quot; alt=&quot;Company Name&quot; /> </object>

45. WCAG 2 H53 שימוש בגוף של האלמנט object דוגמה : <object data=&quot;companylogo.gif&quot; type=&quot;image/gif&quot;> <p> Company Name </p> </object>

46. WCAG 2 H 67: שימוש בטקסט אלטרנטיבי ריק ובלי תכונת title של אלמנט , img כדי להתעלם מתמונות

47. WCAG 2 דוגמת קוד : <img src=&quot;squiggle.gif&quot; width=&quot;20&quot; height=&quot;20&quot; alt=&quot;&quot; />

48. WCAG 2 H71 : מתן תיאור עבור קבוצות של פקדים באמצעות Fieldset & Legend

49. WCAG 2 דוגמה 1: בדיקת אפשרויות לבחירה

50. WCAG 2 דוגמה 2: אוסף של תיבות ( checkboxes )

51. WCAG 2 H39 : שימוש באלמנט caption כדי לקשר בין כותרת של טבלה לנתוני טבלה . דוגמה : <table> <caption> Schedule for the week of March </caption> ... </table>

52. WCAG 2 H: 73 שימוש ב - summary של אלמנט טבלה כדי לתת סקירה של הנתונים בטבלה .

53. WCAG 2 דוגמה 1: טבלה עם סיכום הנתונים : <table summary=&quot;Schedule for Route 7 going downtown. Service begins at 4:00 AM and ends at midnight. Intersections are listed in the top row. Find the intersection closest to your starting point or destination, then read down that column to find out what time the bus leaves that intersection.&quot;> <tr> …… . </tr>

54. WCAG 2

55. WCAG 2 F2 כישלון : הצגת טקסט להעברת מידע בלי להשתמש בסימון מתאים ( סימון : markup )

56. WCAG 2 דוגמת כישלון 1: שימוש ב - CSS style אלמנט p כדי שייראה כמו כותרת .

57. WCAG 2 דוגמת כישלון 2: תמונות בטקסט משמשות ככותרות , כאשר התמונות אינן מסומנות עם תגיות של הכותרת . <img src=&quot;Chapter1.gif&quot; alt=&quot; Chapter One &quot;> <p>Once upon a time in the land of the Web..... </p>

58. WCAG 2 F3 : כישלון עקב שימוש ב - CSS כדי לכלול תמונות להעברת מידע חשוב .

59. WCAG 2 דוגמת הקוד : The CSS contains: background: transparent url(/images/TopRate.png) no-repeat top left; }

60. WCAG 2 זה משמש בקטע זה : <p id=&quot;bestinterest&quot;> Where else would you find a better interest rate? </p>

61. WCAG 2 : F24 אי הצלחה עקב ציון צבעים בחזית בלי לציין צבעי הרקע או להיפך

62. WCAG 2 לדוגמה כישלון 1: קביעת צבע הרקע רק עם bgcolor ב - HTML <html> <head>…</head> <body bgcolor=&quot;white&quot;> <p> ... document body...</p> </body> </html>

63. WCAG 2 F30: אי הצלחה עקב שימוש בטקסט אלטרנטיבי שאינו אלטרנטיבה ( למשל , שמות קבצים או טקסט מציין את המיקום )

66. WCAG 2 F38 : אי הצלחה בגלל השמטה של alt- attribute עבור תוכן שאינו טקסטואלי ה משמש למטרות דקורטיביות .

67. WCAG 2 זה מתאר מצב כישלון בטקסט אלטרנטיבי עבור תמונות שאפשר להתעלם מהן על ידי . AT אם אין alt attribute – בכלל , וטכנולוגיות מסייעות אינן יכולות להתעלם מתוכן שאינו טקסט . alt attribute חייבת להיות עם ערך ריק ( כלומר : alt = &quot;&quot; או alt=“ “ )

68. WCAG 2 F43: אי הצלחה בגלל שימוש ב - HTML באופן שאינו מייצג יחסים בתוכן .

69. WCAG 2 דוגמה 1: הכותרת משמשת רק לאפקט ויזואלי : <p>Interested in learning more? Write to us at</p> <h4>3333 Third Avenue, Suite 300 · New York City</h4> <p>And we'll send you the complete informational packet absolutely Free!</p>

70. WCAG 2 דוגמה 2: שימוש באלמנט &quot; כותרת &quot; למטרת הצגה ויזואלית : <h1>Study on the Use of Heading Elements in Web Pages</h1> < h3>Joe Jones and Mary Smith<h3 > < h4>March 14, 2006</h4 > <h2>Abstract</h2> <p>A study was conducted in early 2006 ... </p>

71. WCAG 2 F71: אי הצלחה בשל השימוש בתווים &quot; כפילים &quot; בטקסט בלי לספק אלטרנטיבה טקסטואלית .

72. WCAG 2 מה ההבדל בין שני תווים אלו ?

73. WCAG 2 מה ההבדל בין שני תווים אלו ?

74. WCAG 2 F73: אי הצלחה עקב יצירת קישורים שאינם ברורים ללא ראיית הצבע