diff options
| author | pantsucat <contact@pantsu.cat> | 2015-09-15 06:12:23 +0200 |
|---|---|---|
| committer | pantsucat <contact@pantsu.cat> | 2015-09-15 06:37:57 +0200 |
| commit | 87014fa08fa6d2267854bbd179c0c1887d139cf6 (patch) | |
| tree | 54aa7055195cc71cc21299b1e898260ca605856b | |
| parent | a9bc9bb234bcde97309520cd9a4e034abe3f42db (diff) | |
Add semantic HTML5 elements to index headings
W3C's HTML5 specification instructs a standard way to create
subheadings in "4.12.1 Subheadings, subtitles, alternative titles and
taglines". [1]
A `<h2>` element is not appropriate here as a subheading, because the
subheading "Roppa interior~" is not part of the document outline but a
Catalonian translation of the `<h1>` heading.
Adding a `lang="ca"` attribute to the Catalonian subheading increases
screenreader compatibility and semantics even further. Screenreaders
will then use Catalonian pronounction instead of English if supported.
[1]: http://www.w3.org/html/wg/drafts/html/CR/common-idioms.html#sub-head
| -rw-r--r-- | pages/index.swig | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/pages/index.swig b/pages/index.swig index 519e65d..8a1635e 100644 --- a/pages/index.swig +++ b/pages/index.swig @@ -2,8 +2,10 @@ {% block body %} <div class="jumbotron"> - <h1>Pantsu!</h1> - <h2>Ropa Interior~</h2> + <header> + <h1>Pantsu~</h1> + <p lang="ca">Ropa Interior~</p> + </header> <p class="lead">Max upload size is {{max_upload_size}}MiB, read the <a href="faq.html">FAQ</a></p> {% include "check_script.swig" %} {% include "check_fileapi.swig" %} |