diff options
author | https://www.google.com/accounts/o8/id?id=AItOawlnBLXDQbzD3OCcqZshcmExPNwlgD0tJ7A <Patrick@web> | 2014-09-30 09:35:18 -0400 |
---|---|---|
committer | admin <admin@branchable.com> | 2014-09-30 09:35:18 -0400 |
commit | 8f13e60667015e2953b4134934df2410727bb218 (patch) | |
tree | 508e440d709d0edc96dbdf452ad77658b1bb22f8 | |
parent | e3d6ecfc9a87034f000789717422cf65df3754a0 (diff) | |
download | ikiwiki-8f13e60667015e2953b4134934df2410727bb218.tar ikiwiki-8f13e60667015e2953b4134934df2410727bb218.tar.gz |
Adding ARIA landmarks allows for example screen readers users to move directly to the page main content
-rw-r--r-- | doc/todo/add_aria_landmarks_to_make_ikiwiki_websites_more_accessible.mdwn | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/doc/todo/add_aria_landmarks_to_make_ikiwiki_websites_more_accessible.mdwn b/doc/todo/add_aria_landmarks_to_make_ikiwiki_websites_more_accessible.mdwn new file mode 100644 index 000000000..85f194f36 --- /dev/null +++ b/doc/todo/add_aria_landmarks_to_make_ikiwiki_websites_more_accessible.mdwn @@ -0,0 +1,47 @@ +Here is a patch for page.tmpl to add these landmarks. +diff --git a/templates/page.tmpl b/templates/page.tmpl +index 5efad1a..cb76590 100644 +--- a/templates/page.tmpl ++++ b/templates/page.tmpl +@@ -30,7 +30,7 @@ + </head> + <body> + +-<div class="banner"> ++<div class="banner" role="banner"> + <a class="tails" href="<TMPL_VAR HOMEPAGEURL>"> + <span class="acronym">Tails</span><br/> + <span class="slogan">The Amnesic Incognito Live System</span> +@@ -155,20 +155,20 @@ + <TMPL_IF HTML5></section><TMPL_ELSE></div></TMPL_IF> + + <TMPL_IF SIDEBAR> +-<TMPL_IF HTML5><aside class="sidebar"><TMPL_ELSE><div class="sidebar"></TMPL_IF> ++<TMPL_IF HTML5><aside class="sidebar" role="navigation"><TMPL_ELSE><div class="sidebar" role="navigation"></TMPL_IF> + <TMPL_VAR SIDEBAR> + <TMPL_IF HTML5></aside><TMPL_ELSE></div></TMPL_IF> + </TMPL_IF> + + <div id="pagebody"> + +-<TMPL_IF HTML5><section id="content"><TMPL_ELSE><div id="content"></TMPL_IF> ++<TMPL_IF HTML5><section id="content" role="main"><TMPL_ELSE><div id="content" role="main"></TMPL_IF> + <TMPL_VAR CONTENT> + <TMPL_IF HTML5></section><TMPL_ELSE></div></TMPL_IF> + + <TMPL_UNLESS DYNAMIC> + <TMPL_IF COMMENTS> +-<TMPL_IF HTML5><section id="comments"><TMPL_ELSE><div id="comments"></TMPL_IF> ++<TMPL_IF HTML5><section id="comments" role="complementary"><TMPL_ELSE><div id="comments" role="complementary"></TMPL_IF> + <TMPL_VAR COMMENTS> + <TMPL_IF ADDCOMMENTURL> + <div class="addcomment"> +@@ -183,7 +183,7 @@ + + </div> + +-<TMPL_IF HTML5><footer id="footer" class="pagefooter"><TMPL_ELSE><div id="footer" class="pagefooter"></TMPL_IF> ++<TMPL_IF HTML5><footer id="footer" class="pagefooter" role="contentinfo"><TMPL_ELSE><div id="footer" class="pagefooter" role="contentinfo"></TMPL_IF> + <TMPL_UNLESS DYNAMIC> + <TMPL_IF HTML5><nav id="pageinfo"><TMPL_ELSE><div id="pageinfo"></TMPL_IF> + |