Theme updates for a11y in webwork-theme.

See openlab-at-city-tech/webworkqa#109.
openlab-at-city-tech · May 1, 2018 · 9819cf4 · 9819cf4
1 parent a612f3d
commit 9819cf4
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/wp-content/themes/webwork-theme/footer.php b/wp-content/themes/webwork-theme/footer.php
@@ -1,4 +1,4 @@
-	<div class="footer section large-padding bg-dark">
+	<div class="footer section large-padding bg-dark" role="complementary">
 
 		<div class="footer-inner section-inner">
 
@@ -32,7 +32,7 @@
 
 	</div> <!-- /footer -->
 
-	<div class="credits section bg-dark no-padding">
+	<div class="credits section bg-dark no-padding" role="contentinfo">
 
 		<div class="credits-inner section-inner">
 

diff --git a/wp-content/themes/webwork-theme/header.php b/wp-content/themes/webwork-theme/header.php
@@ -5,7 +5,7 @@
 	<head>
 
 		<meta charset="<?php bloginfo( 'charset' ); ?>">
-		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" >
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" >
 
 		<?php if ( is_singular() ) wp_enqueue_script( "comment-reply" ); ?>
 
@@ -17,15 +17,15 @@
 
 		<div class="big-wrapper">
 
-			<div class="header-cover section bg-dark-light no-padding">
+			<div class="header-cover section bg-dark-light no-padding" role="banner">
 
 				<div class="header section">
 					<img class="banner-img" src="<?php echo get_stylesheet_directory_uri() . '/images/OLWW_BANNER.png'; ?>" alt="OpenLab WeBWorK logo" />
 				</div> <!-- /header -->
 
 			</div> <!-- /bg-dark -->
 
-			<div class="navigation section no-padding bg-dark">
+			<div class="navigation section no-padding bg-dark" role="navigation">
 
 				<div class="navigation-inner section-inner">
 
@@ -75,8 +75,6 @@
 							) ) ?>
 						<?php endif; ?>
 
-						<div class="clear"></div>
-
 					 </ul>
 
 					 <ul class="mobile-menu">

diff --git a/wp-content/themes/webwork-theme/style.css b/wp-content/themes/webwork-theme/style.css
@@ -16,6 +16,10 @@ a, body a {
 	color: #0044af;
 }
 
+body .blog-menu {
+  overflow: hidden;
+}
+
 body .blog-menu a {
   color: #fff;
   display: block;