diff options
| author | Juuso Lapinlampi <wub@partyvan.eu> | 2015-10-27 12:07:08 +0100 |
|---|---|---|
| committer | Juuso Lapinlampi <wub@partyvan.eu> | 2015-10-27 12:07:08 +0100 |
| commit | e41a0b11fd386c487e15048aa829f471ceb4c1fa (patch) | |
| tree | b2ab1ebf5ff9b92e4ef99b70b47f9f5675dae50c | |
| parent | 6376b0365a9bd90bcd30f59b460784d896fac0f6 (diff) | |
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.
| -rw-r--r-- | css/pomf.css | 4 |
1 files changed, 1 insertions, 3 deletions
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; } /** |