From 87014fa08fa6d2267854bbd179c0c1887d139cf6 Mon Sep 17 00:00:00 2001
From: pantsucat <contact@pantsu.cat>
Date: Tue, 15 Sep 2015 14:12:23 +1000
Subject: 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
---
 pages/index.swig | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

(limited to 'pages')

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" %}
-- 
cgit v1.2.3