Improve accessibility with more visible focus indication for non vue apps

- Add visible-focus effect on each header entry
- Show focus outline when using focus-visible (keyboard navigation)
- Add polyfy for focus-visible since it's only very recently available
  on webkit
- Change text for link to home button to describe the destination and
  not the current page
- Improve focus effect in app sidebar navigation

Signed-off-by: Carl Schwan <carl@carlschwan.eu>

1 files changed, 4 insertions, 4 deletions

diff --git a/apps/files/templates/recentlist.php b/apps/files/templates/recentlist.php
index 8a556a6dc1d..3a5049bc2de 100644
--- a/apps/files/templates/recentlist.php
+++ b/apps/files/templates/recentlist.php
@@ -16,20 +16,20 @@
 	<tr>
 		<th id='headerName' class="hidden column-name">
 			<div id="headerName-container">
-				<a class="name sort columntitle"
+				<a class="name sort columntitle" href="#" onclick="event.preventDefault()"
 				   data-sort="name"><span><?php p($l->t('Name')); ?></span></a>
 			</div>
 		</th>
 		<th id="headerSize" class="hidden column-size">
-			<a class="size sort columntitle"
+			<a class="size sort columntitle" href="#" onclick="event.preventDefault()"
 			   data-sort="size"><span><?php p($l->t('Size')); ?></span></a>
 		</th>
 		<th id="headerDate" class="hidden column-mtime">
-			<a id="modified" class="columntitle"
+			<a id="modified" class="columntitle" href="#" onclick="event.preventDefault()"
 			   data-sort="mtime"><span><?php p($l->t('Modified')); ?></span><span
 					class="sort-indicator"></span></a>
 			<span class="selectedActions">
-				<a href="" class="delete-selected">
+				<a href="#" onclick="event.preventDefault()" class="delete-selected">
 					<span class="icon icon-delete"></span>
 					<span><?php p($l->t('Delete')) ?></span>
 				</a>