diff --git a/wp-includes/class-wp-admin-bar.php b/wp-includes/class-wp-admin-bar.php
index 4f56b8f6e6..486c90cb88 100644
--- a/wp-includes/class-wp-admin-bar.php
+++ b/wp-includes/class-wp-admin-bar.php
@@ -348,12 +348,13 @@ class WP_Admin_Bar {
 
 		?>
 		<div id="wpadminbar" class="<?php echo $class; ?>" role="navigation">
-			<a id="wpadminbar-shortcut" href="#wp-toolbar" tabindex="1"><?php _e('Skip to toolbar'); ?></a>
+			<a class="screen-reader-text screen-reader-shortcut" href="#wp-toolbar" tabindex="1"><?php _e('Skip to toolbar'); ?></a>
 			<div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="<?php esc_attr_e('Top navigation toolbar.'); ?>">
 				<?php foreach ( $root->children as $group ) {
 					$this->_render_group( $group );
 				} ?>
 			</div>
+			<a class="screen-reader-text screen-reader-shortcut" href="<?php echo esc_url( wp_logout_url() ); ?>"><?php _e('Log Out'); ?></a>
 		</div>
 
 		<?php
diff --git a/wp-includes/css/admin-bar.dev.css b/wp-includes/css/admin-bar.dev.css
index 2ea56fd237..09868613df 100644
--- a/wp-includes/css/admin-bar.dev.css
+++ b/wp-includes/css/admin-bar.dev.css
@@ -601,7 +601,6 @@
 }
 
 /* Skip link */
-#wpadminbar #wpadminbar-shortcut,
 #wpadminbar .screen-reader-text,
 #wpadminbar .screen-reader-text span {
 	position: absolute;
@@ -612,7 +611,7 @@
 	overflow: hidden;
 }
 
-#wpadminbar #wpadminbar-shortcut:focus {
+#wpadminbar .screen-reader-shortcut:focus {
 	left: 5px;
 	top: 5px;
 	height: auto;
@@ -628,6 +627,10 @@
 	line-height: normal;
 }
 
+#wpadminbar a.screen-reader-shortcut {
+	text-decoration: underline;
+}
+
 /**
  * IE 6-targeted rules
  */