]> git.vanrenterghem.biz Git - git.ikiwiki.info.git/blob - doc/todo/add_aria_landmarks_to_make_ikiwiki_websites_more_accessible.mdwn
85f194f368bb7938a1195ff71921dd73b909b944
[git.ikiwiki.info.git] / doc / todo / add_aria_landmarks_to_make_ikiwiki_websites_more_accessible.mdwn
1 Here is a patch for page.tmpl to add these landmarks.
2 diff --git a/templates/page.tmpl b/templates/page.tmpl
3 index 5efad1a..cb76590 100644
4 --- a/templates/page.tmpl
5 +++ b/templates/page.tmpl
6 @@ -30,7 +30,7 @@
7  </head>
8  <body>
9  
10 -<div class="banner">
11 +<div class="banner" role="banner">
12    <a class="tails" href="<TMPL_VAR HOMEPAGEURL>">
13      <span class="acronym">Tails</span><br/>
14      <span class="slogan">The Amnesic Incognito Live System</span>
15 @@ -155,20 +155,20 @@
16  <TMPL_IF HTML5></section><TMPL_ELSE></div></TMPL_IF>
17  
18  <TMPL_IF SIDEBAR>
19 -<TMPL_IF HTML5><aside class="sidebar"><TMPL_ELSE><div class="sidebar"></TMPL_IF>
20 +<TMPL_IF HTML5><aside class="sidebar" role="navigation"><TMPL_ELSE><div class="sidebar" role="navigation"></TMPL_IF>
21  <TMPL_VAR SIDEBAR>
22  <TMPL_IF HTML5></aside><TMPL_ELSE></div></TMPL_IF>
23  </TMPL_IF>
24  
25  <div id="pagebody">
26  
27 -<TMPL_IF HTML5><section id="content"><TMPL_ELSE><div id="content"></TMPL_IF>
28 +<TMPL_IF HTML5><section id="content" role="main"><TMPL_ELSE><div id="content" role="main"></TMPL_IF>
29  <TMPL_VAR CONTENT>
30  <TMPL_IF HTML5></section><TMPL_ELSE></div></TMPL_IF>
31  
32  <TMPL_UNLESS DYNAMIC>
33  <TMPL_IF COMMENTS>
34 -<TMPL_IF HTML5><section id="comments"><TMPL_ELSE><div id="comments"></TMPL_IF>
35 +<TMPL_IF HTML5><section id="comments" role="complementary"><TMPL_ELSE><div id="comments" role="complementary"></TMPL_IF>
36  <TMPL_VAR COMMENTS>
37  <TMPL_IF ADDCOMMENTURL>
38  <div class="addcomment">
39 @@ -183,7 +183,7 @@
40  
41  </div>
42  
43 -<TMPL_IF HTML5><footer id="footer" class="pagefooter"><TMPL_ELSE><div id="footer" class="pagefooter"></TMPL_IF>
44 +<TMPL_IF HTML5><footer id="footer" class="pagefooter" role="contentinfo"><TMPL_ELSE><div id="footer" class="pagefooter" role="contentinfo"></TMPL_IF>
45  <TMPL_UNLESS DYNAMIC>
46  <TMPL_IF HTML5><nav id="pageinfo"><TMPL_ELSE><div id="pageinfo"></TMPL_IF>
47