ARIA roles update

# Removed unneccessary ARIA roles to make it ARIA and HTML5 compliant.
# Added SCSS to show a pointer on any occasion of buttons (menu, save,
submit, reset etc.)
This commit is contained in:
Thomas A. Reinert 2016-11-04 02:27:07 +01:00
parent 321bc65369
commit 47b0db392b
7 changed files with 37 additions and 31 deletions

1
.gitignore vendored
View File

@ -8,3 +8,4 @@ understrap.zip
src src
dist dist
/gulpfile.js

View File

@ -31,7 +31,7 @@ if ( post_password_required() ) {
</h2> </h2>
<?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?> <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?>
<nav class="comment-navigation" id="comment-nav-above" role="navigation"> <nav class="comment-navigation" id="comment-nav-above">
<h1 class="screen-reader-text"><?php _e( 'Comment navigation', 'understrap' ); ?></h1> <h1 class="screen-reader-text"><?php _e( 'Comment navigation', 'understrap' ); ?></h1>
<?php if ( get_previous_comments_link() ) { ?> <?php if ( get_previous_comments_link() ) { ?>
<div class="nav-previous"><?php previous_comments_link( __( '&larr; Older Comments', 'understrap' ) ); ?></div> <div class="nav-previous"><?php previous_comments_link( __( '&larr; Older Comments', 'understrap' ) ); ?></div>
@ -51,7 +51,7 @@ if ( post_password_required() ) {
</ol><!-- .comment-list --> </ol><!-- .comment-list -->
<?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?> <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?>
<nav class="comment-navigation" id="comment-nav-below" role="navigation"> <nav class="comment-navigation" id="comment-nav-below">
<h1 class="screen-reader-text"><?php _e( 'Comment navigation', 'understrap' ); ?></h1> <h1 class="screen-reader-text"><?php _e( 'Comment navigation', 'understrap' ); ?></h1>
<?php if ( get_previous_comments_link() ) { ?> <?php if ( get_previous_comments_link() ) { ?>
<div class="nav-previous"><?php previous_comments_link( __( '&larr; Older Comments', 'understrap' ) );?></div> <div class="nav-previous"><?php previous_comments_link( __( '&larr; Older Comments', 'understrap' ) );?></div>

View File

@ -5027,7 +5027,6 @@ a.skip-link {
.dropdown-menu .dropdown-menu { .dropdown-menu .dropdown-menu {
position: relative; position: relative;
display: block; display: block;
width: 140px;
margin-left: 10px; margin-left: 10px;
border: none; border: none;
box-shadow: none; } box-shadow: none; }
@ -5040,6 +5039,9 @@ a.skip-link {
.dropdown-menu .menu-item a:hover { .dropdown-menu .menu-item a:hover {
background-color: #895cd1; } background-color: #895cd1; }
button {
cursor: pointer; }
/*! /*!
* Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)

2
css/theme.min.css vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -15,7 +15,7 @@ var browserSyncWatchFiles = [
// browser-sync options // browser-sync options
// see: https://www.browsersync.io/docs/options/ // see: https://www.browsersync.io/docs/options/
var browserSyncOptions = { var browserSyncOptions = {
proxy: "localhost/theme_test/", proxy: "localhost/wordpress/",
notify: false notify: false
}; };

View File

@ -134,7 +134,6 @@ a.skip-link {
.dropdown-menu .dropdown-menu { .dropdown-menu .dropdown-menu {
position: relative; position: relative;
display: block; display: block;
width: 140px;
margin-left: 10px; margin-left: 10px;
border: none; border: none;
box-shadow: none; box-shadow: none;
@ -148,3 +147,7 @@ a.skip-link {
width: 100%; width: 100%;
a:hover { background-color: $brand-primary; } a:hover { background-color: $brand-primary; }
} }
button {
cursor: pointer;
}