Difference between revisions of "Aside Element"
Jump to navigation
Jump to search
Web accessibility promotes access to the Internet by people with disabilities.
Rnickelson (talk | contribs) |
|||
| (One intermediate revision by one other user not shown) | |||
| Line 4: | Line 4: | ||
<nowiki> | <nowiki> | ||
<article> | <article> | ||
| − | <header> | + | <header> |
| − | <h2>Web Accessibility</h2> | + | <h2>Web Accessibility</h2> |
| − | </header> | + | </header> |
| − | Web accessibility promotes access to the Internet by people with disabilities. | + | Web accessibility promotes access to the Internet by people with disabilities. |
| − | <aside style="border: solid; float:right;"> | + | <aside aria-label="this is an aside" style="border: solid; float:right;"> |
| − | <header><h3>Related links</h3></header> | + | <header><h3>Related links</h3></header> |
| − | <div><a href="http://www.webaccessibility.com"> Webaccessibility.com </a></div> | + | <div> |
| − | <div><a href="http://www.ssbbartgroup.com"> SSB BART Group </a></div> | + | <a href="http://www.webaccessibility.com"> Webaccessibility.com </a> |
| + | </div> | ||
| + | <div> | ||
| + | <a href="http://www.ssbbartgroup.com"> SSB BART Group </a> | ||
| + | </div> | ||
</aside> | </aside> | ||
</article> | </article> | ||
| Line 17: | Line 21: | ||
<header> <h3> test </h3> </header> | <header> <h3> test </h3> </header> | ||
this is an aside </aside> | this is an aside </aside> | ||
| + | <aside aria-label="with aria-label"> | ||
| + | this is an aside which is labeled using aria-label.</aside> | ||
| + | <aside role="complementary" aria-label="with role=complementary and aria-label"> | ||
| + | this is an aside with role=complementary and aria-label.</aside> | ||
</nowiki> | </nowiki> | ||
</html> | </html> | ||
Latest revision as of 13:57, 27 May 2016
HTML Aside Element
Test results for Aside Element
| AT | Browser | Notes |
|---|---|---|
| JAWS | Internet Explorer | Works as expected complementary information is announced when navigating to the beginning or end of the aside. |
| JAWS | Firefox | Works as expected complementary information is announced when navigating to the beginning or end of the aside. |
| NVDA | Internet Explorer | Does Not Work as expected Nothing is announced when navigating to the aside. |
| NVDA | firefox | Works as expected complementary is announced When navigating into the aside. |
| VoiceOver | Safari | Works as expected complementary is announced when navigating into the aside. |
| Talkback | Firefox | Works as expected complementary is announced when navigating into the aside. |
| Window-eyes | Internet Explorer | Works as expected Aside is announced when navigating to the beginning of the aside and End Aside is announced when navigating to the end of the aside. |
| Window-Eyes | Firefox | works as expected Aside is announced when navigating to the beginning of the aside and End Aside is announced when navigating to the end of the aside. |