From 14acf7f254ed30e3d3251b6e10a21e6b7705b507 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Wed, 17 Dec 2014 15:00:57 +0100
Subject: [PATCH 1/6] fix feedback for app navigation when using keyboard

---
 core/css/apps.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/core/css/apps.css b/core/css/apps.css
index e5cf6201688..08877402a4b 100644
--- a/core/css/apps.css
+++ b/core/css/apps.css
@@ -56,6 +56,7 @@
 
 #app-navigation li:hover > a,
 #app-navigation li:focus > a,
+#app-navigation a:focus,
 #app-navigation .selected,
 #app-navigation .selected a {
 	background-color: #ddd;

From e7686a25e410ed8a81945289acde16cc92f15cab Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Wed, 17 Dec 2014 15:01:15 +0100
Subject: [PATCH 2/6] fix feedback for apps menu when using keyboard

---
 core/css/header.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/core/css/header.css b/core/css/header.css
index 2ec82ce844a..005390d2cd0 100644
--- a/core/css/header.css
+++ b/core/css/header.css
@@ -83,9 +83,9 @@
 }
 .menutoggle:hover .header-appname,
 .menutoggle:hover .icon-caret,
-.menutoggle:focus .header-appname
-.menutoggle:focus .icon-caret
-.menutoggle.active .header-appname
+.menutoggle:focus .header-appname,
+.menutoggle:focus .icon-caret,
+.menutoggle.active .header-appname,
 .menutoggle.active .icon-caret {
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 	filter: alpha(opacity=100);

From 7b2ae4676243085cd1dc6847191b1718aa914292 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Wed, 17 Dec 2014 15:43:29 +0100
Subject: [PATCH 3/6] first part of fixing feedback for file list when using
 keyboard

---
 apps/files/css/files.css | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/apps/files/css/files.css b/apps/files/css/files.css
index 3829759a14e..6f31715499b 100644
--- a/apps/files/css/files.css
+++ b/apps/files/css/files.css
@@ -105,6 +105,7 @@
 #filestable tbody tr { background-color:#fff; height:40px; }
 #filestable tbody tr:hover,
 #filestable tbody tr:focus,
+#filestable tbody .name:focus,
 #filestable tbody tr:active {
 	background-color: rgb(240,240,240);
 }
@@ -503,7 +504,7 @@ a.action>img {
 
 #fileList a.action {
 	display: inline;
-	padding: 18px 8px;
+	padding: 17px 8px;
 	line-height: 50px;
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 	filter: alpha(opacity=0);
@@ -516,15 +517,19 @@ a.action>img {
 	position: relative;
 	top: -21px;
 }
-#fileList tr:hover a.action, #fileList a.action.permanent
-#fileList tr:focus a.action, #fileList a.action.permanent {
+#fileList tr:hover a.action,
+#fileList a.action.permanent,
+#fileList tr:focus a.action,
+#fileList a.action.permanent
+/*#fileList .name:focus .action*/ {
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 	filter: alpha(opacity=50);
 	opacity: .5;
 	display:inline;
 }
 #fileList tr:hover a.action:hover,
-#fileList tr:focus a.action:focus {
+#fileList tr:focus a.action:focus,
+#fileList .name:focus a.action:focus {
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 	filter: alpha(opacity=100);
 	opacity: 1;

From a2c2775df2c2a02c3f8bf184207ae37758cf5af5 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Wed, 17 Dec 2014 16:05:01 +0100
Subject: [PATCH 4/6] introduce first 'Skip to content' button

---
 core/css/header.css            | 16 ++++++++++++++++
 core/templates/layout.user.php | 15 +++++++++++----
 2 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/core/css/header.css b/core/css/header.css
index 005390d2cd0..2a2622a9d0d 100644
--- a/core/css/header.css
+++ b/core/css/header.css
@@ -7,6 +7,22 @@
 	-ms-user-select: none;
 }
 
