HTML Document markup for accessibility -
i wondering proper way of structuring document-like html page. it's obvious title of page should marked <h1>
, section headings <h2>
.
as footer, right now, have:
<div id="footer">footer content</div>
and displayed in every page of document. realized screen reader not notify users if it's reading footer content. feel uses should have option skip reading footer content.
is necessary let screen reader announce it's going read footer content , there proper way so?
thanks!
a common way allow screen readers skip on repeated parts of website include hidden anchor position right after element you'd skip.
for example, on 1 of our websites, allow skipping on our navigation bar.
<div id="navbar"> <a title="skip navigation" href="#skipnav"></a> <a href="/"><img id="home" src="transparent.gif" alt="home" /></a> ... </div> <a id="skipnav"></a>
the "skip navigation" a
selectable using keyboard , screen reader read "skip navigation". user can "click" on jump later page. in case, right after navigation.
Comments
Post a Comment