SlideShare une entreprise Scribd logo
1  sur  60
WCAG 2




         Operable   –
–
    





 http://forum.openu.ac.il/opus/bin/en.js
             p?enZone=Forum129228
http://telem.openu.ac.il/courses/2010a/c
                                20109/
                                       -

“Drag and drop”   .1
                  .2
No Keyboard Trap


focus                      

?                                        


                                          


http://telem.openu.ac.il/bar/Exercise?d
o=getExercise&position=1&level=A&w
                               ordId=30

Timing Adjustable
                    
                -

                    


                    
                    
                    
            -       
                    
                    

Pause, Stop, Hide
                    



                    

                                    

                                    
  http://www.w3.org/TR/2008/NOTE-
WCAG20-TECHS-20081211/working-
     examples/SCR33/Overview.html
                                    
Interruptions
                                  
     -

                                  


                                  
    alerts-
                     session-
  http://www.w3.org/TR/2008/NOTE- 
WCAG20-TECHS-20081211/working-
 examples/SCR14/enablealerts.html
Re-authenticate
session-                   




                           

                 session
Seizures
           
Seizures
                   


           -   -   
Three Flashes or Below Threshold
                                       




                                       
                                   -



-





-
-
-
-
-

    
Bypass Blocks
                

                



                




           sidebars


                                       
http://www.nytimes.com/pages/todays
                    paper/index.html
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

                                           
                                           
 http://www.ynet.co.il/home/0,7340,L-
                            8,00.html
Multiple Ways
                
Multiple Ways
                                          




                                          
    http://www.w3.org/WAI/sitemap.html .1
http://www.w3.org/TR/WCAG20/#conte .2
                                      nts
http://estudy.openu.ac.il/opus/bin/en.jsp .3
                   ?enZone=Links3331
Headings and Labels
                      
Headings and Labels
                                    



                                    
                       -             
http://www.ynet.co.il/home/0,7340,L-
                           8,00.html
Focus Visible
                
Focus Visible
                                            
                                            .1

                                            .2



                                            .1
http://estudy.openu.ac.il/opus/bin/en.jsp
?enZone=Questioner7431&enDispWho
                   =Questioner^l70788
Location
           
Location
                                                 



                                                 




                                                  
http://ocw.openu.ac.il/opus/bin/en.jsp?enZone    .1
                                     =Links464
                          Site map –             .2
Link Purpose (Link Only)
                                  
                                  


                                  
http://www.openu.ac.il/Schools/   .1
Section Headings
                                            

                                   -        
                   –                   -
                                       -
Outline -> Outline headings                 
  http://www.w3.org/TR/UNDERSTANDING- 
           WCAG20/navigation-mechanisms-
     headings.html#navigation-mechanisms-
                       headings-intent-head
HTML
H4: Creating a logical tab
order through links, form
controls, and objects

 tabindex HTML               
