Your SlideShare is downloading. ×
נגישות   עקרון - ניתן להפעלה 2
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

184

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
184
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. WCAG 2 Operable –
  • 2. – 
  • 3.
  • 4.  http://forum.openu.ac.il/opus/bin/en.js p?enZone=Forum129228http://telem.openu.ac.il/courses/2010a/c 20109/ -
  • 5. “Drag and drop” .1 .2
  • 6. No Keyboard Trapfocus 
  • 7.
  • 8. ?  http://telem.openu.ac.il/bar/Exercise?do=getExercise&position=1&level=A&w ordId=30
  • 9.
  • 10. Timing Adjustable  -     -   
  • 11.
  • 12. Pause, Stop, Hide  
  • 13.    http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/working- examples/SCR33/Overview.html 
  • 14. Interruptions  -   alerts- session- http://www.w3.org/TR/2008/NOTE- WCAG20-TECHS-20081211/working- examples/SCR14/enablealerts.html
  • 15. Re-authenticatesession-   session
  • 16. Seizures 
  • 17. Seizures  - - 
  • 18. Three Flashes or Below Threshold   -
  • 19. -
  • 20.
  • 21. ----- 
  • 22. Bypass Blocks   
  • 23.  sidebars http://www.nytimes.com/pages/todays paper/index.html
  • 24. Page Titled    - -  - -
  • 25. <title> HTML 
  • 26. -Focus Order Tab  tabbing- 
  • 27. Focus-  -  - ,
  • 28. Link Purpose (In Context)    
  • 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. Multiple Ways 
  • 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. Headings and Labels 
  • 33. Headings and Labels   - http://www.ynet.co.il/home/0,7340,L- 8,00.html
  • 34. Focus Visible 
  • 35. Focus Visible  .1 .2 .1http://estudy.openu.ac.il/opus/bin/en.jsp?enZone=Questioner7431&enDispWho =Questioner^l70788
  • 36. Location 
  • 37. Location   http://ocw.openu.ac.il/opus/bin/en.jsp?enZone .1 =Links464 Site map – .2
  • 38. Link Purpose (Link Only)   http://www.openu.ac.il/Schools/ .1
  • 39. Section Headings  -  – - -Outline -> Outline headings  http://www.w3.org/TR/UNDERSTANDING-  WCAG20/navigation-mechanisms- headings.html#navigation-mechanisms- headings-intent-head
  • 40. HTML
  • 41. H4: Creating a logical taborder through links, formcontrols, and objects tabindex HTML 
  • 42. H4: Creating a logical tab orderthrough links, form controls, andobjects (example 1)
  • 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. 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. 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. H25: Providing a title using thetitle element
  • 47. H33: Supplementing link textwith the title attribute Title attribute   
  • 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. H33: Supplementing link textwith the title attribute (example 1)
  • 50. H33: Supplementing link textwith the title attribute (example 2)
  • 51. H64: Using the title attribute ofthe frame and iframe elements ◦ – title frame- frame,iframe ◦ frame
  • 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. H64: Using the title attribute ofthe frame and iframe elements
  • 54. FAILURES -
  • 55. F25: Title of a Web page notidentifying the contents title –   spk12.html
  • 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. 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. F85: using dialogs or menus that are not adjacent totheir trigger control in the sequential navigation order  - - - 

×