diff options
Diffstat (limited to 'srcs/wordpress/wp-content/themes/twentysixteen/js/skip-link-focus-fix.js')
| -rw-r--r-- | srcs/wordpress/wp-content/themes/twentysixteen/js/skip-link-focus-fix.js | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/srcs/wordpress/wp-content/themes/twentysixteen/js/skip-link-focus-fix.js b/srcs/wordpress/wp-content/themes/twentysixteen/js/skip-link-focus-fix.js new file mode 100644 index 0000000..ae8a5da --- /dev/null +++ b/srcs/wordpress/wp-content/themes/twentysixteen/js/skip-link-focus-fix.js @@ -0,0 +1,36 @@ +/** + * Makes "skip to content" link work correctly in IE9, Chrome, and Opera + * for better accessibility. + * + * @link http://www.nczonline.net/blog/2013/01/15/fixing-skip-to-content-links/ + */ + + ( function() { + var isWebkit = navigator.userAgent.toLowerCase().indexOf( 'webkit' ) > -1, + isOpera = navigator.userAgent.toLowerCase().indexOf( 'opera' ) > -1, + isIE = navigator.userAgent.toLowerCase().indexOf( 'msie' ) > -1; + + if ( ( isWebkit || isOpera || isIE ) && document.getElementById && window.addEventListener ) { + window.addEventListener( 'hashchange', function() { + var id = location.hash.substring( 1 ), + element; + + if ( ! ( /^[A-z0-9_-]+$/.test( id ) ) ) { + return; + } + + element = document.getElementById( id ); + + if ( element ) { + if ( ! ( /^(?:a|select|input|button|textarea)$/i.test( element.tagName ) ) ) { + element.tabIndex = -1; + } + + element.focus(); + + // Repositions the window on jump-to-anchor to account for admin bar and border height. + window.scrollBy( 0, -53 ); + } + }, false ); + } +} )(); |
