From ca197adddbe566b05ba03ab2047a20805ada96aa Mon Sep 17 00:00:00 2001
From: Sophy <sophy.ouch@erudit.org>
Date: Wed, 3 Jul 2019 13:03:13 +0100
Subject: [PATCH] Keep focus on prev/next btns when navigating btwn slides

Close #19 - carousel a11y
---
 templates/frontend/pages/indexJournal.tpl | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/templates/frontend/pages/indexJournal.tpl b/templates/frontend/pages/indexJournal.tpl
index 8555e96..e2c004f 100644
--- 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>