From 6ee6126089c3702aa52891e614e0c3ab7887c71e Mon Sep 17 00:00:00 2001 From: Aaron Jorbin Date: Mon, 21 Jan 2013 19:01:53 -0500 Subject: [PATCH] On hashchange, make sure we set focus for elements that need it. Essentially the same as 136, but without jquery --- functions.php | 2 ++ js/skip-link-focus-fix.js | 25 +++++++++++++++++++++++++ 2 files changed, 27 insertions(+) create mode 100644 js/skip-link-focus-fix.js diff --git a/functions.php b/functions.php index 89e9eb78..c7821ee8 100644 --- a/functions.php +++ b/functions.php @@ -104,6 +104,8 @@ function _s_scripts() { wp_enqueue_script( 'small-menu', get_template_directory_uri() . '/js/small-menu.js', array( 'jquery' ), '20120206', true ); + wp_enqueue_script( 'skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array( ), '20130115', true ); + if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { wp_enqueue_script( 'comment-reply' ); } diff --git a/js/skip-link-focus-fix.js b/js/skip-link-focus-fix.js new file mode 100644 index 00000000..7b11cd9b --- /dev/null +++ b/js/skip-link-focus-fix.js @@ -0,0 +1,25 @@ +( function() { +var is_webkit = navigator.userAgent.toLowerCase().indexOf('webkit') > -1; +var is_opera = navigator.userAgent.toLowerCase().indexOf('opera') > -1; +var is_ie = navigator.userAgent.toLowerCase().indexOf('msie') > -1; + +if((is_webkit || is_opera || is_ie ) && typeof(document.getElementById) !== 'undefined' ) { + var eventMethod = (window.addEventListener) ? 'addEventListener' : 'attachEvent' ; + window[eventMethod]("hashchange", function(event) { + + var element = document.getElementById(location.hash.substring(1)); + + if (element) { + + if (!/^(?:a|select|input|button|textarea)$/i.test(element.tagName)) { + element.tabIndex = -1; + } + + element.focus(); + } + + }, false); + +} + +})();