H4: Creating a logical tab order
through links, form controls, and
objects (example 1)
H4: Creating a logical tab order
through links, form controls, and
objects (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>
H4: Creating a logical tab order
through links, form controls, and
objects (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-               
H25: Providing a title using the
title element
                                      <title>      
                                                   
   <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>The World Wide Web Consortium</title>
    </head>
    <body> ... </body> </html>
H25: Providing a title using the
title element
H33: Supplementing link text
with the title attribute
                   Title attribute 
                                  
                                  
H33: Supplementing link text
with the title attribute (example 1)

<a
href="http://example.com/WORLD/afri
ca/kenya.elephants.ap/index.html"
title="Read more about failed elephant
evacuation">
 Evacuation Crumbles Under Jumbo
load
</a>
H33: Supplementing link text
with the title attribute (example 1)
H33: Supplementing link text
with the title attribute (example 2)
H64: Using the title attribute of
the frame and iframe elements
                                       ◦
  –             title
      frame-            frame,iframe
                                       ◦
        frame
H64: Using the title attribute of
the 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>
H64: Using the title attribute of
the frame and iframe elements
FAILURES -
F25: Title of a Web page not
identifying the contents

                title –        


                               


          spk12.html
F84: using a non-specific link such as "click
here" or "more" without a mechanism to
change the link text to specific text.

                                                


                                                
                   “click here”, “more”,…
                                                
F84: using a non-specific link such as "click
here" or "more" without a mechanism to
change the link text to specific text.

<a href="file110.htm">Click here</a> 
for more information on the Rocky
Mountains

<h2>News headlines</h2> 
 The middle east peace meetings have
yielded fruitful dialogue.
<a href="r4300.htm">read more</a>
F85: using dialogs or menus that are not adjacent to
their trigger control in the sequential navigation order


                                                         




                                                     -
                                                     -
                                                     -

                                                         

Contenu connexe

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

REST teori og praksis; REST in theory and practice
REST teori og praksis; REST in theory and practiceREST teori og praksis; REST in theory and practice
REST teori og praksis; REST in theory and practicehamnis
 
Voicethread slides for EpCop
Voicethread slides for EpCopVoicethread slides for EpCop
Voicethread slides for EpCopCarole McCulloch
 
20090925 HTML5の過去、現在、未来
20090925 HTML5の過去、現在、未来20090925 HTML5の過去、現在、未来
20090925 HTML5の過去、現在、未来Takeo Kunishima
 
Struts portlet-1
Struts portlet-1Struts portlet-1
Struts portlet-1AbhishekSRC
 
Jaunākās Open Access publikācijas (2012.gada oktobris)
Jaunākās Open Access publikācijas (2012.gada oktobris)Jaunākās Open Access publikācijas (2012.gada oktobris)
Jaunākās Open Access publikācijas (2012.gada oktobris)Bibliotēku portāls
 
Network urls
Network urlsNetwork urls
Network urlsJames1280
 
Linked data: spreading data over the web
Linked data: spreading data over the webLinked data: spreading data over the web
Linked data: spreading data over the webshellac
 
Jaunākās Open Access publikācijas (2011.gada oktobris)
Jaunākās Open Access publikācijas (2011.gada oktobris)Jaunākās Open Access publikācijas (2011.gada oktobris)
Jaunākās Open Access publikācijas (2011.gada oktobris)Bibliotēku portāls
 
Topic 1 Topic 2 Topic 3
Topic 1 Topic 2 Topic 3Topic 1 Topic 2 Topic 3
Topic 1 Topic 2 Topic 3butest
 
Mongo performance tuning: tips and tricks
Mongo performance tuning: tips and tricksMongo performance tuning: tips and tricks
Mongo performance tuning: tips and tricksVladimir Malyk
 
الاختبار النهائى
الاختبار النهائىالاختبار النهائى
الاختبار النهائىOla7
 
#mashcat: Evolving MarcEdit: Leveraging Semantic Data in MarcEdit
#mashcat: Evolving MarcEdit: Leveraging Semantic Data in MarcEdit#mashcat: Evolving MarcEdit: Leveraging Semantic Data in MarcEdit
#mashcat: Evolving MarcEdit: Leveraging Semantic Data in MarcEditTerry Reese
 
Open Access publikācijas (2010. gada oktobris)
Open Access publikācijas (2010. gada oktobris)Open Access publikācijas (2010. gada oktobris)
Open Access publikācijas (2010. gada oktobris)Bibliotēku portāls
 
Toutch Jquery Mobile
Toutch Jquery MobileToutch Jquery Mobile
Toutch Jquery MobileJinlong He
 
Makroekonomi topik-8-1
Makroekonomi topik-8-1Makroekonomi topik-8-1
Makroekonomi topik-8-1020881
 

Similaire à נגישות עקרון - ניתן להפעלה 2 (20)

REST teori og praksis; REST in theory and practice
REST teori og praksis; REST in theory and practiceREST teori og praksis; REST in theory and practice
REST teori og praksis; REST in theory and practice
 
Voicethread slides for EpCop
Voicethread slides for EpCopVoicethread slides for EpCop
Voicethread slides for EpCop
 
20090925 HTML5の過去、現在、未来
20090925 HTML5の過去、現在、未来20090925 HTML5の過去、現在、未来
20090925 HTML5の過去、現在、未来
 
Struts portlet-1
Struts portlet-1Struts portlet-1
Struts portlet-1
 
Jaunākās Open Access publikācijas (2012.gada oktobris)
Jaunākās Open Access publikācijas (2012.gada oktobris)Jaunākās Open Access publikācijas (2012.gada oktobris)
Jaunākās Open Access publikācijas (2012.gada oktobris)
 
Network urls
Network urlsNetwork urls
Network urls
 
Yaniv navot-smx-final
Yaniv navot-smx-finalYaniv navot-smx-final
Yaniv navot-smx-final
 
Linked data: spreading data over the web
Linked data: spreading data over the webLinked data: spreading data over the web
Linked data: spreading data over the web
 
Jaunākās Open Access publikācijas (2011.gada oktobris)
Jaunākās Open Access publikācijas (2011.gada oktobris)Jaunākās Open Access publikācijas (2011.gada oktobris)
Jaunākās Open Access publikācijas (2011.gada oktobris)
 
CD200615 Session 5
CD200615 Session 5CD200615 Session 5
CD200615 Session 5
 
PHP Lab
PHP LabPHP Lab
PHP Lab
 
Topic 1 Topic 2 Topic 3
Topic 1 Topic 2 Topic 3Topic 1 Topic 2 Topic 3
Topic 1 Topic 2 Topic 3
 
Mongo performance tuning: tips and tricks
Mongo performance tuning: tips and tricksMongo performance tuning: tips and tricks
Mongo performance tuning: tips and tricks
 
الاختبار النهائى
الاختبار النهائىالاختبار النهائى
الاختبار النهائى
 
Web services and JavaScript
Web services and JavaScriptWeb services and JavaScript
Web services and JavaScript
 
#mashcat: Evolving MarcEdit: Leveraging Semantic Data in MarcEdit
#mashcat: Evolving MarcEdit: Leveraging Semantic Data in MarcEdit#mashcat: Evolving MarcEdit: Leveraging Semantic Data in MarcEdit
#mashcat: Evolving MarcEdit: Leveraging Semantic Data in MarcEdit
 
Open Access publikācijas (2010. gada oktobris)
Open Access publikācijas (2010. gada oktobris)Open Access publikācijas (2010. gada oktobris)
Open Access publikācijas (2010. gada oktobris)
 
Toutch Jquery Mobile
Toutch Jquery MobileToutch Jquery Mobile
Toutch Jquery Mobile
 
Struts Portlet
Struts PortletStruts Portlet
Struts Portlet
 
Makroekonomi topik-8-1
Makroekonomi topik-8-1Makroekonomi topik-8-1
Makroekonomi topik-8-1
 

Plus de annakoopenu

מפגש 3 2017א לפני מפגש
מפגש 3 2017א לפני מפגשמפגש 3 2017א לפני מפגש
מפגש 3 2017א לפני מפגשannakoopenu
 
מפגש 2 2018א הפוך
מפגש 2 2018א הפוךמפגש 2 2018א הפוך
מפגש 2 2018א הפוךannakoopenu
 
Cognitive aspects in learning
Cognitive aspects in learning Cognitive aspects in learning
Cognitive aspects in learning annakoopenu
 
גישות מרכזיות בפסיכולוגיה
גישות מרכזיות בפסיכולוגיהגישות מרכזיות בפסיכולוגיה
גישות מרכזיות בפסיכולוגיהannakoopenu
 
מפגש 4 2017ב
מפגש 4 2017במפגש 4 2017ב
מפגש 4 2017בannakoopenu
 
מפגש 3 2017א
מפגש 3 2017אמפגש 3 2017א
מפגש 3 2017אannakoopenu
 
מפגש 1 2017ב
מפגש 1 2017במפגש 1 2017ב
מפגש 1 2017בannakoopenu
 
מפגש 2 2017א
מפגש 2 2017אמפגש 2 2017א
מפגש 2 2017אannakoopenu
 
מבוא למטאורולוגיה מפגש 2
מבוא למטאורולוגיה מפגש 2מבוא למטאורולוגיה מפגש 2
מבוא למטאורולוגיה מפגש 2annakoopenu
 
מבוא למטאורולוגיה מפגש מס 1
מבוא למטאורולוגיה מפגש מס 1מבוא למטאורולוגיה מפגש מס 1
מבוא למטאורולוגיה מפגש מס 1annakoopenu
 

Plus de annakoopenu (18)

מפגש 3 2017א לפני מפגש
מפגש 3 2017א לפני מפגשמפגש 3 2017א לפני מפגש
מפגש 3 2017א לפני מפגש
 
מפגש 2 2018א הפוך
מפגש 2 2018א הפוךמפגש 2 2018א הפוך
מפגש 2 2018א הפוך
 
Cognitive aspects in learning
Cognitive aspects in learning Cognitive aspects in learning
Cognitive aspects in learning
 
פרק 2
פרק 2פרק 2
פרק 2
 
גישות מרכזיות בפסיכולוגיה
גישות מרכזיות בפסיכולוגיהגישות מרכזיות בפסיכולוגיה
גישות מרכזיות בפסיכולוגיה
 
מפגש 5
מפגש 5מפגש 5
מפגש 5
 
מפגש 4 2017ב
מפגש 4 2017במפגש 4 2017ב
מפגש 4 2017ב
 
מפגש 4
מפגש 4מפגש 4
מפגש 4
 
מפגש 3
מפגש 3מפגש 3
מפגש 3
 
מפגש 3 2017א
מפגש 3 2017אמפגש 3 2017א
מפגש 3 2017א
 
מפגש3
מפגש3מפגש3
מפגש3
 
מפגש 1 2017ב
מפגש 1 2017במפגש 1 2017ב
מפגש 1 2017ב
 
מפגש 3
מפגש 3מפגש 3
מפגש 3
 
מפגש 2 2017א
מפגש 2 2017אמפגש 2 2017א
מפגש 2 2017א
 
Test
TestTest
Test
 
Wcag 2 end
Wcag 2 endWcag 2 end
Wcag 2 end
 
מבוא למטאורולוגיה מפגש 2
מבוא למטאורולוגיה מפגש 2מבוא למטאורולוגיה מפגש 2
מבוא למטאורולוגיה מפגש 2
 
מבוא למטאורולוגיה מפגש מס 1
מבוא למטאורולוגיה מפגש מס 1מבוא למטאורולוגיה מפגש מס 1
מבוא למטאורולוגיה מפגש מס 1
 

Dernier

Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...gurkirankumar98700
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024Results
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 

Dernier (20)

Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 

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

  • 1. WCAG 2 Operable –
  • 2.
  • 3.
  • 4.  http://forum.openu.ac.il/opus/bin/en.js p?enZone=Forum129228 http://telem.openu.ac.il/courses/2010a/c 20109/ -
  • 7.
  • 8. ?   http://telem.openu.ac.il/bar/Exercise?d o=getExercise&position=1&level=A&w ordId=30
  • 9.
  • 10.
  • 11. Timing Adjustable  -     -   
  • 12.
  • 13. Pause, Stop, Hide  
  • 14.   http://www.w3.org/TR/2008/NOTE- WCAG20-TECHS-20081211/working- examples/SCR33/Overview.html 
  • 15. Interruptions  -   alerts- session- http://www.w3.org/TR/2008/NOTE-  WCAG20-TECHS-20081211/working- examples/SCR14/enablealerts.html
  • 16. Re-authenticate session-   session
  • 17. Seizures
  • 18. Seizures  - - 
  • 19. Three Flashes or Below Threshold   -
  • 20.  -
  • 21.
  • 23. Bypass Blocks   
  • 24. sidebars  http://www.nytimes.com/pages/todays paper/index.html
  • 25.
  • 26. Page Titled    - -  - -
  • 28. - Focus Order Tab  tabbing- 
  • 29. Focus-  -  - ,
  • 30. Link Purpose (In Context)    
  • 31. - http://estudy.openu.ac.il/opus/bin/en.js p?enZone=Links3331   http://www.ynet.co.il/home/0,7340,L- 8,00.html
  • 33. Multiple Ways   http://www.w3.org/WAI/sitemap.html .1 http://www.w3.org/TR/WCAG20/#conte .2 nts http://estudy.openu.ac.il/opus/bin/en.jsp .3 ?enZone=Links3331
  • 35. Headings and Labels   -  http://www.ynet.co.il/home/0,7340,L- 8,00.html
  • 37. Focus Visible  .1 .2 .1 http://estudy.openu.ac.il/opus/bin/en.jsp ?enZone=Questioner7431&enDispWho =Questioner^l70788
  • 38. Location
  • 39. Location    http://ocw.openu.ac.il/opus/bin/en.jsp?enZone .1 =Links464 Site map – .2
  • 40. Link Purpose (Link Only)    http://www.openu.ac.il/Schools/ .1
  • 41. Section Headings  -  – - - Outline -> Outline headings  http://www.w3.org/TR/UNDERSTANDING-  WCAG20/navigation-mechanisms- headings.html#navigation-mechanisms- headings-intent-head
  • 42. HTML
  • 43. H4: Creating a logical tab order through links, form controls, and objects tabindex HTML 
  • 44. H4: Creating a logical tab order through links, form controls, and objects (example 1)
  • 45. H4: Creating a logical tab order through links, form controls, and objects (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>
  • 46. H4: Creating a logical tab order through links, form controls, and objects (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- 
  • 47. H25: Providing a title using the title element <title>    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>The World Wide Web Consortium</title> </head> <body> ... </body> </html>
  • 48. H25: Providing a title using the title element
  • 49. H33: Supplementing link text with the title attribute Title attribute   
  • 50. H33: Supplementing link text with the title attribute (example 1) <a href="http://example.com/WORLD/afri ca/kenya.elephants.ap/index.html" title="Read more about failed elephant evacuation"> Evacuation Crumbles Under Jumbo load </a>
  • 51. H33: Supplementing link text with the title attribute (example 1)
  • 52. H33: Supplementing link text with the title attribute (example 2)
  • 53. H64: Using the title attribute of the frame and iframe elements ◦ – title frame- frame,iframe ◦ frame
  • 54. H64: Using the title attribute of the 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>
  • 55. H64: Using the title attribute of the frame and iframe elements
  • 57. F25: Title of a Web page not identifying the contents title –   spk12.html
  • 58. F84: using a non-specific link such as "click here" or "more" without a mechanism to change the link text to specific text.   “click here”, “more”,… 
  • 59. F84: using a non-specific link such as "click here" or "more" without a mechanism to change the link text to specific text. <a href="file110.htm">Click here</a>  for more information on the Rocky Mountains <h2>News headlines</h2>  The middle east peace meetings have yielded fruitful dialogue. <a href="r4300.htm">read more</a>
  • 60. F85: using dialogs or menus that are not adjacent to their trigger control in the sequential navigation order  - - - 