Merge pull request #139 from aaronjorbin/master

make "Skip to content" link work in browsers that are doing_it_wrong, but without jQuery. props @aaronjorbin

functions.php

@@ -140,6 +140,8 @@ function _s_scripts() {
 
 	wp_enqueue_script( 'navigation', get_template_directory_uri() . '/js/navigation.js', null, '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' );
 	}

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); 
+
+} 
+
+})();