aboutsummaryrefslogtreecommitdiffhomepage
path: root/tpl
diff options
context:
space:
mode:
authorLuce Carević <lcarevic@access42.net>2019-03-02 13:32:36 +0100
committerLuce Carević <lcarevic@access42.net>2019-03-02 13:32:36 +0100
commitde07aad18fb35dcef1e222d1d453d8c4dd6f355d (patch)
treef40725c1ed8c1b82b13f278b834b25db5723ae4c /tpl
parentc31dd67c5de233cbdccf990a9306d9b7a01f6b3a (diff)
downloadShaarli-de07aad18fb35dcef1e222d1d453d8c4dd6f355d.tar.gz
Shaarli-de07aad18fb35dcef1e222d1d453d8c4dd6f355d.tar.zst
Shaarli-de07aad18fb35dcef1e222d1d453d8c4dd6f355d.zip
fix empty links and hide <i> for screenreaders
Diffstat (limited to 'tpl')
-rw-r--r--tpl/default/linklist.html22
-rw-r--r--tpl/default/linklist.paging.html24
-rw-r--r--tpl/default/page.header.html18
3 files changed, 32 insertions, 32 deletions
diff --git a/tpl/default/linklist.html b/tpl/default/linklist.html
index d7005c21..1cf00783 100644
--- a/tpl/default/linklist.html
+++ b/tpl/default/linklist.html
@@ -94,7 +94,7 @@
94 {'tagged'|t} 94 {'tagged'|t}
95 {loop="$exploded_tags"} 95 {loop="$exploded_tags"}
96 <span class="label label-tag" title="{'Remove tag'|t}"> 96 <span class="label label-tag" title="{'Remove tag'|t}">
97 <a href="?removetag={function="urlencode($value)"}">{$value}<span class="remove"><i class="fa fa-times"></i></span></a> 97 <a href="?removetag={function="urlencode($value)"}">{$value}<span class="remove"><i class="fa fa-times" aria-hidden="true"></i></span></a>
98 </span> 98 </span>
99 {/loop} 99 {/loop}
100 {/if} 100 {/if}
@@ -195,18 +195,18 @@
195 <input type="checkbox" class="link-checkbox" value="{$value.id}"> 195 <input type="checkbox" class="link-checkbox" value="{$value.id}">
196 </span> 196 </span>
197 <span class="linklist-item-infos-controls-item ctrl-edit"> 197 <span class="linklist-item-infos-controls-item ctrl-edit">
198 <a href="?edit_link={$value.id}" title="{$strEdit}"><i class="fa fa-pencil-square-o edit-link"></i></a> 198 <a href="?edit_link={$value.id}" aria-label="{$strEdit}" title="{$strEdit}"><i class="fa fa-pencil-square-o edit-link" aria-hidden="true"></i></a>
199 </span> 199 </span>
200 <span class="linklist-item-infos-controls-item ctrl-delete"> 200 <span class="linklist-item-infos-controls-item ctrl-delete">
201 <a href="?delete_link&amp;lf_linkdate={$value.id}&amp;token={$token}" 201 <a href="?delete_link&amp;lf_linkdate={$value.id}&amp;token={$token}" aria-label="{$strDelete}"
202 title="{$strDelete}" class="delete-link pure-u-0 pure-u-lg-visible confirm-delete"> 202 title="{$strDelete}" class="delete-link pure-u-0 pure-u-lg-visible confirm-delete">
203 <i class="fa fa-trash"></i> 203 <i class="fa fa-trash" aria-hidden="true"></i>
204 </a> 204 </a>
205 </span> 205 </span>
206 <span class="linklist-item-infos-controls-item ctrl-pin"> 206 <span class="linklist-item-infos-controls-item ctrl-pin">
207 <a href="?do=pin&amp;id={$value.id}&amp;token={$token}" 207 <a href="?do=pin&amp;id={$value.id}&amp;token={$token}"
208 title="{$strToggleSticky}" class="pin-link {if="$value.sticky"}pinned-link{/if} pure-u-0 pure-u-lg-visible"> 208 title="{$strToggleSticky}" aria-label="{$strToggleSticky}" class="pin-link {if="$value.sticky"}pinned-link{/if} pure-u-0 pure-u-lg-visible">
209 <i class="fa fa-thumb-tack"></i> 209 <i class="fa fa-thumb-tack" aria-hidden="true"></i>
210 </a> 210 </a>
211 </span> 211 </span>
212 </div> 212 </div>
@@ -248,10 +248,10 @@
248 {ignore}do not add space or line break between these div - Firefox issue{/ignore} 248 {ignore}do not add space or line break between these div - Firefox issue{/ignore}
249 class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1"> 249 class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1">
250 <a href="{$value.real_url}" title="{$value.title}"> 250 <a href="{$value.real_url}" title="{$value.title}">
251 <i class="fa fa-link"></i> {$value.url} 251 <i class="fa fa-link" aria-hidden="true"></i> {$value.url}
252 </a> 252 </a>
253 <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible"> 253 <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible">
254 <a href="#" title="{$strFold}" class="fold-button"><i class="fa fa-chevron-up"></i></a> 254 <a href="#" aria-label="{$strFold}" title="{$strFold}" class="fold-button"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
255 </div> 255 </div>
256 </div> 256 </div>
257 <div class="mobile-buttons pure-u-1 pure-u-lg-0"> 257 <div class="mobile-buttons pure-u-1 pure-u-lg-0">
@@ -264,12 +264,12 @@
264 {/if} 264 {/if}
265 {if="$is_logged_in"} 265 {if="$is_logged_in"}
266 &middot; 266 &middot;
267 <a href="?delete_link&amp;lf_linkdate={$value.id}&amp;token={$token}" 267 <a href="?delete_link&amp;lf_linkdate={$value.id}&amp;token={$token}" aria-label="{$strDelete}"
268 title="{$strDelete}" class="delete-link confirm-delete"> 268 title="{$strDelete}" class="delete-link confirm-delete">
269 <i class="fa fa-trash"></i> 269 <i class="fa fa-trash" aria-hidden="true"></i>
270 </a> 270 </a>
271 &middot; 271 &middot;
272 <a href="?edit_link={$value.id}" title="{$strEdit}"><i class="fa fa-pencil-square-o edit-link"></i></a> 272 <a href="?edit_link={$value.id}" aria-label="{$strEdit}" title="{$strEdit}"><i class="fa fa-pencil-square-o edit-link" aria-hidden="true"></i></a>
273 {/if} 273 {/if}
274 </div> 274 </div>
275 </div> 275 </div>
diff --git a/tpl/default/linklist.paging.html b/tpl/default/linklist.paging.html
index fe665a84..4e50495a 100644
--- a/tpl/default/linklist.paging.html
+++ b/tpl/default/linklist.paging.html
@@ -6,21 +6,21 @@
6 {'Filters'|t} 6 {'Filters'|t}
7 </span> 7 </span>
8 {if="$is_logged_in"} 8 {if="$is_logged_in"}
9 <a href="?visibility=private" title="{'Only display private links'|t}" 9 <a href="?visibility=private" aria-label="{'Only display private links'|t}" title="{'Only display private links'|t}"
10 class="{if="$visibility==='private'"}filter-on{else}filter-off{/if}" 10 class="{if="$visibility==='private'"}filter-on{else}filter-off{/if}"
11 ><i class="fa fa-user-secret"></i></a> 11 ><i class="fa fa-user-secret" aria-hidden="true"></i></a>
12 <a href="?visibility=public" title="{'Only display public links'|t}" 12 <a href="?visibility=public" aria-label="{'Only display public links'|t}" title="{'Only display public links'|t}"
13 class="{if="$visibility==='public'"}filter-on{else}filter-off{/if}" 13 class="{if="$visibility==='public'"}filter-on{else}filter-off{/if}"
14 ><i class="fa fa-globe"></i></a> 14 ><i class="fa fa-globe" aria-hidden="true"></i></a>
15 {/if} 15 {/if}
16 <a href="?untaggedonly" title="{'Filter untagged links'|t}" 16 <a href="?untaggedonly" aria-label="{'Filter untagged links'|t}" title="{'Filter untagged links'|t}"
17 class={if="$untaggedonly"}"filter-on"{else}"filter-off"{/if} 17 class={if="$untaggedonly"}"filter-on"{else}"filter-off"{/if}
18 ><i class="fa fa-tag"></i></a> 18 ><i class="fa fa-tag" aria-hidden="true"></i></a>
19 <a href="#" title="{'Select all'|t}" 19 <a href="#" aria-label="{'Select all'|t}" title="{'Select all'|t}"
20 class="filter-off select-all-button" 20 class="filter-off select-all-button"
21 ><i class="fa fa-check-square-o"></i></a> 21 ><i class="fa fa-check-square-o" aria-hidden="true"></i></a>
22 <a href="#" class="filter-off fold-all pure-u-lg-0" title="{'Fold all'|t}"> 22 <a href="#" class="filter-off fold-all pure-u-lg-0" aria-label="{'Fold all'|t}" title="{'Fold all'|t}">
23 <i class="fa fa-chevron-up"></i> 23 <i class="fa fa-chevron-up" aria-hidden="true"></i>
24 </a> 24 </a>
25 {loop="$action_plugin"} 25 {loop="$action_plugin"}
26 {$value.attr.class=isset($value.attr.class) ? $value.attr.class : ''} 26 {$value.attr.class=isset($value.attr.class) ? $value.attr.class : ''}
@@ -59,8 +59,8 @@
59 <form method="GET" class="pure-u-0 pure-u-lg-visible"> 59 <form method="GET" class="pure-u-0 pure-u-lg-visible">
60 <input type="text" name="linksperpage" placeholder="133"> 60 <input type="text" name="linksperpage" placeholder="133">
61 </form> 61 </form>
62 <a href="#" class="filter-off fold-all pure-u-0 pure-u-lg-visible" title="{'Fold all'|t}"> 62 <a href="#" class="filter-off fold-all pure-u-0 pure-u-lg-visible" aria-label="{'Fold all'|t}" title="{'Fold all'|t}">
63 <i class="fa fa-chevron-up"></i> 63 <i class="fa fa-chevron-up" aria-hidden="true"></i>
64 </a> 64 </a>
65 </div> 65 </div>
66 </div> 66 </div>
diff --git a/tpl/default/page.header.html b/tpl/default/page.header.html
index 4f6dd4d8..5f1e4d66 100644
--- a/tpl/default/page.header.html
+++ b/tpl/default/page.header.html
@@ -20,7 +20,7 @@
20 {if="$is_logged_in || $openshaarli"} 20 {if="$is_logged_in || $openshaarli"}
21 <li class="pure-menu-item"> 21 <li class="pure-menu-item">
22 <a href="?do=addlink" class="pure-menu-link" id="shaarli-menu-shaare"> 22 <a href="?do=addlink" class="pure-menu-link" id="shaarli-menu-shaare">
23 <i class="fa fa-plus" ></i> {'Shaare'|t} 23 <i class="fa fa-plus" aria-hidden="true"></i> {'Shaare'|t}
24 </a> 24 </a>
25 </li> 25 </li>
26 <li class="pure-menu-item" id="shaarli-menu-tools"> 26 <li class="pure-menu-item" id="shaarli-menu-tools">
@@ -67,27 +67,27 @@
67 <li class="pure-menu-item" id="shaarli-menu-desktop-search"> 67 <li class="pure-menu-item" id="shaarli-menu-desktop-search">
68 <a href="#" class="pure-menu-link subheader-opener" 68 <a href="#" class="pure-menu-link subheader-opener"
69 data-open-id="search" 69 data-open-id="search"
70 id="search-button" title="{'Search'|t}"> 70 id="search-button" aria-label="{'Search'|t}" title="{'Search'|t}">
71 <i class="fa fa-search"></i> 71 <i class="fa fa-search" aria-hidden="true"></i>
72 </a> 72 </a>
73 </li> 73 </li>
74 <li class="pure-menu-item" id="shaarli-menu-desktop-rss"> 74 <li class="pure-menu-item" id="shaarli-menu-desktop-rss">
75 <a href="?do={$feed_type}{$searchcrits}" class="pure-menu-link" title="{'RSS Feed'|t}"> 75 <a href="?do={$feed_type}{$searchcrits}" class="pure-menu-link" title="{'RSS Feed'|t}" aria-label="{'RSS Feed'|t}">
76 <i class="fa fa-rss"></i> 76 <i class="fa fa-rss" aria-hidden="true"></i>
77 </a> 77 </a>
78 </li> 78 </li>
79 {if="!$is_logged_in"} 79 {if="!$is_logged_in"}
80 <li class="pure-menu-item" id="shaarli-menu-desktop-login"> 80 <li class="pure-menu-item" id="shaarli-menu-desktop-login">
81 <a href="?do=login" class="pure-menu-link" 81 <a href="?do=login" class="pure-menu-link"
82 data-open-id="header-login-form" 82 data-open-id="header-login-form"
83 id="login-button" title="{'Login'|t}"> 83 id="login-button" aria-label="{'Login'|t}" title="{'Login'|t}">
84 <i class="fa fa-user"></i> 84 <i class="fa fa-user" aria-hidden="true"></i>
85 </a> 85 </a>
86 </li> 86 </li>
87 {else} 87 {else}
88 <li class="pure-menu-item" id="shaarli-menu-desktop-logout"> 88 <li class="pure-menu-item" id="shaarli-menu-desktop-logout">
89 <a href="?do=logout" class="pure-menu-link" title="{'Logout'|t}"> 89 <a href="?do=logout" class="pure-menu-link" aria-label="{'Logout'|t}" title="{'Logout'|t}">
90 <i class="fa fa-sign-out"></i> 90 <i class="fa fa-sign-out" aria-hidden="true"></i>
91 </a> 91 </a>
92 </li> 92 </li>
93 {/if} 93 {/if}