Mercurial > p > roundup > code
comparison website/www/_templates/layout.html @ 6253:7849d8c7d917
Improve accessibiity, SEO
Set up standard html (html5) doctype to stop triggering quirks mode.
Add viewport, description meta tags to head.
Add aria-label to search box as button provides sighted label.
Improve footer contrast. Need black forground.
| author | John Rouillard <rouilj@ieee.org> |
|---|---|
| date | Fri, 07 Aug 2020 00:27:56 -0400 |
| parents | 6523edf235d4 |
| children | 2aa045e06fff |
comparison
equal
deleted
inserted
replaced
| 6252:35ccd6e56f4b | 6253:7849d8c7d917 |
|---|---|
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | 1 <!DOCTYPE html> |
| 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | 2 <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> |
| 3 <html xmlns="http://www.w3.org/1999/xhtml"> | |
| 4 <head> | 3 <head> |
| 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| 5 <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| 6 <meta name="Description" | |
| 7 content="Documentation on the Roundup issue tracker, version {{ release|e }}."> | |
| 6 {{ metatags }} | 8 {{ metatags }} |
| 7 {%- if builder != 'htmlhelp' %} | 9 {%- if builder != 'htmlhelp' %} |
| 8 {%- set titlesuffix = docstitle|e %} | 10 {%- set titlesuffix = docstitle|e %} |
| 9 {%- set titlesuffix = " - " + titlesuffix %} | 11 {%- set titlesuffix = " - " + titlesuffix %} |
| 10 {%- endif %} | 12 {%- endif %} |
| 66 <body> | 68 <body> |
| 67 <div class="header"><h1>Roundup</h1> | 69 <div class="header"><h1>Roundup</h1> |
| 68 {%- if pagename != "search" %} | 70 {%- if pagename != "search" %} |
| 69 <div id="searchbox" style="display: none"> | 71 <div id="searchbox" style="display: none"> |
| 70 <form class="search" action="{{ pathto('search') }}" method="get"> | 72 <form class="search" action="{{ pathto('search') }}" method="get"> |
| 71 <input type="text" name="q" size="18" /> | 73 <input type="text" aria-label="Enter search terms" |
| 74 name="q" size="18" /> | |
| 72 <input type="submit" value="{{ _('Search') }}" /> | 75 <input type="submit" value="{{ _('Search') }}" /> |
| 73 <input type="hidden" name="check_keywords" value="yes" /> | 76 <input type="hidden" name="check_keywords" value="yes" /> |
| 74 <input type="hidden" name="area" value="default" /> | 77 <input type="hidden" name="area" value="default" /> |
| 75 </form> | 78 </form> |
| 76 </div> | 79 </div> |