Refazendo toda a acessibilidade

src/404.php

@@ -1,11 +1,11 @@
 <?php get_header();?>
 
 	<div class="page-header page-404 header-filter clear-filter" style="background-image: url('<?php echo get_template_directory_uri(); ?>/assets/images/404.png')">
-		<div class="container align-self-center">
+		<div id="content" class="container align-self-center">
 			<div class="row">
 				<div class="col-md-12 mx-auto">
 					<div class="brand mb-5">
-						<h1>404</h1>
+						<h2>404</h2>
 						<h3><?php _e( 'The page you are looking for does not exist!', 'tainacan-interface' );?></h3>
 						<h3>̄\_(ツ)_/ ̄</h3>
 					</div>

src/archive.php

@@ -8,7 +8,7 @@
 
 <main role="main" class="mt-5 max-large margin-one-column">
 	<div class="row">
-		<div class="col-12 <?php if ( is_active_sidebar( 'tainacan-sidebar-right' ) ) { ?>col-lg-9<?php } ?>">
+		<div id="content" class="col-12 <?php if ( is_active_sidebar( 'tainacan-sidebar-right' ) ) { ?>col-lg-9<?php } ?>">
 			<?php get_template_part( 'template-parts/loop' ); ?>
 		</div>
 		<?php if ( is_active_sidebar( 'tainacan-sidebar-right' ) ) { get_sidebar(); } ?>

src/assets/js/js.js

@@ -99,4 +99,85 @@ jQuery( document ).ready(function( $ ) {
 	$( ".trigger" ).click( function() {
 		$( ".collection-header--share" ).toggleClass( "active" );
 	});
+
+	/*
+	 * ACESSIBILIDADE
+	*/
+
+	accessibilityCounter = 0;
+
+	jQuery('.button-text-minus').on('click',function() {
+		if (accessibilityCounter > -3) {
+			var _html = jQuery('html'),
+				fonte = _html.css('font-size'),
+				tamanho = fonte.split('px');
+
+			_html.css('font-size', (parseInt(tamanho[0]) - 2));
+			accessibilityCounter--;
+		}
+	});
+
+	jQuery('.button-text-default').on('click',function() {
+		jQuery('html').css('font-size','1rem');
+		accessibilityCounter = 0;
+	});
+
+	jQuery('.button-text-plus').on('click',function() {
+		if (accessibilityCounter < 3) {
+			var _html = jQuery('html'),
+				fonte = _html.css('font-size'),
+				tamanho = fonte.split('px');
+
+			_html.css('font-size', (parseInt(tamanho[0]) + 3));
+			accessibilityCounter++;
+		}
+	});
+
+	jQuery('.button-high-contrast').on('click',function() {
+		jQuery('body').toggleClass('contraste');
+	});
+
+	/*
+	 * BOTÃO DE EXIBIÇÃO DO FORMULÁRIO DE BUSCA
+	*/
+	jQuery('.tainacan-search-button').on('click',function() {
+		var _elementoPai = jQuery(this).parents('.input-group');
+
+		if (!_elementoPai.hasClass('hover')) {
+			_elementoPai.addClass('hover');
+
+			return false;
+		} else {
+			if (jQuery('#tainacan-search-header').val() == '') {
+				_elementoPai.removeClass('hover');
+
+				return false;
+			}
+		}
+	});
+
+	jQuery('#tainacan-search-header').on({
+		'focus': function() {
+			jQuery(this).parents('.input-group').addClass('hover');
+		},
+		'blur': function() {
+			jQuery(this).parents('.input-group').removeClass('hover');
+		}
+	});
+
+	/*
+	 * AO CLICAR EM QUALQUER LUGAR DA PÁGINA, O CAMPO DE BUSCA ABERTO É FECHADO
+	*/
+	var _formBusca = jQuery('.tainacan-search-form'),
+		_formBuscaFilho = _formBusca.find('.input-group');
+
+	_formBusca.on('click',function(e) {
+		e.stopPropagation();
+	});
+
+	jQuery('body').on('click',function() {
+		if (_formBuscaFilho.hasClass('hover')) {
+			_formBuscaFilho.removeClass('hover');
+		}
+	});
 });

