[TASK] Enhance input clearer accessibility 64/37864/2
authorBenjamin Kott <benjamin.kott@outlook.com>
Sun, 15 Mar 2015 18:48:53 +0000 (19:48 +0100)
committerFrank Nägler <typo3@naegler.net>
Sun, 15 Mar 2015 19:45:49 +0000 (20:45 +0100)
- Hide clearer for assistive technology
- Remove clearer from tabindex

Releases: master
Resolves: #65750
Change-Id: I97afb0820ffc1d374847bed405e7ccc272f36dec
Reviewed-on: http://review.typo3.org/37864
Reviewed-by: Wouter Wolters <typo3@wouterwolters.nl>
Tested-by: Wouter Wolters <typo3@wouterwolters.nl>
Reviewed-by: Stephan Großberndt <stephan@grossberndt.de>
Reviewed-by: Frank Nägler <typo3@naegler.net>
Tested-by: Frank Nägler <typo3@naegler.net>
typo3/contrib/jquery/jquery.clearable.js

index 1d9efd8..e5d43e2 100644 (file)
@@ -45,7 +45,7 @@
                                // Wrap it with a div and add a span that is the trigger for
                                // clearing.
                                $input.wrap('<div class="form-control-clearable" />');
-                               $input.after('<button type="button" class="close"><span class="fa fa-times" /></button>');
+                               $input.after('<button type="button" class="close" tabindex="-1" aria-hidden="true"><span class="fa fa-times" /></button>');
                                $input.addClass('t3js-clearable');
 
                                var $clearer = $input.next();