Repository: getnikola/nikola

Issue:
Improve accessibility of the generated sites
Creating accessible sites is very important, and there are many ways in which Nikola can improve in the area.

Examples:
- The search form has no label for the search field
- Figures could use caption as ALT instead of the filename
- Skip to content link could be added

And lots more, taken from a report by http://achecker.ca/

Let's consider this a "master issue" for accessibility.



Discussion:
Currently achecked.ca shows no issues with Nikola's output according to WCAG 2.0 (level AA). Is that good enough?

http://www.w3.org/WAI/PF/aria-practices/

Perhaps the best way to find out would be to ask a vision impaired user.
There is a Nikola user that could help, his name is Mike Ray of the Eyes
Free Linux Ninja blog. Should I email him and ask for help?

(His blog uses the base theme; he says it's good.)

http://www.w3.org/WAI/PF/aria-practices/

—
Reply to this email directly or view it on GitHub
https://github.com/getnikola/nikola/issues/377#issuecomment-101233144.

On 12/05/15 16:49, Chris Warrick wrote:

> Perhaps the best way to find out would be to ask a vision impaired user.
> There is a Nikola user that could help, his name is Mike Ray of the Eyes
> Free Linux Ninja blog. Should I email him and ask for help?
> 
> (His blog uses the base theme; he says it's good.)

Sounds good, ask him please!

Mail sent.

One thing we are not doing that is recommended by the Bootstrap 3 documentation is:

``` html
        <li><a href="#">Link</a></li>
        <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
```

Should be easy-ish

We can add it pretty easily, we just need to take care of i18n.


Resolving patch:
diff --git a/nikola/data/themes/base/messages/messages_en.py b/nikola/data/themes/base/messages/messages_en.py
--- a/nikola/data/themes/base/messages/messages_en.py
+++ b/nikola/data/themes/base/messages/messages_en.py
@@ -3,6 +3,7 @@
 
 MESSAGES = {
     "%d min remaining to read": "%d min remaining to read",
+    "(active)": "(active)",
     "Also available in:": "Also available in:",
     "Archive": "Archive",
     "Categories": "Categories",
diff --git a/nikola/data/themes/base/messages/messages_fr.py b/nikola/data/themes/base/messages/messages_fr.py
--- a/nikola/data/themes/base/messages/messages_fr.py
+++ b/nikola/data/themes/base/messages/messages_fr.py
@@ -28,7 +28,7 @@
     "Read more": "Lire la suite",
     "Skip to main content": "Aller au contenu principal",
     "Source": "Source",
-    "Subcategories:": "",
+    "Subcategories:": "Sous-catégories",
     "Tags and Categories": "Étiquettes et catégories",
     "Tags": "Étiquettes",
     "old posts, page %d": "anciens articles, page %d",
diff --git a/nikola/data/themes/base/messages/messages_ur.py b/nikola/data/themes/base/messages/messages_ur.py
--- a/nikola/data/themes/base/messages/messages_ur.py
+++ b/nikola/data/themes/base/messages/messages_ur.py
@@ -28,7 +28,7 @@
     "Read more": "مزید پڑھیں",
     "Skip to main content": "مرکزی متن پر جائیں",
     "Source": "سورس",
-    "Subcategories:": "",
+    "Subcategories:": "ذیلی زمرے",
     "Tags and Categories": "ٹیگز اور زمرے",
     "Tags": "ٹیگز",
     "old posts, page %d": "پرانی تحاریر صفحہ %d",


Test patch: