No regular expressions were active.
1 |
|
<html xmln
s="http://
www.w3.org
/1999/xhtm
l">
|
|
|
2 |
|
<HEAD>
|
|
|
3 |
|
<TITLE>Ins
ert table
button</TI
TLE>
|
|
|
4 |
|
<link href
="style.cs
s" rel="st
ylesheet"
type="text
/css">
|
|
|
5 |
|
</HEAD>
|
|
|
6 |
|
|
|
|
7 |
|
<BODY>
|
|
|
8 |
|
|
|
|
9 |
|
<table wid
th="100%"
border="0"
cellpaddi
ng="1" cel
lspacing="
3" class="
pageheader
">
|
|
|
10 |
|
<tr>
|
|
|
11 |
|
<td><s
pan class=
"title">Cr
eate acces
sible cont
ent</span>
</td>
|
|
|
12 |
|
<td al
ign="right
"><a href=
"index.htm
"><acronym
title="Ta
ble of con
tents">TOC
</acronym>
</a></td>
|
|
|
13 |
|
</tr>
|
|
|
14 |
|
</table>
|
|
|
15 |
|
<hr noshad
e>
|
|
|
16 |
|
<p>TinyMCE
can creat
e HTML con
tent that
will be ac
cessible t
o all user
s, includi
ng those w
ith disabi
lities usi
ng assisti
ve technol
ogies, as
well as th
ose using
text-based
browsers,
or those
browsing t
he Web wit
h images t
urned off.
</p>
|
|
|
17 |
|
|
|
|
18 |
|
<p><strong
>Things yo
u can do t
o make you
r content
accessible
:</strong>
</p>
|
|
|
19 |
|
<ol>
|
|
|
20 |
|
<li><stron
g>Include
an Image D
escription
:</strong>
Blind use
rs, or oth
ers who ar
e unable t
o view ima
ges, will
rely on th
e Image De
scription
(or Alt te
xt) to tak
e the plac
e of the i
mage. If a
n image co
ntains no
meaning, s
uch as a d
ecoration
or a space
r image, l
eave the I
mage Descr
iption emp
ty. TinyMC
E will the
n insert a
n empty Al
t text att
ribute tha
t will for
ce assisti
ve technol
ogies to i
gnore the
image. <br
/><br /><
/li>
|
|
|
21 |
|
|
|
|
22 |
|
<li> <stro
ng>Add Sco
pe to data
table hea
der cells:
</strong>
In the tab
le cell ed
itor dialo
g window,
choose a S
cope when
creating H
eader cell
s so the c
olumn or r
ow label i
n that cel
l becomes
explicitel
y associat
ed with it
s data cel
ls. Table
cell heade
rs will th
en be anno
unced with
each data
cell, mak
ing it eas
ier for bl
ind users
using a sc
reen reade
r to under
stand what
the conte
nt of each
cell repr
esents. <b
r /><br />
</li>
|
|
|
23 |
|
|
|
|
24 |
|
<li><stron
g> Structu
re content
with prop
erly neste
d headings
:</strong>
In the fo
rmat selec
tion menu
choose Hea
ding 1 to
Heading 6
to represe
nt heading
s in your
content,
rather tha
n using ot
her font f
ormating o
ptions. Bl
ind users
using a sc
reen reade
r can then
extract t
he heading
s from the
page to g
enerate a
summary of
the conte
nt it cont
ains, and
use those
headings t
o navigate
quickly t
o subsecti
ons within
the page.
<br /><br
/></li>
|
|
|
25 |
|
|
|
|
26 |
|
<li><stron
g> Include
alternate
content:<
/strong> C
reate an a
lternate p
age for no
n-HTML con
tent such
as Flash,
Java apple
ts, or em
bedded mov
ies. This
might be a
static im
age, with
a descript
ion of the
image, an
d a descri
ption of t
he content
that woul
d have app
eared in i
ts place.
An alterna
te HTML pa
ge could a
lso be cre
ated, and
a link to
it include
d next to
the non-HT
ML object.
This will
ensure th
at the con
tent will
be accessi
ble to use
rs of assi
stive tech
nologies t
hat can no
t view or
play the c
ontent, an
d ensure t
he content
will be a
vailable t
o those wh
o do not h
ave the ap
propriate
plugin or
helper app
lication i
nstalled.<
br /><br /
></li>
|
|
|
27 |
|
|
|
|
28 |
|
<li><stron
g> Check a
ccessbilit
y: </stron
g> When th
e AChecker
plugin is
installed
with Tiny
MCE, click
on the Ch
eck Access
ibility bu
tton to ge
nerate a r
eport of p
otential a
ccessibili
ty problem
s.<br /><b
r /></li>
|
|
|
29 |
|
|
|
|
30 |
|
</ol>
|
|
|
31 |
|
|
|
|
32 |
|
<p>See the
<a href="
http://che
cker.atrc.
utoronto.c
a" target=
"_new">ACh
ecker Web
Site</a> f
or further
details a
bout creat
ing conten
t that wil
l be acces
sible to a
ll users.<
br />
|
|
|
33 |
|
</p>
|
|
|
34 |
|
|
|
|
35 |
|
<hr noshad
e>
|
|
|
36 |
|
<table wid
th="100%"
border="0"
cellpaddi
ng="1" cel
lspacing="
3" class="
pagefooter
">
|
|
|
37 |
|
<tr>
|
|
|
38 |
|
<td>Go
to: <a hr
ef="index.
htm">Table
of conten
ts</a></td
>
|
|
|
39 |
|
<td al
ign="right
"><a href=
"#">Top</a
></td>
|
|
|
40 |
|
</tr>
|
|
|
41 |
|
</table>
|
|
|
42 |
|
|
|
|
43 |
|
<br>
|
|
|
44 |
|
</BODY>
|
|
|
45 |
|
</HTML>
|
|
|