הסיפת – תושיגנ יללכ

טסקט םניאש םינכתה לכל תוילאוטסקט תופולח קפס .

1.1

CAPTCHA ל הפולח .3

הסיפת – תושיגנ יללכ

ךסמה לע תויושחרתהה םע תונרכנוסמ הידמיטלומל תופולח .

1.2

live אל ןהש תויצמינאו םיטרסל

תויבותכ

וא תויתועמשמ תויושחרתהל

יפולח טסקט וא

הוולת טרסב הריפצ תעמשה לשמל –

וידוא ירואית

האלמ טסקט תפולח הוולת ףלחתמ טרסב רבודה ." הריפצ תעמשנ " טסקטב ." סרפ ןועמש הנידמה אישנ " תוניירקב (AA)

live ב תויצמינא םיטרסל תויבותכ

(AA)

וידוא ירואית .1

.2

.3

.4

הסיפת – תושיגנ יללכ

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

1.3

רוצ

בוציע תועצמאב שמתשמל םירבעומה םיסחיו עדימ

םג רמשית הדרפהה .

.

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

םיסחיהו הנבמ עדימ

םיסחיהו הנבמ עדימ והמ ) םיגולונכט םיעצמאב ( ןיבהל לוכי .

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

האירקה רדס

תדומעב תודיחיה

.1

.2

ןוויכ לש הרדגה

לע דיפקהל שי תירבעב בל ומיש תירבעב בותכל אל םלועל dir, rlm, lrm

הביתכה

!!!!

תילאוזיו  תוכמתסמ ןניא הנבהו הלעפה תוארוה .

דנואס , םוקימ , עבצ , לדוג -

םיישוח םינייפאמ

– תוישוח תולוכי לע

.3

הסיפת – תושיגנ יללכ

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

1.3

דוביאל ךלוה עדימהמ קלח , הנוש ynet לש הגוצתה ןפוא רשאכ : אמגוד

{ h1 letter-spacing: 1em; font-family: Times, serif; font-size:400%; } font-weight:bold; ul { List-style: square inside } url('arrow.gif')

הסיפת – תושיגנ יללכ

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

1.3

תא תואטבמה תיכרריה תא הנימא הרוצב CSS h1-h6 – ב רידגהל יוצר תורתוכ .

עדימה םהלש Style ה ב רידגהל ןתינל ןתינ – תומישר קלחכ .

bullet כ הנומת CSS המישרה בוציע תרדגהמ המישר תועצמאב –

םיטירפת

iframe לו frame ל תורתוכ ) ךשמהב טורפ ( םיספט ) ךשמהב טורפ ( םינותנ תואלבט     

הסיפת – תושיגנ יללכ

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

1.3

תוטושפ םינותנ תואלבט

תורתוכל TH ב שמתשה הלבטה תרתוכ ןיב רשקל ידכ caption element ב שומיש הלבטל הלבטה ןכות רואיתל summary element ב שומיש attribute abbr – תורתוכ רוציק Number of Employees    

הסיפת – תושיגנ יללכ

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

1.3

תובכרומ םינותנ תואלבט

תורתוכל הלבטב םיאת ןיב רשקל ידכ scope attribute ב שומיש < table summary ="The number of employees and the foundation year of some imaginary companies."> < caption > Table 1: Company data < tr > < td > < th < th < tr > scope scope ="col"> ="col"> Employees Founded > < th scope ="row"> ACME Inc < td > 1000 < td > 1947 < tr > < th scope ="row"> XYZ Corp < td > 2000 < td > 1973 Table 1: Company data

ACME Inc XYZ Corp Employees Founded

1000 2000 1947 1973

הסיפת – תושיגנ יללכ

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

1.3

< table class ="extbl" summary ="The number of employees and the foundation year of some imaginary companies."> < caption > Table 1: Company data < tr > < td < th < th rowspan id ="2"> colspan rowspan ="2"> Founded th > < tr > < th < th id id ="men"> Men ="women"> < tr > < th < td id ="acme"> ACME Inc headers ="acme employees men"> 700 < td < td headers < tr > headers ="acme employees women"> 300 ="acme founded"> 1947 < < < < th td td td id ="xyz"> XYZ Corp headers ="xyz employees men"> 1200 headers ="xyz employees women"> 800 headers ="xyz founded"> 1973

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

Table 1: Company data ACME Inc XYZ Corp Employees Men 700 1200 Women 300 800 Founded 1947 1973

הסיפת – תושיגנ יללכ

עדימ עומשלו תוארל שמתשמל רשפא – תונחבומ 1.4

ריבעהל ידכ עבצב שומיש השענ רשאכ -

עבצב שומיש

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

וידוא לע הטילש

יטמוטוא ןפואב עמשומה

.1

.2

.

טסקטל עקרה ןיב 5:1 לש סרטנוק לע דפקה -

טסרטנוק

(AA) .

3:1 תויהל ךירצ טסרטנוקה תונומתב

.3

םיטסקט לש 200% דע לש הלדגה רשפא -

טסקט תלדגה

(AA) םידחוימ םירזעב שומיש אלל

.4

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

?

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

?

הרבחה לש וגולל לאמשמ בותכ המ ?

תיאשמל לעמ הנומתב בותכ המ http://www.vischeck.com

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

תושיגנ יללכ :) operable ( הלעפהה ןורקע

.

רתאה קשממ תא ליעפהל םילוכי םישמתשמה לכש אדוו 2

: תויחנה

עוציבל תונתינ תולועפה .

לכש חטבה תדלקמ תועצמאב 2.1

, האירקל ןמז קיפסמ םישמתשמל ןת .

הבוגתל וא היצקארטניאל 2.2

ףקתהל םורגל לולעש ןכות רוצית לא .

יטפליפא 2.3

אצמתהל , טוונל םישמתשמל רוזע .

עדימ אוצמלו 2.4

הלעפה – תושיגנ יללכ

.

תדלקמ תועצמאב עוציבל תונתינ תולועפה לכש חטבה 2.1

תדלקמ תועצמאב תועצובמ תוכירצ רתאב תולועפה לכ ) םישיגנ אל םה םירתא הברהב – םיטירפתל בל ומיש ( םהל היהיש םיכרצ onmouseover attribute םהילא םירשוקמה event handlers הו םהל שיש םיטנמלא onfocus attribute םג .

תולועפ ןתוא תא רוציל םיכרצ םהל היהיש םיכרצ onmouseout attribute םהילא םירשוקמה event handlers הו םהל שיש םיטנמלא onblur attribute םג .

תולועפ ןתוא תא רוציל םיכרצ .

(TabIndex תועצמאב ( יגולו ןיקת TabIndex לע רומשל שי   

הלעפה – תושיגנ יללכ

תדלקמ " תודוכלמ " ןיא 2.1

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

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

דומעל סוקופה תא הריזחמה

הלעפה – תושיגנ יללכ

.

הבוגתל וא היצקארטניאל , האירקל ןמז קיפסמ םישמתשמל ןת 2.2

עצבל שמתשמל רשפא , ןמז תלבגה לש בצמ לכב -

ןמז ןונווכ

: תואבה תולועפהמ תחא ) ןמז לע קחשמ וא , תיבמופ הריכמ – תיחרכה ןמזה תלבגהש םירקמ טעמל ( .

ןמזה תלבגה תא תובכל .

ןמזה תלבגה תא םיאתהל   Timeout ה ינפל העדוה י " ע – ןמזה תלבגה תא לידגהל שמתשמל רשפאל שי – " ךסמה ארוק " תדובעל םיעירפמ auto refresh וא redirect .

םתוא רוצעל   ןוכדע וא גנילורקס , בוהבה , העונת רוצעל ןתינ –

הריצע

(AA) ןכות לש יטמוטוא

.2

.1

הלעפה – תושיגנ יללכ

.

יטפליפא ףקתהל םורגל לולעש ןכות רוצית לא 2.3

מ ךומנ דוצירהש וא היינשב םימעפ 3 מ רתוי דצרמ וניא ןכות .

general flash and red flash thresholds 

הלעפה – תושיגנ יללכ

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

עדימ אוצמלו 2.4

םירזוחש ןכות לש םיקולב תפיקעל ןונגנמ קפס .) םיטירפת ןוגכ ( -

םיקולב תפיקע

םידומע הברהב םמצע לע

.1

ןכות תא ראתמה דומעל ידוחיי Page Title -

דומעל תרתוכ

דומעה

.2

Tabindex תועצמאב

– יגול Focus Order

היהי אל רושיקה (

תידוחייו הרורב תויהל הכירצ רושיקה תרטמ

)" םיפסונ םיטרפל " " ןאכ ץחל " עונמ , רתא תפמ (AA)

עדימ רתאל תחא ךרדמ רתוי תמייק

'.

דכו םיניינע ןכות , שופיח (AA)

םיירואית labels ו תורתוכ

) AA (

Focus ה לש תוארנ .3

.4

.5

.6

.7

תושיגנ יללכ :) Understandable ( תונבומה ןורקע

3 םישמתשמ רתויש המכל םינבומ היצקארטניא יעצמאו םינכת רוצ

: תויחנה

.

םינכתה לש תונבומו תואירק 3.1

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

יוזיחל תנתינ םיביטקארטניא 3.2

ןקתלו תויועטמ ענמיהל םישמתשמל רוזע .

ועציבש תויועט 3.3

תונבומ – תושיגנ יללכ

םינכת לש תונבומו תואירק 3.1

דומעה תמרב הפש תרדגה (AA) דומעה יקלח לכב הפש תרדגה (AAA) םייעוצקמ םיחונימ תובית ישאר םירוציקל שורפ   

תונבומ – תושיגנ יללכ

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

הלועפ עוציבלו םינכת לש יונישל םרוג אל -

On Focus

יונישל תמרוג הניא שמתשמה י " ע ןכות לש הנזה

On Input

.

שארמ שמתשמה עודי אלל , הלועפ עוציב וא ןכות (AA)

טווינב תויטנטסיסנוק

(AA)

ךסמ יביכרמ יוהיזב תויטנטסיסנוק .1

.2

.3

.4

תונבומ – תושיגנ יללכ

תויועט ןקתלו ענמיהל םישמתשמל רוזע 3.3

.

שמתשמל טירפה רואתו – יטמוטוא ןפואב

תויועט יוהיז

הדשה םש תא לולכל הכירצ האיגשה תעדוה בל ומיש .

הדשל האיגשה תעדוה תא רשקל יוצר .

קיודמב .

תורורב תוארוהו (labels) תורתוכ לש הקפסא

שי , הרזע עיצהל ןתינו תועט התהוז םא -

ןוקיתב הרזע

(AA) התוא עיצהל שי ) םינותנ וא , ילכלכ , יטפשמ ךילהתב (

תויועט תעינמ

(AA) םיאבהמ דחא רשפאל הכיפה הלועפה אבה בלשל רבעמה ינפל םינותנה תקידב שמתשמה רושיאו יונישל תורשפא , םינותנה לש הגצה הלועפה עוציב ינפל   

.1

.2

.3

.4

תושיגנ יללכ :) Robust ( תיגולונכט תוביציה ןורקע

4

: תויחנה

web תויגולונכטב שמתשה 4.1

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

תיגולונכט תוביצי תושיגנ יללכ

היגולונכט ללוכ ( םידיתעו םייושכע user agents ל תומיאת ) תעייסמ 4.1

טנמלא לכל םויסו הלחתה TAG

הניקת דוק תביתכ

.

דוקה לש ןוכנ ןוניקו

Control לכל ךרעו דיקפת , םש

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

ספוט ידקפל  .

frame טנמלא לש title attribute ב שמתשה ספוט ידקפ תוהזל ידכב label title attribute ב שמתשה טנמלאב שמתשהל ןתינ אל רשאכ  

.1

.2

הסיפת – תושיגנ יללכ

היגולונכט ללוכ ( םידיתעו םייושכע user agents ל תומיאת םיספט ) תעייסמ 4.1

ותוא ראתמש טסקטל ספוטב control ןיב רשקל ידכ First name: label טנמלאב שומיש • controls לש הצובק ראתל ידכב ) fieldset & legend םיטנמלאב שומיש radio buttons ו checkbox ל יטנוולר ( ספוטב

הסיפת – תושיגנ יללכ

היגולונכט ללוכ ( םידיתעו םייושכע user agents ל תומיאת םיספט ) תעייסמ 4.1

: אמגודל .

label ב שמתשהל תורשפא ןיא רשאכ תודש תוהזל ידכ Title ב שומיש .

רפסמלו תמודיקל לצופמה ןופלט רפסמ לש הדש : ןופלט רפסמ

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

.1

.2

.3

.4

.5

.6

.7

" שיגנ " רתא

תורוקמ

www.nagish.org.il

w3c לש תושיגנה תמזוי http://www.w3.org/WAI/ WCAG 1.0

תושיגנ תויחנה http://www.w3.org/TR/WCAG10/ WCAG 2.0

תושיגנ תויחנה http://www.w3.org/TR/WCAG20/ (ARIA) Rich Applications תושיגנ Ajax, HTML, JavaScript http://www.w3.org/WAI/intro/aria.php

הדות ?

תולאש