Prevent: Tab focus on images (#62)

andygout · web-flow · commit 1252fea4305e · 2016-12-19T08:41:42.000Z
* Prevent: Tab focus on images

* Remove: Tabindex from image.html and mark file to be deprecated
diff --git a/templates/partials/image.html b/templates/partials/image.html
@@ -1,3 +1,4 @@
+<!-- TODO: This file to be deprecated -->
 {{#if image}}
 	<div class="o-teaser__image-container">
 		<a href="{{{url}}}{{{referrerTracking}}}" data-trackable="image" aria-hidden="true">
diff --git a/templates/partials/main-image.html b/templates/partials/main-image.html
@@ -1,6 +1,6 @@
 {{#if mainImage}}
 	<div class="o-teaser__image-container">
-		<a href="{{{relativeUrl}}}{{{referrerTracking}}}" data-trackable="image" aria-hidden="true">
+		<a href="{{{relativeUrl}}}{{{referrerTracking}}}" data-trackable="image" aria-hidden="true" tabindex="-1">
 			{{#ifEquals lazyLoad false}}
 				{{#nImagePresenter srcSet=mainImage.url placeholder=mainImage.ratio colspan=colspan position=position widths=widths lazyLoad=false wrapperClasses="o-teaser__image-placeholder" classes="o-teaser__image"}}
 					{{> n-image/templates/image}}

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+<!-- TODO: This file to be deprecated -->`
`1`	`2`	`{{#if image}}`
`2`	`3`	`<div class="o-teaser__image-container">`
`3`	`4`	`<a href="{{{url}}}{{{referrerTracking}}}" data-trackable="image" aria-hidden="true">`