diff options
Diffstat (limited to 'themes/twentynineteen/js/skip-link-focus-fix.js')
-rw-r--r-- | themes/twentynineteen/js/skip-link-focus-fix.js | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/themes/twentynineteen/js/skip-link-focus-fix.js b/themes/twentynineteen/js/skip-link-focus-fix.js new file mode 100644 index 00000000..32ba80cc --- /dev/null +++ b/themes/twentynineteen/js/skip-link-focus-fix.js @@ -0,0 +1,33 @@ +/** + * File skip-link-focus-fix.js. + * + * Helps with accessibility for keyboard only users. + * + * This is the source file for what is minified in the twentynineteen_skip_link_focus_fix() PHP function. + * + * Learn more: https://git.io/vWdr2 + */ +( function() { + var isIe = /(trident|msie)/i.test( navigator.userAgent ); + + if ( 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(); + } + }, false ); + } +} )(); |