lindaglevy

@bworx do you know how to add “next” and “previous” labels to the arrow buttons on the blog part of this page? https://sdpride.org/

Here is the code for that section

<?php

$args = array(
	'category_name' => 'featured'
);

$featposts = new WP_Query($args);

if ( $featposts->have_posts() ) { ?>

<section class="home-blog">
	<div class="container">
		<div class="posts one-scroller" data-parallax='{"y": -20}'>
<?php
	while ( $featposts->have_posts() ) {
		$featposts->the_post(); ?>
			<div class="post">
				<?php
				if (has_post_thumbnail()) {
					$bg = wp_get_attachment_image_src(get_post_thumbnail_id(), 'large');
					echo '<a href="' . get_the_permalink() .'">';
					echo '<img class="alignright" src="'. $bg[0] .'">';
					echo '</a>';
				}
				?>

				<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
				<aside>Date Posted: <?php the_date(); ?> &nbsp;|&nbsp; By: <?php the_author(); ?></aside>
				<p><?php echo get_the_excerpt(); ?>&hellip;</p>
				<a href="<?php the_permalink(); ?>" class="btn">Read More</a>
			</div>
<?php } ?>
		</div>
	</div>
</section>
<?php
}

wp_reset_postdata();

?>

@bworx that worked for the icon! thank you so much!

I ran the screen reader on this page: https://sdpride.org/accessibility/

I tried to add the title element to the facebook button but didn’t work when I ran a screen reader. I have pasted some of the code below. Does that look right?

<svg xmlns=”https://www.w3.org/2000/svg&#8221; width=”18″ height=”18″ viewBox=”0 0 24 24″><path d=”M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z”/></svg>
<title id=”Facebook Icon”>San Diego Pride Facebook</title>

I’m also not sure how to add it to buttons on the page, for example on the home page there is the Newsletter highlight thing with the arrow buttons and they just say “button.”

for the focus within / hover state, do you know where to add that? I can’t figure out where that code is.