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

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


- - 

Three Flashes or Below Threshold



-

Bypass Blocks








sidebars


http://www.nytimes.com/pages/todays
paper/index.html

Page Titled




-
-

-
-

-
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



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

.1

.2

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

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

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)

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>

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 



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>

H64: Using the title attribute of
the frame and iframe elements
◦
– title
frame- frame,iframe
◦
frame

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

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



-
-
-



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

Recomendados

Recomendados

Mais conteúdo relacionado

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

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

Mais de annakoopenu

Mais de annakoopenu (18)

Último

Último (20)

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