+#skip-to-content a {
+	position: absolute;
+	left: -10000px;
+	top: auto;
+	width: 1px;
+	height: 1px;
+	overflow: hidden;
+}
+#skip-to-content a:focus {
+	left: 76px;
+	top: -9px;
+	color: #fff;
+	width: auto;
+	height: auto;
+}
+
 
 
 /* HEADERS ------------------------------------------------------------------ */
diff --git a/core/templates/layout.user.php b/core/templates/layout.user.php
index 11e2df71458..238b2dd163e 100644
--- a/core/templates/layout.user.php
+++ b/core/templates/layout.user.php
@@ -40,14 +40,16 @@
 		<?php endif; ?>
 	</div>
 	<header><div id="header">
-			<a href="<?php print_unescaped(link_to('', 'index.php')); ?>" title="" id="owncloud">
+			<a href="<?php print_unescaped(link_to('', 'index.php')); ?>"
+				title="" id="owncloud" tabindex="-1">
 				<div class="logo-icon svg">
 					<h1 class="hidden-visually">
 						<?php p($theme->getName()); ?>
 					</h1>
 				</div>
 			</a>
-			<a href="#" class="menutoggle" tabindex="1">
+
+			<a href="#" class="menutoggle" tabindex="2">
 				<h1 class="header-appname">
 					<?php
 						if(OC_Util::getEditionString() === '') {
@@ -59,9 +61,14 @@
 				</h1>
 				<div class="icon-caret svg"></div>
 			</a>
+
+			<div id="skip-to-content">
+				<a href="#app-content" tabindex="1"><?php p($l->t('Skip to content')); ?></a>
+			</div>
+
 			<div id="logo-claim" style="display:none;"><?php p($theme->getLogoClaim()); ?></div>
 			<div id="settings" class="svg">
-				<div id="expand" tabindex="3" role="link">
+				<div id="expand" tabindex="4" role="link">
 					<?php if ($_['enableAvatars']): ?>
 					<div class="avatardiv<?php if ($_['userAvatarSet']) { print_unescaped(' avatardiv-shown"'); } else { print_unescaped('" style="display: none"'); } ?>>
 						<?php if ($_['userAvatarSet']): ?>
@@ -100,7 +107,7 @@
 				</label>
 				<input id="searchbox" class="svg" type="search" name="query"
 					value="<?php if(isset($_POST['query'])) {p($_POST['query']);};?>"
-					autocomplete="off" tabindex="2" />
+					autocomplete="off" tabindex="3" />
 			</form>
 		</div></header>
 

From 30db964b25e1d3f28f3200c6ed9f14fe6318fe45 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Wed, 17 Dec 2014 16:06:41 +0100
Subject: [PATCH 5/6] improve keyboard navigation feedback for certain buttons

---
 core/css/styles.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/core/css/styles.css b/core/css/styles.css
index 3996aade6d4..c110d8a9413 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -192,6 +192,7 @@ input[type="submit"]:hover, input[type="submit"]:focus,
 input[type="button"]:hover, input[type="button"]:focus,
 button:hover, button:focus,
 .button:hover, .button:focus,
+.button a:focus,
 select:hover, select:focus, select:active {
 	background-color: rgba(255, 255, 255, .95);
 	color: #111;

From 5a678a6350d90f9405ef0bba85513dd26701dd92 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Wed, 17 Dec 2014 16:07:44 +0100
Subject: [PATCH 6/6] proper feedback for breadcrumbs when tabbing with
 keyboard

---
 core/css/styles.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/core/css/styles.css b/core/css/styles.css
index c110d8a9413..df4db4d745a 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -975,6 +975,7 @@ div.crumb a.ellipsislink {
 /* some feedback for hover/tap on breadcrumbs */
 div.crumb:hover,
 div.crumb:focus,
+div.crumb a:focus,
 div.crumb:active {
 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 	filter:alpha(opacity=70);