SlideShare a Scribd company logo
1 of 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


                                                         




                                                     -
                                                     -
                                                     -

                                                         

More Related Content

Similar to נגישות עקרון - ניתן להפעלה 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
 

Similar to נגישות עקרון - ניתן להפעלה 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
 

More from 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
 

More from 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
 

Recently uploaded

Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteDianaGray10
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Hiroshi SHIBATA
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...AliaaTarek5
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI AgeCprime
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch TuesdayIvanti
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsRavi Sanghani
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfIngrid Airi González
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPathCommunity
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
Sample pptx for embedding into website for demo
Sample pptx for embedding into website for demoSample pptx for embedding into website for demo
Sample pptx for embedding into website for demoHarshalMandlekar2
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterMydbops
 
Assure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesAssure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesThousandEyes
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityIES VE
 
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Farhan Tariq
 

Recently uploaded (20)

Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI Age
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch Tuesday
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and Insights
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdf
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
Sample pptx for embedding into website for demo
Sample pptx for embedding into website for demoSample pptx for embedding into website for demo
Sample pptx for embedding into website for demo
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL Router
 
Assure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesAssure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyes
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a reality
 
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...
 

נגישות עקרון - ניתן להפעלה 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  - - - 