Testando acessibilidade na colecao

This commit is contained in:
Alvino Rodrigues 2018-10-23 13:37:41 -03:00
parent 85b82c9ff4
commit 69319704a4
4 changed files with 85 additions and 73 deletions

View File

@ -175,7 +175,7 @@
height: 170px;
width: 170px;
margin-right: 1rem;
> h4 {
> .title-initials {
text-align: center;
font-size: 3rem;
}
@ -214,7 +214,7 @@
.image-placeholder {
height: 250px;
width: 250px;
> h4 {
> .title-initials {
font-size: 3rem;
}
}

View File

@ -623,14 +623,18 @@ nav{
background-color: #cbcbcb;
display: flex;
margin: 0 auto;
> h4 {
> .title-initials {
/* align-self: center;
text-align: center;
width: 100%; */
flex: auto;
margin-top: auto;
margin-bottom: auto;
color: #fff
color: #fff;
font-size: 1.5rem;
text-decoration: none;
cursor: text;
border-bottom: none;
}
}
@ -915,7 +919,7 @@ body.contraste .collection-header--share .btn .mdi.mdi-share-variant,
body.contraste .collection-header--share .btn .mdi,
body.contraste .t-bg-collection .t-collection--info .t-collection--info-title,
body.contraste .t-bg-collection .t-collection--info .t-collection--col-9,
body.contraste .image-placeholder>h4,
body.contraste .image-placeholder>.title-initials,
body.contraste .t-bg-collection .t-collection--info .t-collection--col-3,
body.contraste .accessibility-shortcuts,
body.contraste .accessibility-shortcuts li,

View File

@ -9,6 +9,7 @@
<a href="http://www.facebook.com/sharer.php?u=<?php echo home_url( $wp->request ); ?>" target="_blank">
<div class="btn btn-icon">
<i class="mdi mdi-facebook"></i>
<span class="sr-only">Facebook</span>
</div>
</a>
</div>
@ -18,6 +19,7 @@
<a href="https://plus.google.com/share?url=<?php echo home_url( $wp->request ); ?>" target="_blank">
<div class="btn btn-icon">
<i class="mdi mdi-google-plus"></i>
<span class="sr-only">Google Plus</span>
</div>
</a>
</div>
@ -27,6 +29,7 @@
<a href="http://twitter.com/share?url=<?php echo home_url( $wp->request ); ?>&amp;text=<?php the_title_attribute(); ?>&amp;via=<?php echo esc_attr( get_option( 'tainacan_twitter_user', '' ) ); ?>" target="_blank">
<div class="btn btn-icon">
<i class="mdi mdi-twitter"></i>
<span class="sr-only">Twitter</span>
</div>
</a>
</div>

View File

@ -29,7 +29,7 @@ if ( $background_color ) {
echo '</style>';
?>
<div <?php if ( get_header_image() ) : ?>class="page-header header-filter page-height" style="background-image: url('<?php header_image(); ?>')"<?php else : ?>class="page-header header-filter page-collection" style="background-image: url('<?php echo get_template_directory_uri() ?>/assets/images/capa.png')"<?php endif; ?>>
<div <?php if ( get_header_image() ) : ?>class="page-header header-filter page-height" style="background-image: url('<?php header_image(); ?>')"<?php else : ?>class="page-header header-filter page-collection" style="background-image: url('<?php echo get_template_directory_uri() ?>/assets/images/capa.png')"<?php endif; ?>>
<div class="container-fluid px-0 t-bg-collection" style="<!-- z-index: 0; -->">
<div class="collection-header position-relative max-large" style="">
<?php do_action( 'tainacan-interface-collection-header' ); ?>
@ -37,11 +37,12 @@ echo '</style>';
<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">
<abbr class="title-initials text-center" title="<?php echo tainacan_get_the_collection_name(); ?>">
<?php
echo tainacan_get_initials( tainacan_get_the_collection_name() );
?>
</h4>
</abbr>
</div>
<?php endif;
global $wp; ?>
@ -55,6 +56,7 @@ echo '</style>';
<a href="http://www.facebook.com/sharer.php?u=<?php echo home_url( $wp->request ); ?>" target="_blank">
<div class="btn btn-icon">
<i class="mdi mdi-facebook"></i>
<span class="sr-only">Facebook</span>
</div>
</a>
</div>
@ -64,6 +66,7 @@ echo '</style>';
<a href="https://plus.google.com/share?url=<?php echo home_url( $wp->request ); ?>" target="_blank">
<div class="btn btn-icon">
<i class="mdi mdi-google-plus"></i>
<span class="sr-only">Google Plus</span>
</div>
</a>
</div>
@ -73,6 +76,7 @@ echo '</style>';
<a href="http://twitter.com/share?url=<?php echo home_url( $wp->request ); ?>&amp;text=<?php the_title_attribute(); ?>&amp;via=<?php echo esc_attr( get_option( 'tainacan_twitter_user', '' ) ); ?>" target="_blank">
<div class="btn btn-icon">
<i class="mdi mdi-twitter"></i>
<span class="sr-only">Twitter</span>
</div>
</a>
</div>
@ -102,4 +106,5 @@ echo '</style>';
<?php do_action( 'tainacan-interface-collection-header-bottom' ); ?>
</div>
</div>
</div>
</div>
</header>