Makes accessibility labels translatable. Adds accessibility button colors to customizer. Fixes color on customizer for header menu.

This commit is contained in:
mateuswetah 2019-06-03 16:42:30 -03:00
parent 3e0172856d
commit 5cf5319b2e
2 changed files with 22 additions and 10 deletions

View File

@ -609,12 +609,24 @@ function tainacan_get_color_scheme_css( $colors ) {
nav.menu-belowheader #menubelowHeader > ul > li.menu-item a:hover::before { nav.menu-belowheader #menubelowHeader > ul > li.menu-item a:hover::before {
background-color: {$colors['tainacan_link_color']}; background-color: {$colors['tainacan_link_color']};
} }
nav.menu-belowheader #menubelowHeader ul > li.current_page_item > a,
nav.menu-belowheader #menubelowHeader ul > li.current-menu-item > a {
border-color: {$colors['tainacan_link_color']} !important;
}
nav.menu-belowheader #menubelowHeader ul.show > li.current_page_item > a, nav.menu-belowheader #menubelowHeader ul.show > li.current_page_item > a,
nav.menu-belowheader #menubelowHeader ul.show > li.current-menu-item > a { nav.menu-belowheader #menubelowHeader ul.show > li.current-menu-item > a {
border-color: {$colors['tainacan_link_color']}; border-color: {$colors['tainacan_link_color']};
background-color: {$colors['backtransparent']}; background-color: {$colors['backtransparent']};
} }
.accessibility-bar {
border-bottom-color: {$colors['tainacan_link_color']};
}
.accessibility-bar .accessibility-shortcuts a span,
.accessibility-bar .accessibility-options button:not(.button-high-contrast) {
background-color: {$colors['tainacan_link_color']};
}
.tainacan-single-post #comments .title-leave, .tainacan-single-post #comments .title-leave,
.tainacan-single-post article .title-content-items, .tainacan-single-post article .title-content-items,
.tainacan-single-post article .tainacan-content h1 { .tainacan-single-post article .tainacan-content h1 {

View File

@ -11,32 +11,32 @@
</head> </head>
<body <?php body_class(); ?>> <body <?php body_class(); ?>>
<?php if ( true == get_theme_mod( 'tainacan_accessibility_setting', false ) ) { ?> <?php if ( true == get_theme_mod( 'tainacan_accessibility_setting', false ) ) { ?>
<!-- MENU DE ACESSIBILIDADE --> <!-- ACESSIBILITY MENU -->
<div class="accessibility-bar"> <div class="accessibility-bar">
<nav class="accessibility-bar__container"> <nav class="accessibility-bar__container">
<ul class="accessibility-shortcuts" role="menubar"> <ul class="accessibility-shortcuts" role="menubar">
<li role="menuitem"><a href="#tainacan-site-content" accesskey="c"><span>c</span> Ir para o conteúdo</a></li> <li role="menuitem"><a href="#tainacan-site-content" accesskey="c"><span>c</span><?php _e('Skip to content', 'tainacan-interface') ?></a></li>
<li role="menuitem"><a href="#tainacan-site-menu" accesskey="m"><span>m</span> Ir para o menu</a></li> <li role="menuitem"><a href="#tainacan-site-menu" accesskey="m"><span>m</span><?php _e('Skip to menu', 'tainacan-interface') ?></a></li>
<li role="menuitem"><a href="#tainacan-site-search" accesskey="b"><span>b</span> Ir para a busca</a></li> <li role="menuitem"><a href="#tainacan-site-search" accesskey="b"><span>b</span><?php _e('Skip to search', 'tainacan-interface') ?></a></li>
<li role="menuitem"><a href="#tainacan-site-footer" accesskey="r"><span>r</span> Ir para o rodapé</a></li> <li role="menuitem"><a href="#tainacan-site-footer" accesskey="r"><span>r</span><?php _e('Skip to footer', 'tainacan-interface') ?></a></li>
</ul> </ul>
<ul class="accessibility-options" role="menubar"> <ul class="accessibility-options" role="menubar">
<li role="menuitem"> <li role="menuitem">
<span>Fonte</span> <span><?php _e('Font', 'tainacan-interface') ?></span>
<button type="button" class="button-text-minus" accesskey="5">A-</button> <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-default" accesskey="6">A</button>
<button type="button" class="button-text-plus" accesskey="7">A+</button> <button type="button" class="button-text-plus" accesskey="7">A+</button>
</li> </li>
<li role="menuitem"> <li role="menuitem">
<span>Contraste</span> <span><?php _e('Contrast', 'tainacan-interface') ?></span>
<button type="button" class="button-high-contrast" accesskey="8">Alto Contraste</button> <button type="button" class="button-high-contrast" accesskey="8"><?php _e('High contrast', 'tainacan-interface') ?></button>
</li> </li>
</ul> </ul>
</nav> </nav>
</div> </div>
<!-- AVISO DE ERRO CASO O JS ESTEJA DESATIVADO OU NÃO ESTEJA FUNCIONANDO --> <!-- ERROR WARNING IN CASE JS IS NOT ACTIVATED OR IS NOT WORKING -->
<noscript> <noscript>
<style> <style>
noscript { noscript {
@ -50,7 +50,7 @@
} }
</style> </style>
<span>Seu navegador não tem suporte a JavaScript ou o mesmo está desativado.</span> <span><?php _e('Your browser does not support JavaScript or it is disabled.', 'tainacan-interface') ?></span>
</noscript> </noscript>
<?php } ?> <?php } ?>