fix a11y

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

index 12701465e3b07704d9ab5a20c66ab24a9256ac5e..b9c0b16211d53660388eda9a5105e86933236a7b 100644 (file)
--- a/tpl/default/tag.cloud.html
+++ b/tpl/default/tag.cloud.html
@@ -1,5 +1,5 @@
  <!DOCTYPE html>
-<html>
+<html{if="$language !== 'auto'"} lang="{$language}"{/if}>
  <head>
    {include="includes"}
  </head>
@@ -26,14 +26,14 @@
        <div class="pure-u-1 pure-u-lg-1-2">
          <form method="GET">
            <input type="hidden" name="do" value="tagcloud">
-          <input type="text" name="searchtags" placeholder="{'Filter by tag'|t}"
+          <input type="text" name="searchtags" aria-label="{'Filter by tag'|t}" placeholder="{'Filter by tag'|t}"
                   {if="!empty($search_tags)"}
                      value="{$search_tags}"
                   {/if}
            autocomplete="off" data-multiple data-autofirst data-minChars="1"
            data-list="{loop="$tags"}{$key}, {/loop}"
            >
-          <button type="submit" class="search-button"><i class="fa fa-search"></i></button>
+          <button type="submit" class="search-button" aria-label="{'Search'|t}"><i class="fa fa-search" aria-hidden="true"></i></button>
          </form>
        </div>
        <div class="pure-u-lg-1-4"></div>
@@ -45,7 +45,7 @@
        {/loop}
      </div>
  
-    <div id="cloudtag">
+    <div id="cloudtag" class="cloudtag-container">
        {loop="tags"}
          <a href="?searchtags={$key|urlencode} {$search_tags|urlencode}" style="font-size:{$value.size}em;">{$key}</a
          ><a href="?addtag={$key|urlencode}" title="{'Filter by tag'|t}" class="count">{$value.count}</a>