Make scroll areas keyboard focussable

Signed-off-by: Julius Härtl <jus@bitgrid.net>

apps/files/src/sidebar.js

@@ -52,6 +52,8 @@ window.addEventListener('DOMContentLoaded', function() {
 		}
 	}
 
+	document.getElementById('app-sidebar').tabIndex = 0
+
 	// Init vue app
 	const View = Vue.extend(SidebarView)
 	const AppSidebar = new View({

apps/files/templates/appnavigation.php

@@ -1,5 +1,5 @@
 <div id="app-navigation" role="navigation">
-	<ul class="with-icon">
+	<ul class="with-icon" tabindex="0">
 
 		<?php
 

apps/files/templates/index.php

@@ -1,6 +1,6 @@
 <?php /** @var \OCP\IL10N $l */ ?>
 <?php $_['appNavigation']->printPage(); ?>
-<div id="app-content">
+<div id="app-content" tabindex="0">
 
 	<input type="checkbox" class="hidden-visually" id="showgridview"
 		aria-label="<?php p($l->t('Toggle grid view'))?>"

apps/files_sharing/templates/public.php

@@ -2,7 +2,7 @@
 /** @var \OCP\IL10N $l */
 /** @var array $_ */
 ?>
-<div id="app-content">
+<div id="app-content" tabindex="0">
 <?php if ($_['previewSupported']): /* This enables preview images for links (e.g. on Facebook, Google+, ...)*/?>
 	<link rel="image_src" href="<?php p($_['previewImage']); ?>" />
 <?php endif; ?>

apps/settings/templates/help.php

@@ -1,7 +1,7 @@
 <?php
 \OC_Util::addStyle('settings', 'help');
 ?>
-<div id="app-navigation" role="navigation">
+<div id="app-navigation" role="navigation" tabindex="0">
 	<ul>
 		<li>
 			<a class="icon-user <?php if ($_['mode'] === 'user') {
@@ -43,6 +43,6 @@
 </div>
 
 <div id="app-content" class="help-includes">
-	<iframe src="<?php print_unescaped($_['url']); ?>" class="help-iframe">
+	<iframe src="<?php print_unescaped($_['url']); ?>" class="help-iframe" tabindex="0">
 	</iframe>
 </div>

apps/settings/templates/settings/frame.php

@@ -30,7 +30,7 @@ script('files', 'jquery.fileupload');
 ?>
 
 <div id="app-navigation" role="navigation">
-	<ul>
+	<ul tabindex="0">
 		<?php if (!empty($_['forms']['admin'])) { ?>
 			<li class="app-navigation-caption"><?php p($l->t('Personal')); ?></li>
 		<?php
@@ -83,6 +83,6 @@ script('files', 'jquery.fileupload');
 	</ul>
 </div>
 
-<div id="app-content">
+<div id="app-content" tabindex="0">
 	<?php print_unescaped($_['content']); ?>
 </div>