fix: Move input element out of label since it does not have a widget role

Signed-off-by: Akshat Patel <[email protected]>

Author: Akshat55

src/tiles/selection-tile.component.ts

@@ -7,32 +7,30 @@ import {
 	HostListener,
 	AfterViewInit
 } from "@angular/core";
-import { NG_VALUE_ACCESSOR } from "@angular/forms";
 import { I18n } from "carbon-components-angular/i18n";
 
 @Component({
 	selector: "ibm-selection-tile",
 	template: `
+		<input
+			#input
+			[tabindex]="disabled ? null : 0"
+			class="bx--tile-input"
+			[id]="id"
+			[disabled]="disabled"
+			[type]="(multiple ? 'checkbox': 'radio')"
+			[value]="value"
+			[name]="name"
+			(change)="onChange($event)"/>
 		<label
 			class="bx--tile bx--tile--selectable"
-			tabindex="disabled ? null : 0"
 			[for]="id"
 			[ngClass]="{
 				'bx--tile--is-selected' : selected,
 				'bx--tile--light': theme === 'light',
 				'bx--tile--disabled' : disabled
 			}"
 			[attr.aria-label]="i18n.get('TILES.TILE') | async">
-			<input
-				#input
-				tabindex="-1"
-				class="bx--tile-input"
-				[id]="id"
-				[disabled]="disabled"
-				[type]="(multiple ? 'checkbox': 'radio')"
-				[value]="value"
-				[name]="name"
-				(change)="onChange($event)"/>
 			<div class="bx--tile__checkmark">
 				<svg width="16" height="16" viewBox="0 0 16 16">
 					<path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm3.646-10.854L6.75 10.043 4.354 7.646l-.708.708 3.104 3.103 5.604-5.603-.708-.708z"