WCAG 2         Operable   –
–    

 http://forum.openu.ac.il/opus/bin/en.js             p?enZone=Forum129228http://telem.openu.ac.il/courses/2010a/c        ...
“Drag and drop”   .1                  .2
No Keyboard Trapfocus                      

?                                                                                  http://telem.openu.ac.il/bar/Exercise...

Timing Adjustable                                    -                                                                ...

Pause, Stop, Hide                                        
                                                                          http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-2...
Interruptions                                       -                                                                   ...
Re-authenticatesession-                                                               session
Seizures           
Seizures                              -   -   
Three Flashes or Below Threshold                                                                                        ...
-

-----    
Bypass Blocks                                                
           sidebars                                       http://www.nytimes.com/pages/todays                    paper/i...
Page Titled                                                                    -              -                       ...
<title> HTML   
-Focus Order  Tab                      tabbing-   
Focus-                      -            -    ,
Link Purpose (In Context)                                                                                              ...
      -http://estudy.openu.ac.il/opus/bin/en.js                p?enZone=Links3331                                        ...
Multiple Ways                
Multiple Ways                                                                                        http://www.w3.org/W...
Headings and Labels                      
Headings and Labels                                                                                               -     ...
Focus Visible                
Focus Visible                                                                                        .1                  ...
Location           
Location                                                                                                                ...
Link Purpose (Link Only)                                                                                                ...
Section Headings                                                                               -                        ...
HTML
H4: Creating a logical taborder through links, formcontrols, and objects tabindex HTML               
H4: Creating a logical tab orderthrough links, form controls, andobjects (example 1)
H4: Creating a logical tab orderthrough links, form controls, andobjects (example 1)   <tr>   <th>Search criteria</th> ...
H4: Creating a logical tab orderthrough links, form controls, andobjects (example 2)<a href="" tabindex="1">one</a> <a hr...
H25: Providing a title using thetitle element                                      <title>                               ...
H25: Providing a title using thetitle element
H33: Supplementing link textwith the title attribute                   Title attribute                                   ...
H33: Supplementing link textwith the title attribute (example 1)<ahref="http://example.com/WORLD/africa/kenya.elephants.ap...
H33: Supplementing link textwith the title attribute (example 1)
H33: Supplementing link textwith the title attribute (example 2)
H64: Using the title attribute ofthe frame and iframe elements                                       ◦  –             titl...
H64: Using the title attribute ofthe frame and iframe elements <head>   <title>A simple frameset document</title>  </head>...
H64: Using the title attribute ofthe frame and iframe elements
FAILURES -
F25: Title of a Web page notidentifying the contents                title –                                             ...
F84: using a non-specific link such as "clickhere" or "more" without a mechanism tochange the link text to specific text. ...
F84: using a non-specific link such as "clickhere" or "more" without a mechanism tochange the link text to specific text.<...
F85: using dialogs or menus that are not adjacent totheir trigger control in the sequential navigation order              ...
נגישות   עקרון - ניתן להפעלה 2
נגישות   עקרון - ניתן להפעלה 2
Upcoming SlideShare
Loading in …5
×

נגישות עקרון - ניתן להפעלה 2

305 views
246 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
305
On SlideShare
0
From Embeds
0
Number of Embeds
25
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

