7. Mozilla is a
global non-
proďŹt dedicated
to putting you
in control of
your online
experience and
shaping the
future of the
Web for the
public good
12. JAWS version 10 screen reader
NVDA 2010.1
VoiceOver on iPhone IOS4
13. <div id="demo-main" role="main">
<article id="demo-main-content">
<header>
<hgroup>
<h2>A title</h2>
<h3>Subtitle to the above title</h3>
</hgroup>
</header>
<p>
Hello
</p>
</article>
<aside id="demo-aside-content" role="complementary">
This is just a demo page to see HTML5 markup and WAI-ARIA landmark
roles in action in a simple context
</aside>
</div>
14. <header role="banner">
<h1>HTML5 example <a href="http://robertnyman.com/html5">-
To: Information and samples for HTML5 and related APIs</a></h1>
<p>This page has valid simple HTML5 markup with new elements
complemented with WAI-ARIA landmark roles for accessibility</p>
</header>
<footer id="page-footer" role="contentinfo">
Created by <a href="http://robertnyman.com/">Robert Nyman</a>
</footer>
31. 00:00:05.000 --> 00:00:11.500
Play the best song in the world, or I'll eat your soul.
00:00:12.000 --> 00:00:14.000
Well me and Kyle, we looked at each other,
and we each said... "Okay."
55. takePicture.onchange = function (event) {
// Get a reference to the taken picture or chosen file
var files = event.target.files,
file;
if (files && files.length > 0) {
file = files[0];
// Get window.URL object
var URL = window.URL || window.webkitURL;
// Create ObjectURL
var imgURL = URL.createObjectURL(file);
// Set img src to ObjectURL
showPicture.src = imgURL;
// Revoke ObjectURL
URL.revokeObjectURL(imgURL);
}
};