Corrigidas as ancoras, alto contraste, semantica e wai aria
This commit is contained in:
Alvino Rodrigues
parent
1a49f550e5
commit
c07d8a4333
|
|
@ -1,9 +1,10 @@
|
|||
<?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 id="content" class="container align-self-center">
|
||||
</header>
|
||||
<main role="main" 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 class="row">
|
||||
<div class="col-md-12 mx-auto">
|
||||
<a href="#content" id="content" name="content" class="sr-only">Conteúdo</a>
|
||||
<div class="brand mb-5">
|
||||
<h2>404</h2>
|
||||
<h3><?php _e( 'The page you are looking for does not exist!', 'tainacan-interface' );?></h3>
|
||||
|
|
@ -15,5 +16,5 @@
|
|||
</div>
|
||||
</div>
|
||||
</div><!-- end .container -->
|
||||
</div><!-- end .page-header -->
|
||||
</main><!-- end .page-header -->
|
||||
<?php get_footer(); ?>
|
||||
|
|
|
|||
|
|
@ -2,13 +2,15 @@
|
|||
|
||||
<!-- Get the banner to display -->
|
||||
<?php get_template_part( 'template-parts/bannerheader' ); ?>
|
||||
</header>
|
||||
<!-- 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">
|
||||
<div class="row">
|
||||
<div id="content" class="col-12 <?php if ( is_active_sidebar( 'tainacan-sidebar-right' ) ) { ?>col-lg-9<?php } ?>">
|
||||
<div class="col-12 <?php if ( is_active_sidebar( 'tainacan-sidebar-right' ) ) { ?>col-lg-9<?php } ?>">
|
||||
<a href="#content" id="content" name="content" class="sr-only">Conteúdo</a>
|
||||
<?php get_template_part( 'template-parts/loop' ); ?>
|
||||
</div>
|
||||
<?php if ( is_active_sidebar( 'tainacan-sidebar-right' ) ) { get_sidebar(); } ?>
|
||||
|
|
|
|||
|
|
@ -832,6 +832,9 @@ body.contraste .button.is-outlined {
|
|||
background-color: #000 !important;
|
||||
}
|
||||
|
||||
body.contraste a { text-decoration: underline !important; }
|
||||
body.contraste a:visited { color: #FFF333 !important; }
|
||||
|
||||
body.contraste .search-box,
|
||||
body.contraste .collection-header--type-b { border: 2px solid #fff !important; }
|
||||
|
||||
|
|
@ -893,4 +896,27 @@ body.contraste .tooltip .tooltip-inner {
|
|||
background-color: #fff !important;
|
||||
}
|
||||
body.contraste .accessibility-options .button-high-contrast,
|
||||
body.contraste .tainacan-logo img { background-color: #fff !important; }
|
||||
body.contraste .tainacan-logo img { background-color: #fff !important; }
|
||||
|
||||
body.contraste .tainacan-search-form {
|
||||
.input-group {
|
||||
.form-control {
|
||||
border: 1px solid transparent !important;
|
||||
|
||||
&:focus { border: 1px solid #fff !important; }
|
||||
}
|
||||
&:hover,
|
||||
&.hover {
|
||||
.form-control { border: 1px solid #fff !important; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body.contraste #return-to-top {
|
||||
background: #fff !important;
|
||||
|
||||
i {
|
||||
color: #000 !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,5 +1,6 @@
|
|||
<?php if ( ! is_404() ) : ?>
|
||||
<footer id="footer" class="container-fluid p-4 p-sm-5 mt-5 tainacan-footer" style="padding-bottom: 0 !important;">
|
||||
<footer role="contentinfo" class="container-fluid p-4 p-sm-5 mt-5 tainacan-footer" style="padding-bottom: 0 !important;">
|
||||
<a href="#footer" id="footer" name="footer" class="sr-only">Rodapé</a>
|
||||
<?php if ( is_active_sidebar( 'tainacan-sidebar-footer' ) ) { ?>
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg">
|
||||
|
|
@ -47,7 +48,7 @@
|
|||
?>
|
||||
</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( 'tainacan_footer_logo' ) ) { echo esc_attr(get_theme_mod( 'tainacan_footer_logo' )); } ?>" class="tainacan-footer-info--logo" alt="Tainacan - Logo preto e branco">
|
||||
<!-- <img src="<?php/* if ( get_theme_mod( 'tainacan_footer_logo' ) ) { echo esc_attr(get_theme_mod( 'tainacan_footer_logo' )); } */?>" class="tainacan-footer-info--logo" alt="Tainacan - Logo preto e branco"> -->
|
||||
</div>
|
||||
<div class="col-12 tainacan-powered">
|
||||
<span>
|
||||
|
|
|
|||
103
src/header.php
103
src/header.php
|
|
@ -10,61 +10,62 @@
|
|||
<?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>
|
||||
<header role="banner">
|
||||
<!-- MENU DE ACESSIBILIDADE -->
|
||||
<div class="accessibility-bar">
|
||||
<nav 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="#tainacan-navigation-menu" 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>
|
||||
<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>
|
||||
</nav>
|
||||
</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>
|
||||
<!-- 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>
|
||||
<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" [formGroup]="searchForm" role="form" (keyup.enter)="onSubmit()" action="<?php echo home_url( '/' ); ?>">
|
||||
<div class="input-group">
|
||||
<label for="tainacan-search-header" class="sr-only">Digite o que procura</label>
|
||||
<input type="text" name="s" placeholder="<?php _e('Search', 'tainacan-interface'); ?>" class="form-control" formControlName="searchText" size="50" id="tainacan-search-header">
|
||||
<button type="submit" class="form-control-feedback tainacan-search-button"><span class="text-midnight-blue input-group-btn mdi mdi-magnify"></span></button>
|
||||
</div>
|
||||
</form>
|
||||
<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" [formGroup]="searchForm" role="form" (keyup.enter)="onSubmit()" action="<?php echo home_url( '/' ); ?>">
|
||||
<div class="input-group">
|
||||
<label for="tainacan-search-header" class="sr-only">Digite o que procura</label>
|
||||
<input type="text" name="s" placeholder="<?php _e('Search', 'tainacan-interface'); ?>" class="form-control" formControlName="searchText" size="50" id="tainacan-search-header">
|
||||
<button type="submit" class="form-control-feedback tainacan-search-button"><span class="text-midnight-blue input-group-btn mdi mdi-magnify"></span></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</nav>
|
||||
|
||||
<a href="javascript:" id="return-to-top"><i class="mdi mdi-menu-up"></i><span class="sr-only">Voltar ao topo</span></a>
|
||||
<a href="javascript:" id="return-to-top"><i class="mdi mdi-menu-up"></i><span class="sr-only">Voltar ao topo</span></a>
|
||||
|
|
|
|||
|
|
@ -2,13 +2,15 @@
|
|||
|
||||
<!-- Get the banner to display -->
|
||||
<?php get_template_part( 'template-parts/bannerheader' ); ?>
|
||||
</header>
|
||||
<!-- 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">
|
||||
<div class="row">
|
||||
<div id="content" class="col-12 <?php if ( is_active_sidebar( 'tainacan-sidebar-right' ) ) { ?>col-lg-9<?php } ?>">
|
||||
<div class="col-12 <?php if ( is_active_sidebar( 'tainacan-sidebar-right' ) ) { ?>col-lg-9<?php } ?>">
|
||||
<a href="#content" id="content" name="content" class="sr-only">Conteúdo</a>
|
||||
<?php get_template_part( 'template-parts/loop' ); ?>
|
||||
</div>
|
||||
<?php if ( is_active_sidebar( 'tainacan-sidebar-right' ) ) { get_sidebar(); } ?>
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
|
||||
<!-- Get the banner to display -->
|
||||
<?php get_template_part( 'template-parts/bannerheader' ); ?>
|
||||
</header>
|
||||
<!-- Get the menu if is create in panel admin -->
|
||||
<?php get_template_part( 'template-parts/menubellowbanner' ); ?>
|
||||
|
||||
|
|
@ -9,9 +10,10 @@
|
|||
<div class="row">
|
||||
|
||||
<div class="col-sm margin-one-column">
|
||||
<div id="content" role="main">
|
||||
<main role="main">
|
||||
<a href="#content" id="content" name="content" class="sr-only">Conteúdo</a>
|
||||
<?php get_template_part( 'template-parts/loop', 'singular' ); ?>
|
||||
</div><!-- /#content -->
|
||||
</main>
|
||||
</div>
|
||||
</div><!-- /.row -->
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="col-12 col-lg-3 border-top border-jelly-bean sidebar-border">
|
||||
<div id="sidebar" class="py-4 pt-md-0 mx-2 mx-sm-0 sidebar hidden-print">
|
||||
<aside role="complementary" id="sidebar" class="py-4 pt-md-0 mx-2 mx-sm-0 sidebar hidden-print">
|
||||
<?php dynamic_sidebar( 'tainacan-sidebar-right' ); ?>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,12 +2,14 @@
|
|||
|
||||
<!-- Get the banner to display -->
|
||||
<?php get_template_part( 'template-parts/bannerheader' ); ?>
|
||||
</header>
|
||||
<!-- Get the menu if is create in panel admin -->
|
||||
<?php get_template_part( 'template-parts/menubellowbanner' ); ?>
|
||||
|
||||
<main id="content" role="main" class="mt-5 max-large margin-one-column">
|
||||
<main role="main" class="mt-5 max-large margin-one-column">
|
||||
<div class="row">
|
||||
<div class="col col-sm mx-sm-auto">
|
||||
<a href="#content" id="content" name="content" class="sr-only">Conteúdo</a>
|
||||
<?php get_template_part( 'template-parts/loop', 'singular' ); ?>
|
||||
</div>
|
||||
</div><!-- /.row -->
|
||||
|
|
|
|||
|
|
@ -6,11 +6,11 @@
|
|||
$bread .= "</ol>"; */
|
||||
?>
|
||||
<?php if ( has_nav_menu( 'navMenubelowHeader' ) ) : ?>
|
||||
<nav class="navbar navbar-expand-md navbar-light bg-white px-0 border-bottom menu-belowheader" role="navigation">
|
||||
<nav id="tainacan-navigation-menu" 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 -->
|
||||
<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 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>
|
||||
<?php /* if(wp_is_mobile()) echo $bread; */ ?>
|
||||
<?php
|
||||
|
|
|
|||
Loading…
Reference in New Issue