[xiph-commits] r3982 - itext
silvia at svn.annodex.net
silvia at svn.annodex.net
Wed Jul 29 20:45:33 PDT 2009
Author: silvia
Date: 2009-07-29 20:45:32 -0700 (Wed, 29 Jul 2009)
New Revision: 3982
Modified:
itext/
itext/index.html
Log:
Added some comments and alt tags for the video controls.
Property changes on: itext
___________________________________________________________________
Modified: bzr:revision-info
- timestamp: 2009-07-29 07:00:31.573999882 +1000
committer: Silvia Pfeiffer <silvia.pfeiffer at vquence.com>
properties:
branch-nick: silvia
+ timestamp: 2009-07-30 13:43:53.595999956 +1000
committer: Silvia Pfeiffer <silvia.pfeiffer at vquence.com>
properties:
branch-nick: silvia
Modified: bzr:revision-id:v4
- 1 silvia.pfeiffer at vquence.com-20090713110521-cz7evclxohf4rbs2
2 silvia.pfeiffer at vquence.com-20090714003359-apmpuor2ttarph5n
3 silvia.pfeiffer at vquence.com-20090714143931-q6j8ritt91jn5rhu
4 silvia.pfeiffer at vquence.com-20090718094222-58zgcmsg9gggbnt1
5 silvia.pfeiffer at vquence.com-20090718094708-wb83p9u6jr1xlhm6
6 silvia.pfeiffer at vquence.com-20090718095409-p6en5qufj62m8w3h
7 silvia.pfeiffer at vquence.com-20090718113424-9s8cmt1guxj6qoky
8 silvia.pfeiffer at vquence.com-20090718113445-n0q9c14w4i11pe36
9 silvia.pfeiffer at vquence.com-20090718123622-xdp52y76dvpem2ya
10 silvia.pfeiffer at vquence.com-20090718131644-69y0zml0ccbwc5er
11 silvia.pfeiffer at vquence.com-20090719002119-ekzto9pc7jqs3gw9
12 silvia.pfeiffer at vquence.com-20090719120832-srm8qemvr5jjy67w
13 silvia.pfeiffer at vquence.com-20090719130420-s7xjh35zrfj8117x
14 silvia.pfeiffer at vquence.com-20090720065454-m2g8tcjgpgw8aetr
15 silvia.pfeiffer at vquence.com-20090720131039-ivpstebztd7u3vwx
16 silvia.pfeiffer at vquence.com-20090720190949-r4ahzq2regl7opf1
17 silvia.pfeiffer at vquence.com-20090720210510-i54efp8a9sem4g6g
18 silvia.pfeiffer at vquence.com-20090721063829-4pvft92pnt7k966p
19 silvia.pfeiffer at vquence.com-20090721065410-0miir37pbb73k35r
20 silvia.pfeiffer at vquence.com-20090721065911-9ngk00aeujudpw8p
21 silvia.pfeiffer at vquence.com-20090721121059-uthu2kmvu74zjv06
22 silvia.pfeiffer at vquence.com-20090721125735-lwwo9ivbdhj0jdhp
23 silvia.pfeiffer at vquence.com-20090721130655-sdqdgbs0lexyrwh5
24 silvia.pfeiffer at vquence.com-20090721143346-065b9v0rr1tcmyg0
25 silvia.pfeiffer at vquence.com-20090722010421-9sx8ynfzcoxh1eai
26 silvia.pfeiffer at vquence.com-20090722014433-yrqaapi0kmfec1oh
27 silvia.pfeiffer at vquence.com-20090722062945-586zxe3smxv1gdcw
28 silvia.pfeiffer at vquence.com-20090727123838-lcxe2fb7n2111ipd
29 silvia.pfeiffer at vquence.com-20090728151700-ai24t8itvj8hxs0c
30 silvia.pfeiffer at vquence.com-20090728210031-2n53wzpuledyqg9w
+ 1 silvia.pfeiffer at vquence.com-20090713110521-cz7evclxohf4rbs2
2 silvia.pfeiffer at vquence.com-20090714003359-apmpuor2ttarph5n
3 silvia.pfeiffer at vquence.com-20090714143931-q6j8ritt91jn5rhu
4 silvia.pfeiffer at vquence.com-20090718094222-58zgcmsg9gggbnt1
5 silvia.pfeiffer at vquence.com-20090718094708-wb83p9u6jr1xlhm6
6 silvia.pfeiffer at vquence.com-20090718095409-p6en5qufj62m8w3h
7 silvia.pfeiffer at vquence.com-20090718113424-9s8cmt1guxj6qoky
8 silvia.pfeiffer at vquence.com-20090718113445-n0q9c14w4i11pe36
9 silvia.pfeiffer at vquence.com-20090718123622-xdp52y76dvpem2ya
10 silvia.pfeiffer at vquence.com-20090718131644-69y0zml0ccbwc5er
11 silvia.pfeiffer at vquence.com-20090719002119-ekzto9pc7jqs3gw9
12 silvia.pfeiffer at vquence.com-20090719120832-srm8qemvr5jjy67w
13 silvia.pfeiffer at vquence.com-20090719130420-s7xjh35zrfj8117x
14 silvia.pfeiffer at vquence.com-20090720065454-m2g8tcjgpgw8aetr
15 silvia.pfeiffer at vquence.com-20090720131039-ivpstebztd7u3vwx
16 silvia.pfeiffer at vquence.com-20090720190949-r4ahzq2regl7opf1
17 silvia.pfeiffer at vquence.com-20090720210510-i54efp8a9sem4g6g
18 silvia.pfeiffer at vquence.com-20090721063829-4pvft92pnt7k966p
19 silvia.pfeiffer at vquence.com-20090721065410-0miir37pbb73k35r
20 silvia.pfeiffer at vquence.com-20090721065911-9ngk00aeujudpw8p
21 silvia.pfeiffer at vquence.com-20090721121059-uthu2kmvu74zjv06
22 silvia.pfeiffer at vquence.com-20090721125735-lwwo9ivbdhj0jdhp
23 silvia.pfeiffer at vquence.com-20090721130655-sdqdgbs0lexyrwh5
24 silvia.pfeiffer at vquence.com-20090721143346-065b9v0rr1tcmyg0
25 silvia.pfeiffer at vquence.com-20090722010421-9sx8ynfzcoxh1eai
26 silvia.pfeiffer at vquence.com-20090722014433-yrqaapi0kmfec1oh
27 silvia.pfeiffer at vquence.com-20090722062945-586zxe3smxv1gdcw
28 silvia.pfeiffer at vquence.com-20090727123838-lcxe2fb7n2111ipd
29 silvia.pfeiffer at vquence.com-20090728151700-ai24t8itvj8hxs0c
30 silvia.pfeiffer at vquence.com-20090728210031-2n53wzpuledyqg9w
31 silvia.pfeiffer at vquence.com-20090730034353-pcrnaae01i2q5430
Modified: itext/index.html
===================================================================
--- itext/index.html 2009-07-28 21:01:28 UTC (rev 3981)
+++ itext/index.html 2009-07-30 03:45:32 UTC (rev 3982)
@@ -134,10 +134,10 @@
</div></div></div>
<div class="sw"><div class="se"><div class="sc">
<a class="play btn" href="#play" aria-live="off">
- <img src="skins/schmucker/images/button_play.png" />
+ <img src="skins/schmucker/images/button_play.png" alt="play button"/>
</a>
<a class="stop btn" href="#stop" aria-live="off">
- <img src="skins/schmucker/images/button_stop.png" />
+ <img src="skins/schmucker/images/button_stop.png" alt="stop button"/>
</a>
<div class="seeker bar">
@@ -149,8 +149,8 @@
<div class="w"></div><div class="e"></div>
</div>
</div>
- <a class="sound btn" href="#sound"><img class="soundimg" aria-live="off" src="skins/schmucker/images/sound.png" /></a>
- <a class="itext btn" href="#itext"><img class="itextimg" aria-live="off" src="skins/schmucker/images/itext.png" /></a>
+ <a class="sound btn" href="#sound"><img class="soundimg" aria-live="off" src="skins/schmucker/images/sound.png" alt="loudness" /></a>
+ <a class="itext btn" href="#itext"><img class="itextimg" aria-live="off" src="skins/schmucker/images/itext.png" alt="text"/></a>
<div class="volume bar">
<div class="fill">
@@ -164,6 +164,16 @@
</div>
+<p>This is a demo of video accessibility. Features:</p>
+<ul>
+ <li>contains four different types of time-aligned text: subtitles, captions, chapters, and textual audio annotations</li>
+ <li>extends the video controls with a menu button for the time-aligned text tracks which enables the user to switch between different languages for the different tracks</li>
+ <li>the textual audio annotations are mapped into an aria-live activated div element, such that they are indeed read out by screen-readers; this div sits behind the video, invisible to everyone else</li>
+ <li>the chapters are displayed as text on top of the video</li>
+ <li>the subtitles and captions are displayed as overlays at the bottom of the video</li>
+ <li>these three display mechanisms are supposed to be default display mechanisms for these kinds of tracks, that could be overwritten by the stylesheet of a Web developer, who intends to place the text elsewhere on screen</li>
+</ul>
+
<p>The main elements of this Web page are:</p>
<pre>
<video class="v" src="elephant.ogv" poster="elephant.png" >
@@ -245,6 +255,9 @@
</video>
</pre>
-Thanks go to Hans Schmucker for his <a href="http://www.tapper-ware.net/devel/js/JS.TinyVidPlayer/index.xhtml>video player skin</a>.
+
+<p>The demo was created by Silvia Pfeiffer <a href="https://wiki.mozilla.org/Accessibility/Experiment1_feedback">for Mozilla</a> to explore video accessibility approaches with the new HTML5 video tag.</p>
+
+<p>Thanks to Hans Schmucker for his <a href="http://www.tapper-ware.net/devel/js/JS.TinyVidPlayer/index.xhtml">video player skin</a>.</p>
</body>
</html>
More information about the commits
mailing list