From e41a0b11fd386c487e15048aa829f471ceb4c1fa Mon Sep 17 00:00:00 2001
From: Juuso Lapinlampi <wub@partyvan.eu>
Date: Tue, 27 Oct 2015 11:07:08 +0000
Subject: Stop placing #upload-input off-screen, don't display it

Problems with placing #upload-input off-screen is that keyboard
navigation (tab) will gain focus of the upload buttons twice.

Hiding the other upload button (the <input> element) off-screen makes no
sense because no explanation is given. Hide it with `display: none;`.

Considering screen reader users, the <button> element (with a future
<label> element) should hopefully convey enough information about it's
purpose. `tabindex="-1"` would be an alternative, but would require
placing content off-screen.
---
 css/pomf.css | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

(limited to 'css/pomf.css')

diff --git a/css/pomf.css b/css/pomf.css
index 3ab19bd..b582cf3 100644
--- a/css/pomf.css
+++ b/css/pomf.css
@@ -224,9 +224,7 @@ nav > ul > li:last-child:after {
  * UPLOAD FORM
  */
 #upload-input {
-	position: absolute;
-	top: 0;
-	left: -5000px;
+	display: none;
 }
 
 /**
-- 
cgit v1.2.3