src/assets/scss/_comments.scss

@@ -1,6 +1,6 @@
 #comments{
     div[for=comment]{
-        span{
+        h4{
             font-size: 1.125rem;
         }
         .authenticated{

src/comments.php

@@ -26,7 +26,7 @@ if ( post_password_required() ) {
 				</p>        
 			<?php else : ?>      
 				<div for="comment" class="d-flex mb-2">
-					<span class="text-jelly-bean title-leave"><?php _e( 'Leave your comment', 'tainacan-interface' ); ?></span>
+					<h4 class="text-jelly-bean title-leave"><?php _e( 'Leave your comment', 'tainacan-interface' ); ?></h4>
 					<?php if ( is_user_logged_in() ) { ?>
 						<span class="text-oslo-gray authenticated ml-sm-3 d-none d-sm-block align-self-center">
 						<?php _e( 'Authenticated as:', 'tainacan-interface' );
@@ -45,9 +45,9 @@ if ( post_password_required() ) {
 						'title_reply' => '',
 						'title_reply_before' => '',
 						'title_reply_after' => '',
-						'comment_field' => sprintf( '<div class="form-row"><div class="col-3 col-md-1 align-self-center form-row--avartar"><img src="%1$s" class="img-fluid rounded-circle"></div>', get_avatar_url( $current_user->ID, array(
+						'comment_field' => sprintf( '<div class="form-row"><div class="col-3 col-md-1 align-self-center form-row--avartar"><img src="%1$s" class="img-fluid rounded-circle" alt="Avatar"></div>', get_avatar_url( $current_user->ID, array(
 							'size' => 60,
-						) ) ) . '<div class="col-9 col-md-11 form-row--textarea"><textarea name="comment" id="comment" tabindex="1" required class="form-control mt-2 mt-sm-0" rows="2"></textarea></div></div>',
+						) ) ) . '<div class="col-9 col-md-11 form-row--textarea"><label for="comment" class="sr-only">Comentário</label><textarea name="comment" id="comment" tabindex="1" required class="form-control mt-2 mt-sm-0" rows="2"></textarea></div></div>',
 						'cancel_reply_before' => '',
 						'cancel_reply_after' => '',
 						'class_submit' => 'btn btn-info bg-jungle-green align-self-center mt-3 float-right ml-auto comment-submit-link',

src/footer.php

@@ -1,5 +1,5 @@
 <?php if ( ! is_404() ) : ?>
-	<footer class="container-fluid p-4 p-sm-5 mt-5 tainacan-footer" style="padding-bottom: 0 !important;">
+	<footer id="footer" class="container-fluid p-4 p-sm-5 mt-5 tainacan-footer" style="padding-bottom: 0 !important;">
 		<?php if ( is_active_sidebar( 'tainacan-sidebar-footer' ) ) { ?>
 			<div class="row">
 				<div class="col-12 col-lg">
@@ -12,35 +12,42 @@
 		<hr class="bg-scooter"/>
 		<div class="row p-4 tainacan-footer-info">
 			<div class="col text-white font-weight-normal">
-				<p class="tainacan-footer-info--blog">
+				<?php
-					<?php echo bloginfo( 'title' );
+					if (get_bloginfo('title')) {
-					if ( ! wp_is_mobile() ) {
+						echo '<p class="tainacan-footer-info--blog">' . get_bloginfo('title');
-						echo '<br>';
+						if(!wp_is_mobile()):
-					} else {
+							echo '<br>';
-						echo '</p><p>';
+						else:
+							echo '</p><p>';
+						endif;
+						if ( get_option('blogaddress') ) {
+							echo get_option('blogaddress', ''); 
+						}
+						echo '</p>';
 					}
-					if ( get_option( 'blogaddress' ) ) {
+				?>
-						echo get_option( 'blogaddress', '' );
+				<?php 
-					} ?>
+					if( get_option('blogemail') ) {
-				</p>
+						echo '<p class="tainacan-footer-info--blog">';
-				<p class="tainacan-footer-info--blog">
+						printf(__('E-mail: %s', 'tainacan-theme'), get_option('blogemail', ''));
-<?php if ( get_option( 'blogemail' ) ) {
+						if(get_option('blogphone')) {
-	printf( __( 'E-mail: %s', 'tainacan-interface' ), get_option( 'blogemail', '' ) );
+							if(wp_is_mobile()):
-}
+								echo '<br>';
-if ( get_option( 'blogemail' ) && get_option( 'blogphone' ) ) {
+							else:
-	if ( wp_is_mobile() ) :
+								echo ' - ';
-		echo '<br>';
+							endif;
-	else :
+							printf(__('Telephone: %s', 'tainacan-theme'), get_option('blogphone', ''));
-		echo ' - ';
+						}
-	endif;
+						echo '</p>';
-}
+					} elseif (get_option('blogphone')) {
-if ( get_option( 'blogphone' ) ) {
+						echo '<p class="tainacan-footer-info--blog">';
-	printf( __( 'Telephone: %s', 'tainacan-interface' ), get_option( 'blogphone', '' ) );
+						printf(__('Telephone: %s', 'tainacan-theme'), get_option('blogphone', ''));
-} ?>
+						echo '</p>';
-				</p>
+					}
+				?>
 			</div>
 			<div class="col-auto pr-0 pr-md-3 d-none d-md-block align-self-md-top">
-					<img src="<?php if ( get_theme_mod( 'footer_logo' ) ) { echo esc_attr(get_theme_mod( 'footer_logo' )); } ?>" class="tainacan-footer-info--logo" alt="">
+				<!-- <img src="<?php /*if ( get_theme_mod( 'footer_logo' ) ) { echo esc_attr(get_theme_mod( 'footer_logo' )); } */?>" class="tainacan-footer-info--logo" alt="Tainacan - Logo preto e branco"> -->
 			</div>
 			<div class="col-12 tainacan-powered">
 				<span>

src/functions/enqueues.php

@@ -25,8 +25,8 @@ if ( ! function_exists( 'tainacan_enqueues' ) ) {
 		 * Slick Slider Carousel
 		 */
 			//Styles
-			wp_register_style( 'tainacan_SlickCss', get_template_directory_uri() . '/assets/vendor/slick/css/slick.min.css', '', '1.6.1', '' );
+			wp_register_style( 'tainacan_SlickCss', get_template_directory_uri() . '/assets/vendor/slick/css/slick.min.css', '', '1.6.1');
-			wp_register_style( 'tainacan_SlickThemeCss', get_template_directory_uri() . '/assets/vendor/slick/css/slick-theme.min.css', '', '1.6.1', '' );
+			wp_register_style( 'tainacan_SlickThemeCss', get_template_directory_uri() . '/assets/vendor/slick/css/slick-theme.min.css', '', '1.6.1');
 			wp_enqueue_style( 'tainacan_SlickCss' );
 			wp_enqueue_style( 'tainacan_SlickThemeCss' );
 			//Javascript
@@ -39,7 +39,7 @@ if ( ! function_exists( 'tainacan_enqueues' ) ) {
 		 	// Google fonts Roboto
 		 	wp_enqueue_style( 'tainacan_RobotoFonts', 'https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i' );
 			// Material Icons
-			wp_register_style( 'tainacan_MaterialIconsFonts', get_template_directory_uri() . '/assets/fonts/material-design-icons/css/materialdesignicons.min.css', '', '2.4.85', '' );
+			wp_register_style( 'tainacan_MaterialIconsFonts', get_template_directory_uri() . '/assets/fonts/material-design-icons/css/materialdesignicons.min.css', '', '2.4.85');
 			wp_enqueue_style( 'tainacan_MaterialIconsFonts' );
 
 		/**

src/header.php

@@ -10,26 +10,61 @@
 	<?php wp_head(); ?>
 </head>
 <body <?php body_class(); ?>>
+	<!-- MENU DE ACESSIBILIDADE -->
+	<div class="accessibility-bar compact-mode">
+		<div class="accessibility-bar__container">
+			<ul class="accessibility-shortcuts" role="menubar">
+				<li role="menuitem"><a href="#content" accesskey="c"><span>c</span> Ir para o conteúdo</a></li>
+				<li role="menuitem"><a href="#menu-menu-1" accesskey="m"><span>m</span> Ir para o menu</a></li>
+				<li role="menuitem"><a href="#tainacan-search-header" accesskey="b"><span>b</span> Ir para a busca</a></li>
+				<li role="menuitem"><a href="#footer" accesskey="r"><span>r</span> Ir para o rodapé</a></li>
+			</ul>
+
+			<ul class="accessibility-options" role="menubar">
+				<li role="menuitem">
+					<span>Fonte</span>
+					<button type="button" class="button-text-minus" accesskey="5">A-</button>
+					<button type="button" class="button-text-default" accesskey="6">A</button>
+					<button type="button" class="button-text-plus" accesskey="7">A+</button>
+				</li>
+				<li role="menuitem">
+					<span>Contraste</span>
+					<button type="button" class="button-high-contrast" accesskey="8">Alto Contraste</button>
+				</li>
+			</ul>
+		</div>
+	</div>
+
+	<!-- AVISO DE ERRO CASO O JS ESTEJA DESATIVADO OU NÃO ESTEJA FUNCIONANDO -->
+	<noscript>
+		<style>
+			noscript {
+				margin: 0;
+				padding: 12px 15px;
+				font-size: 18px;
+				color: #000;
+				text-align: center;
+				display: block;
+				background-color: #FFC107;
+			}
+		</style>
+
+		<span>Seu navegador não tem suporte a JavaScript ou o mesmo está desativado.</span>
+	</noscript>
 
 	<nav class="navbar navbar-expand-md navbar-light bg-white menu-shadow px-0">
 		<div class="container-fluid max-large px-0 margin-one-column" id="topNavbar">
 			<?php echo tainacan_get_logo(); ?>
 			<div class="btn-group ml-auto"> 
-					<form class="form-horizontal my-2 my-md-0 tainacan-search-form d-none d-md-block" [formGroup]="searchForm" role="form" (keyup.enter)="onSubmit()">
+				<form class="form-horizontal my-2 my-md-0 tainacan-search-form" [formGroup]="searchForm" role="form" (keyup.enter)="onSubmit()">
-						<div class="input-group">
+					<div class="input-group">
-							<input type="text" name="s" placeholder="<?php _e( 'Search', 'tainacan-interface' ); ?>" class="form-control" formControlName="searchText" size="50">
+						<label for="tainacan-search-header" class="sr-only">Digite o que procura</label>
-							<span class="text-midnight-blue input-group-btn mdi mdi-magnify form-control-feedback"></span>
+						<input type="text" name="s" placeholder="<?php _e('Search', 'tainacan-interface'); ?>" class="form-control" formControlName="searchText" size="50" id="tainacan-search-header">
-						</div>
+						<button type="submit" class="form-control-feedback tainacan-search-button"><span class="text-midnight-blue input-group-btn mdi mdi-magnify"></span></button>
-					</form>
-					<div class="dropdown tainacan-form-dropdown d-md-none">
-						<a class="btn btn-link text-midnight-blue px-1 dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="mdi mdi-magnify"></i></a>
-
-						<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
-							<?php get_search_form(); ?>
-						</div>
 					</div>
+				</form>
 			</div>
 		</div>
 	</nav>
 
-	<a href="javascript:" id="return-to-top"><i class="mdi mdi-menu-up"></i></a>
+	<a href="javascript:" id="return-to-top"><i class="mdi mdi-menu-up"></i><span class="sr-only">Voltar ao topo</span></a>

src/index.php

@@ -8,7 +8,7 @@
 
 <main role="main" class="mt-5 max-large margin-one-column">
 	<div class="row">
-		<div class="col-12 <?php if ( is_active_sidebar( 'tainacan-sidebar-right' ) ) { ?>col-lg-9<?php } ?>">
+		<div id="content" class="col-12 <?php if ( is_active_sidebar( 'tainacan-sidebar-right' ) ) { ?>col-lg-9<?php } ?>">
 			<?php get_template_part( 'template-parts/loop' ); ?>
 		</div>
 		<?php if ( is_active_sidebar( 'tainacan-sidebar-right' ) ) { get_sidebar(); } ?>

src/searchform.php

@@ -1,7 +1,8 @@
 <form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
 	<div class="input-group border">
+		<label for="tainacan-search" class="sr-only">Digite o que procura</label>
 		<input class="form-control py-2 border-0" type="search" name="s" placeholder="<?php _e( 'Search', 'tainacan-interface' ); ?>" id="tainacan-search">
-		<span class="input-group-append d-none d-md-block">
+		<span class="input-group-append">
 			<button class="btn btn-outline-secondary border-0 border bg-white" type="submit">
 				<i class="mdi mdi-magnify" style="line-height: inherit;"></i>
 			</button>

src/single.php

@@ -5,7 +5,7 @@
 <!-- Get the menu if is create in panel admin -->
 <?php get_template_part( 'template-parts/menubellowbanner' ); ?>
 
-<main role="main" class="mt-5 max-large margin-one-column">
+<main id="content" role="main" class="mt-5 max-large margin-one-column">
 	<div class="row">
 		<div class="col col-sm mx-sm-auto">
 			<?php get_template_part( 'template-parts/loop', 'singular' ); ?>

src/tainacan/single-items.php

@@ -11,12 +11,12 @@
 				<?php while ( have_posts() ) : the_post(); ?>
 					<div class="tainacan-title">
 						<div class="border-bottom border-jelly-bean tainacan-title-page" style="border-width: 2px !important;">
-							<ul class="list-inline mb-1">
+							<div class="list-inline mb-1">
-								<li class="list-inline-item text-midnight-blue font-weight-bold title-page">
+								<h3 class="list-inline-item text-midnight-blue font-weight-bold title-page">
 									<?php the_title(); ?>
-								</li>
+								</h3>
-								<li class="list-inline-item float-right title-back"><a href="javascript:history.go(-1)"><?php _e( 'Back', 'tainacan-interface' ); ?></a></li>
+								<a href="javascript:history.go(-1)" class="list-inline-item float-right title-back"><?php _e( 'Back', 'tainacan-interface' ); ?></a>
-							</ul>
+							</div>
 						</div>
 					</div>
 					
@@ -30,7 +30,7 @@
 								</div>
 							</header>
 							<?php if ( tainacan_has_document() ) : ?>
-								<h1 class="title-content-items"><?php _e( 'Document', 'tainacan-interface' ); ?></h1>
+								<h3 class="title-content-items"><?php _e( 'Document', 'tainacan-interface' ); ?></h3>
 								<section class="tainacan-content single-item-collection margin-two-column">
 									<div class="single-item-collection--document">
 										<?php tainacan_the_document(); ?>
@@ -67,7 +67,7 @@
 
 						<div class="mt-3 tainacan-single-post">
 							<article role="article">
-								<h1 class="title-content-items"><?php _e( 'Attachments', 'tainacan-interface' ); ?></h1>
+								<h3 class="title-content-items"><?php _e( 'Attachments', 'tainacan-interface' ); ?></h3>
 								<section class="tainacan-content single-item-collection margin-two-column">
 									<div class="single-item-collection--attachments">
 										<?php foreach ( $attachment as $attachment ) { ?>
@@ -96,7 +96,7 @@
 
 					<div class="mt-3 tainacan-single-post">
 						<article role="article">
-							<!-- <h1 class="title-content-items"><?php _e( 'Information', 'tainacan-interface' ); ?></h1> -->
+							<!-- <h3 class="title-content-items"><?php _e( 'Information', 'tainacan-interface' ); ?></h3> -->
 							<section class="tainacan-content single-item-collection margin-two-column">
 								<div class="single-item-collection--information justify-content-center">
 									<div class="row">
@@ -104,7 +104,7 @@
 											<div class="card border-0">
 												<div class="card-body bg-white border-0 pl-0 pt-0 pb-1">
 													<h3><?php _e( 'Thumbnail', 'tainacan-interface' ); ?></h3>
-													<img src="<?php echo get_the_post_thumbnail_url( get_the_ID(), 'tainacan-medium-full' ) ?>" class="item-card--thumbnail mt-2">
+													<img src="<?php echo get_the_post_thumbnail_url( get_the_ID(), 'tainacan-medium-full' ) ?>" class="item-card--thumbnail mt-2" alt="Thumbnail">
 												</div>
 											</div>
 											<div class="card border-0 my-3">
@@ -113,7 +113,7 @@
 													<div class="btn-group" role="group">
 														<?php if ( true == get_theme_mod( 'facebook_share', true ) ) : ?> 
 															<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>" class="item-card-link--sharing" target="_blank">
-																<img src="<?php echo get_template_directory_uri() . '/assets/images/facebook-circle.png'; ?>" alt="">
+																<img src="<?php echo get_template_directory_uri() . '/assets/images/facebook-circle.png'; ?>" alt="Facebook">
 															</a>
 														<?php endif; ?>
 														<?php if ( true == get_theme_mod( 'twitter_share', true ) ) : ?> 
@@ -122,12 +122,12 @@
 															$via = ! empty( $twitter_option ) ? '&amp;via=' . get_option( 'twitter_user' ) : '';
 															?>
 															<a href="http://twitter.com/share?url=<?php the_permalink(); ?>&amp;text=<?php the_title_attribute(); ?><?php echo $via; ?>" target="_blank" class="item-card-link--sharing">
-																<img src="<?php echo get_template_directory_uri() . '/assets/images/twitter-circle.png'; ?>" alt="">
+																<img src="<?php echo get_template_directory_uri() . '/assets/images/twitter-circle.png'; ?>" alt="Twitter">
 															</a>
 														<?php endif; ?>
 														<?php if ( true == get_theme_mod( 'google_share', true ) ) : ?> 
 															<a href="https://plus.google.com/share?url=<?php the_permalink(); ?>" target="_blank" class="item-card-link--sharing">
-																<img src="<?php echo get_template_directory_uri() . '/assets/images/google-plus-circle.png'; ?>" alt="">
+																<img src="<?php echo get_template_directory_uri() . '/assets/images/google-plus-circle.png'; ?>" alt="Google Plus">
 															</a>
 														<?php endif; ?>
 													</div>

src/template-parts/bannerheader.php

@@ -1,7 +1,7 @@
 <div <?php if ( get_header_image() ) : ?>class="page-header header-filter clear-filter page-height" style="background-image: url('<?php header_image(); ?>')"<?php else : ?>class="page-header header-filter clear-filter align-items-center" style="background-image: url('<?php echo get_template_directory_uri() ?>/assets/images/capa.png')"<?php endif; ?>>
 	<div class="container-fluid max-large p-0 ph-title-description">
 		<div class="bg-white-title title-header <?php if ( is_singular() || is_archive() || is_search() || is_home() ) { echo 'singular-title'; }?>">
-			<h1 class="mb-0 text-truncate">
+			<h2 class="page-title mb-0 text-truncate">
 				<?php
 				if ( is_home() ) {
 					bloginfo( 'title' );
@@ -26,7 +26,7 @@
 						endif;
 					}
 				} ?>
-			</h1>
+			</h2>
 		</div>
 	</div>
 </div>

src/template-parts/headercollection.php

@@ -34,7 +34,7 @@ echo '</style>';
 		<div class="collection-header position-relative max-large" style="">
 			<?php do_action( 'tainacan-interface-collection-header' ); ?>
 			<?php if ( has_post_thumbnail( tainacan_get_collection_id() ) ) : ?>
-				<img src="<?php echo get_the_post_thumbnail_url( tainacan_get_collection_id() ); ?>" class="t-collection--info-img rounded-circle img-fluid border border-white position-absolute text-left">
+				<img src="<?php echo get_the_post_thumbnail_url( tainacan_get_collection_id() ); ?>" class="t-collection--info-img rounded-circle img-fluid border border-white position-absolute text-left" alt="Image">
 			<?php else : ?>
 				<div class="image-placeholder rounded-circle border border-white position-absolute">
 					<h4 class="text-center">

src/template-parts/list-post.php

@@ -1,7 +1,7 @@
 <div class="row blog-post mb-3">
 	<?php if ( has_post_thumbnail() ) : ?>
 		<div class="col-xs-12 col-md-4 blog-thumbnail align-self-center text-center mb-4 mb-md-0">
-			<a href="<?php the_permalink(); ?>"><img src="<?php echo get_the_post_thumbnail_url( get_the_ID(),'tainacan-interface-list-post' ) ?>" class="img-fluid" alt=""></a>
+			<a href="<?php the_permalink(); ?>"><img src="<?php echo get_the_post_thumbnail_url( get_the_ID(),'tainacan-interface-list-post' ) ?>" class="img-fluid" alt="Thumbnail"></a>
 		</div>
 	<?php endif; ?>
 	<div class="col-xs-12 blog-content <?php if ( has_post_thumbnail() ) :?>col-md-8 blog-flex<?php else : ?>col-md-12<?php endif; ?> align-self-center">

src/template-parts/loop-singular.php

@@ -2,12 +2,12 @@
 	<?php while ( have_posts() ) : the_post(); ?>
 		<div class="tainacan-title">
 			<div class="border-bottom border-jelly-bean tainacan-title-page" style="border-width: 2px !important;">
-				<ul class="list-inline mb-1">
+				<div class="list-inline mb-1">
-					<li class="list-inline-item text-midnight-blue font-weight-bold title-page">
+					<h3 class="list-inline-item text-midnight-blue font-weight-bold title-page">
 						<?php the_title(); ?>
-					</li>
+					</h3>
-					<li class="list-inline-item float-right title-back"><a href="javascript:history.go(-1)"><?php _e( 'Back', 'tainacan-interface' ); ?></a></li>
+					<a href="javascript:history.go(-1)" class="list-inline-item float-right title-back"><?php _e( 'Back', 'tainacan-interface' ); ?></a>
-				</ul>
+				</div>
 			</div>
 		</div>
 		<div class="mt-3 tainacan-single-post">

src/template-parts/loop-tainacan-collection-grid.php

@@ -8,7 +8,7 @@
 							<?php the_title(); ?>           
 						</p>
 						<?php if ( has_post_thumbnail() ) : ?>
-							<img src="<?php echo get_the_post_thumbnail_url( get_the_ID(), 'tainacan-medium' ) ?>" class="img-fluid tainacan-list-collection--grid-img" alt="">  
+							<img src="<?php echo get_the_post_thumbnail_url( get_the_ID(), 'tainacan-medium' ) ?>" class="img-fluid tainacan-list-collection--grid-img" alt="Thumbnail">  
 						<?php else : ?>
 							<div class="image-placeholder">
 								<h4 class="text-center">

src/template-parts/loop-tainacan-collection-table.php

@@ -15,7 +15,7 @@
 					<tr class="tainacan-list-collection" onclick="location.href='<?php the_permalink(); ?>'">
 						<td class="collection-miniature">
 							<?php if ( has_post_thumbnail() ) : ?>
-								<img src="<?php echo get_the_post_thumbnail_url( get_the_ID(), 'tainacan-small' ) ?>" class="img-fluid rounded-circle" alt="">
+								<img src="<?php echo get_the_post_thumbnail_url( get_the_ID(), 'tainacan-small' ) ?>" class="img-fluid rounded-circle" alt="Thumbnail">
 							<?php else : ?>
 								<div class="image-placeholder">
 									<h4>

src/template-parts/loop-tainacan-collection.php

@@ -7,7 +7,7 @@
 						<h5 class="tainacan-list-collection--title text-black text-left p-3 mb-0 text-truncate"><?php the_title(); ?></h5>
 						<div class="media">
 							<?php if ( has_post_thumbnail() ) : ?>
-								<img src="<?php echo get_the_post_thumbnail_url( get_the_ID(), 'collection-list-card' ) ?>" class="tainacan-list-collection--card-img rounded-0 align-self-center mr-3" alt="">  
+								<img src="<?php echo get_the_post_thumbnail_url( get_the_ID(), 'collection-list-card' ) ?>" class="tainacan-list-collection--card-img rounded-0 align-self-center mr-3" alt="Thumbnail">  
 							<?php else : ?>
 								<div class="image-placeholder">
 									<h4>

src/template-parts/loop.php

@@ -1,8 +1,8 @@
 <?php if ( have_posts() ) : ?>
 	<div class="tainacan-title">
 		<div class="border-bottom border-jelly-bean tainacan-title-page">
-			<ul class="list-inline mb-1 d-flex">
+			<div class="list-inline mb-1 d-flex">
-				<li class="list-inline-item text-midnight-blue font-weight-bold title-page">
+				<h3 class="list-inline-item text-midnight-blue font-weight-bold title-page">
 					<?php if ( is_home() ) {
 						if ( get_option( 'page_for_posts' ) ) :
 							echo get_the_title( get_option( 'page_for_posts' ) );
@@ -15,9 +15,9 @@
 } elseif ( is_archive() ) {
 	echo ' ' . get_the_archive_title();
 } ?>
-				</li>
+				</h3>
-				<li class="list-inline-item float-right title-back align-self-end ml-auto"><a href="javascript:history.go(-1)"><?php _e( 'Back', 'tainacan-interface' ); ?></a></li>
+				<a href="javascript:history.go(-1)" class="list-inline-item float-right title-back align-self-end ml-auto"><?php _e( 'Back', 'tainacan-interface' ); ?></a>
-			</ul>
+			</div>
 		</div>
 	</div>
 

src/template-parts/menubellowbanner.php

@@ -9,7 +9,6 @@
 	<nav class="navbar navbar-expand-md navbar-light bg-white px-0 border-bottom menu-belowheader" role="navigation">
 		<div class="container-fluid max-large px-0 margin-one-column">
 			<!-- Brand and toggle get grouped for better mobile display -->	
-			<a class="navbar-brand d-md-none" href="#"></a>
 			<button class="navbar-toggler text-heavy-metal border-0 px-2 pt-2" type="button" data-toggle="collapse" data-target="#menubelowHeader" aria-controls="menubelowHeader" aria-expanded="false" aria-label="Toggle navigation">	
 				<span class="navbar-toggler-icon"></span>	
 			</button>

src/template-parts/single-post.php

@@ -7,19 +7,19 @@
 			<div class="btn-group ml-auto" role="group">
 				<?php if ( true == get_theme_mod( 'facebook_share', true ) ) : ?> 
 					<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>" class="" target="_blank">
-						<img src="<?php echo get_template_directory_uri() . '/assets/images/facebook-circle.png'; ?>" alt="">
+						<img src="<?php echo get_template_directory_uri() . '/assets/images/facebook-circle.png'; ?>" alt="Facebook">
 					</a>
 				<?php endif; ?>
 				<?php if ( true == get_theme_mod( 'twitter_share', true ) ) : ?> 
 					<?php $twitter_option = get_option( 'twitter_user' ); ?>
 					<?php $via = ! empty( $twitter_option ) ? '&amp;via=' . get_option( 'twitter_user' ) : ''; ?>
 					<a href="http://twitter.com/share?url=<?php the_permalink(); ?>&amp;text=<?php the_title_attribute(); ?><?php echo $via; ?>" target="_blank" class="">
-						<img src="<?php echo get_template_directory_uri() . '/assets/images/twitter-circle.png'; ?>" alt="">
+						<img src="<?php echo get_template_directory_uri() . '/assets/images/twitter-circle.png'; ?>" alt="Twitter">
 					</a>
 				<?php endif; ?>
 				<?php if ( true == get_theme_mod( 'google_share', true ) ) : ?> 
 					<a href="https://plus.google.com/share?url=<?php the_permalink(); ?>" target="_blank" class="">
-						<img src="<?php echo get_template_directory_uri() . '/assets/images/google-plus-circle.png'; ?>" alt="">
+						<img src="<?php echo get_template_directory_uri() . '/assets/images/google-plus-circle.png'; ?>" alt="Google Plus">
 					</a>
 				<?php endif; ?>
 			</div>