Update index.html

Updated to include example from https://carmenwiki.osu.edu/display/10292/HTML5+Accessibility+Code+Examples

Of particular note is the difference in how NVDA and JAWS treat landmarks differently.  The image below is an example of how an HTML5 page might be structured. It has ARIA landmark roles added at appropriate places.

The W3C ARIA in HTML draft specification specifically says not to include "role" on main, aside, and navigation elements because these elements adopt the appropriate ARIA semantics automatically – or should, at least. As of December 2014, however, there are browser/screen reader inconsistencies. JAWS and NVDA with Firefox (latest versions) announce all common landmark roles (including header (banner) and footer (contentinfo), whether or not the role is explicitly defined on the elements. NVDA in Internet Explorer (11) only announces landmark roles if they are explicitly defined on elements. Whereas JAWS with IE is the only combination of Windows browser/screen reader that is conforming to the ARIA in HTML specification: It ignores header and footer elements unless a role is explicitly set.

Source: https://carmenwiki.osu.edu/display/10292/HTML5+Accessibility+Code+Examples

Accessed: December 16 2014