נגישות עקרון - ניתן להפעלה 2

  1. 1. WCAG 2 Operable –
  2. 2. – 
  3. 3.
  4. 4.  http://forum.openu.ac.il/opus/bin/en.js p?enZone=Forum129228http://telem.openu.ac.il/courses/2010a/c 20109/ -
  5. 5. “Drag and drop” .1 .2
  6. 6. No Keyboard Trapfocus 
  7. 7.
  8. 8. ?  http://telem.openu.ac.il/bar/Exercise?do=getExercise&position=1&level=A&w ordId=30
  9. 9.
  10. 10. Timing Adjustable  -     -   
  11. 11.
  12. 12. Pause, Stop, Hide  
  13. 13.    http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/working- examples/SCR33/Overview.html 
  14. 14. Interruptions  -   alerts- session- http://www.w3.org/TR/2008/NOTE- WCAG20-TECHS-20081211/working- examples/SCR14/enablealerts.html
  15. 15. Re-authenticatesession-   session
  16. 16. Seizures 
  17. 17. Seizures  - - 
  18. 18. Three Flashes or Below Threshold   -
  19. 19. -
  20. 20.
  21. 21. ----- 
  22. 22. Bypass Blocks   
  23. 23.  sidebars http://www.nytimes.com/pages/todays paper/index.html
  24. 24. Page Titled    - -  - -
  25. 25. <title> HTML 
  26. 26. -Focus Order Tab  tabbing- 
  27. 27. Focus-  -  - ,
  28. 28. Link Purpose (In Context)    
  29. 29.  -http://estudy.openu.ac.il/opus/bin/en.js p?enZone=Links3331   http://www.ynet.co.il/home/0,7340,L- 8,00.html
  30. 30. Multiple Ways 
  31. 31. Multiple Ways   http://www.w3.org/WAI/sitemap.html .1http://www.w3.org/TR/WCAG20/#conte .2 ntshttp://estudy.openu.ac.il/opus/bin/en.jsp .3 ?enZone=Links3331
  32. 32. Headings and Labels 
  33. 33. Headings and Labels   - http://www.ynet.co.il/home/0,7340,L- 8,00.html
  34. 34. Focus Visible 
  35. 35. Focus Visible  .1 .2 .1http://estudy.openu.ac.il/opus/bin/en.jsp?enZone=Questioner7431&enDispWho =Questioner^l70788
  36. 36. Location 
  37. 37. Location   http://ocw.openu.ac.il/opus/bin/en.jsp?enZone .1 =Links464 Site map – .2
  38. 38. Link Purpose (Link Only)   http://www.openu.ac.il/Schools/ .1
  39. 39. Section Headings  -  – - -Outline -> Outline headings  http://www.w3.org/TR/UNDERSTANDING-  WCAG20/navigation-mechanisms- headings.html#navigation-mechanisms- headings-intent-head
  40. 40. HTML
  41. 41. H4: Creating a logical taborder through links, formcontrols, and objects tabindex HTML 
  42. 42. H4: Creating a logical tab orderthrough links, form controls, andobjects (example 1)
  43. 43. H4: Creating a logical tab orderthrough links, form controls, andobjects (example 1) <tr> <th>Search criteria</th> <th>Groom</th> <th>Bride</th> </tr> <tr> <th>First name</th> <td><input type="text" size="30" value="" name="groomfirst" title="First name of the groom" tabindex="1"></td> <td><input type="text" size="30" value="" name="bridefirst" title="First name of the bride" tabindex="4"></td>
  44. 44. H4: Creating a logical tab orderthrough links, form controls, andobjects (example 2)<a href="" tabindex="1">one</a> <a href="" tabindex="2">two</a><a href="" tabindex="1">three</a><a href="" tabindex="2">four</a> tab- 
  45. 45. H25: Providing a title using thetitle element <title>   <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>The World Wide Web Consortium</title> </head> <body> ... </body> </html>
  46. 46. H25: Providing a title using thetitle element
  47. 47. H33: Supplementing link textwith the title attribute Title attribute   
  48. 48. H33: Supplementing link textwith the title attribute (example 1)<ahref="http://example.com/WORLD/africa/kenya.elephants.ap/index.html"title="Read more about failed elephantevacuation"> Evacuation Crumbles Under Jumboload</a>
  49. 49. H33: Supplementing link textwith the title attribute (example 1)
  50. 50. H33: Supplementing link textwith the title attribute (example 2)
  51. 51. H64: Using the title attribute ofthe frame and iframe elements ◦ – title frame- frame,iframe ◦ frame
  52. 52. H64: Using the title attribute ofthe frame and iframe elements <head> <title>A simple frameset document</title> </head> <frameset cols="10%, 90%"> <frame src="nav.html" title="Main menu" /> <frame src="doc.html" title="Documents" /> <noframes> <body> <a href="lib.html" title="Library link">Select to go to the electronic library</a> </body> </noframes> </frameset>
  53. 53. H64: Using the title attribute ofthe frame and iframe elements
  54. 54. FAILURES -
  55. 55. F25: Title of a Web page notidentifying the contents title –   spk12.html
  56. 56. F84: using a non-specific link such as "clickhere" or "more" without a mechanism tochange the link text to specific text.   “click here”, “more”,… 
  57. 57. F84: using a non-specific link such as "clickhere" or "more" without a mechanism tochange the link text to specific text.<a href="file110.htm">Click here</a> for more information on the RockyMountains<h2>News headlines</h2>  The middle east peace meetings haveyielded fruitful dialogue.<a href="r4300.htm">read more</a>
  58. 58. F85: using dialogs or menus that are not adjacent totheir trigger control in the sequential navigation order  - - - 

×