Focusable 'Skip to content'

* make 'Skip to content' focusable for sighted keyboard users
* .sr-only makes .screen-reader-text obsolete
This commit is contained in:
IanDelMar 2018-09-02 19:30:14 +02:00 committed by GitHub
parent 35eaec8dd9
commit 43127350b5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 1 deletions

View File

@ -29,7 +29,7 @@ $container = get_theme_mod( 'understrap_container_type' );
<!-- ******************* The Navbar Area ******************* --> <!-- ******************* The Navbar Area ******************* -->
<div id="wrapper-navbar" itemscope itemtype="http://schema.org/WebSite"> <div id="wrapper-navbar" itemscope itemtype="http://schema.org/WebSite">
<a class="skip-link screen-reader-text sr-only" href="#content"><?php esc_html_e( 'Skip to content', 'understrap' ); ?></a> <a class="skip-link sr-only sr-only-focusable" href="#content"><?php esc_html_e( 'Skip to content', 'understrap' ); ?></a>
<nav class="navbar navbar-expand-md navbar-dark bg-primary"> <nav class="navbar navbar-expand-md navbar-dark bg-primary">