Keep focus on prev/next btns when navigating btwn slides

Close #19 - carousel a11y
pkp · Jul 3, 2019 · ca197ad · ca197ad
1 parent f87e9af
commit ca197ad
Showing 1 changed file with 11 additions and 12 deletions.
diff --git a/templates/frontend/pages/indexJournal.tpl b/templates/frontend/pages/indexJournal.tpl
@@ -56,22 +56,21 @@
 									<p>
 										{capture assign="announcementPageUrl"}{url router=$smarty.const.ROUTE_PAGE page="announcement" op="view" path=$announcement->getId()}{/capture}
 										<a href="{$announcementPageUrl}" class="btn btn-secondary">{translate key="common.more"}</a>
-
-										{* Carousel controls *}
-										<span class="float-right">
-											<a href="#announcementsCarouselControls" class="btn" role="button" data-slide="prev">
-												<span aria-hidden="true">←</span>
-												<span class="sr-only">{translate key="help.next"}</span>
-											</a>
-											<a href="#announcementsCarouselControls" class="btn" role="button" data-slide="next">
-												<span aria-hidden="true">→</span>
-												<span class="sr-only">{translate key="help.previous"}</span>
-											</a>
-										</span>
 									</p>
 								</article>
 						{/foreach}
 					</div>
+					{* Carousel controls *}
+					<div class="text-right">
+						<a href="#announcementsCarouselControls" class="btn" role="button" data-slide="prev">
+							<span aria-hidden="true">←</span>
+							<span class="sr-only">{translate key="help.next"}</span>
+						</a>
+						<a href="#announcementsCarouselControls" class="btn" role="button" data-slide="next">
+							<span aria-hidden="true">→</span>
+							<span class="sr-only">{translate key="help.previous"}</span>
+						</a>
+					</div>
 				</div>
 			</aside>
 		</div>