fix a11y

[github/shaarli/Shaarli.git] / tpl / default / picwall.html
diff --git a/tpl/default/picwall.html b/tpl/default/picwall.html

index 1b8bf3b96a6c9a2692277399404624f5e6cf32ab..73359949ce433cb96dc0e6510c56e6e22933602c 100644 (file)
--- a/tpl/default/picwall.html
+++ b/tpl/default/picwall.html
@@ -1,5 +1,5 @@
  <!DOCTYPE html>
-<html>
+<html{if="$language !== 'auto'"} lang="{$language}"{/if}>
  <head>
    {include="includes"}
  </head>
@@ -12,6 +12,14 @@
    </div>
  </div>
  {else}
+  {if="count($linksToDisplay)===0 && $is_logged_in"}
+    <div class="pure-g pure-alert pure-alert-warning page-single-alert">
+      <div class="pure-u-1 center">
+        {'There is no cached thumbnail. Try to <a href="?do=thumbs_update">synchronize them</a>.'|t}
+      </div>
+    </div>
+  {/if}
+
    <div class="pure-g">
      <div class="pure-u-lg-1-6 pure-u-1-24"></div>
      <div class="pure-u-lg-2-3 pure-u-22-24 page-form page-visitor">
@@ -24,13 +32,13 @@
          {/loop}
        </div>
  
-      <div id="picwall-container" class="picwall-container">
+      <div id="picwall-container" class="picwall-container" role="list">
          {loop="$linksToDisplay"}
-          <div class="picwall-pictureframe">
+          <div class="picwall-pictureframe" role="listitem">
              {ignore}RainTPL hack: put the 2 src on two different line to avoid path replace bug{/ignore}
              <img data-src="{$value.thumbnail}#" class="b-lazy"
-                 src="#"
-                 alt="thumbnail" width="{$thumbnails_width}" height="{$thumbnails_height}" />
+                 src=""
+                 alt="" width="{$thumbnails_width}" height="{$thumbnails_height}" />
              <a href="{$value.real_url}"><span class="info">{$value.title}</span></a>
              {loop="$value.picwall_plugin"}
                {$value}