diff --git a/page-accordions.html b/page-accordions.html
index 9a991a8e..4028ba60 100644
--- a/page-accordions.html
+++ b/page-accordions.html
@@ -51,25 +51,25 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 				<div class="sui-box-settings-col-2">
 
-					<div class="sui-accordion">
+					<div class="sui-accordion" tabindex="0" aria-label="Accordin">
 
-						<div class="sui-accordion-header">
+						<div class="sui-accordion-header" tabindex="0" aria-label="Accordin Title">
 
-							<div class="sui-accordion-col-4">Recommendation</div>
-							<div class="sui-accordion-col-4">Score / 100</div>
-							<div class="sui-accordion-col-4">Type</div>
+							<div class="sui-accordion-col-4" tabindex="0">Recommendation</div>
+							<div class="sui-accordion-col-4" tabindex="0">Score / 100</div>
+							<div class="sui-accordion-col-4" tabindex="0">Type</div>
 
 						</div>
 
-						<div id="test-parent-accordion" class="sui-accordion-item sui-error">
+						<div id="test-parent-accordion" class="sui-accordion-item sui-error" tabindex="0" aria-label="Accordin Item">
 
 							<div id="test-parent-accordion-header" class="sui-accordion-item-header">
 
-								<div class="sui-accordion-item-title sui-accordion-col-4"><span aria-hidden="true" class="sui-icon-warning-alert sui-error"></span> Item</div>
+								<div class="sui-accordion-item-title sui-accordion-col-4" tabindex="0"><span aria-hidden="true" class="sui-icon-warning-alert sui-error"></span> Item</div>
 
-								<div class="sui-accordion-col-4"><div class="sui-circle-score sui-grade-f" data-score="8"></div></div>
+								<div class="sui-accordion-col-4"><div class="sui-circle-score sui-grade-f" tabindex="0" data-score="8"></div></div>
 
-								<div class="sui-accordion-col-4">More info on something <button class="sui-button-icon sui-accordion-open-indicator" aria-label="Open item">
+								<div class="sui-accordion-col-4" tabindex="0">More info on something <button class="sui-button-icon sui-accordion-open-indicator" aria-label="Open item">
 									<span class="sui-icon-chevron-down" aria-hidden="true"></span>
 								</button></div>
 
@@ -79,29 +79,29 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 								<div class="sui-box">
 
-									<div class="sui-box-body">
+									<div class="sui-box-body" tabindex="0">
 
 										<p>Item content – Hello!</p>
 
-										<div class="sui-accordion">
+										<div class="sui-accordion" tabindex="0" aria-label="Accordin">
 
-											<div class="sui-accordion-header">
+											<div class="sui-accordion-header" tabindex="0" aria-label="Accordin Title">
 
-												<div class="sui-accordion-col-4">Recommendation</div>
-												<div class="sui-accordion-col-4">Score / 100</div>
-												<div class="sui-accordion-col-4">Type</div>
+												<div class="sui-accordion-col-4" tabindex="0">Recommendation</div>
+												<div class="sui-accordion-col-4" tabindex="0">Score / 100</div>
+												<div class="sui-accordion-col-4" tabindex="0">Type</div>
 
 											</div>
 
-											<div id="test-child-accordion" class="sui-accordion-item sui-error">
+											<div id="test-child-accordion" class="sui-accordion-item sui-error" tabindex="0" aria-label="Accordin Item">
 
 												<div class="sui-accordion-item-header">
 
-													<div class="sui-accordion-item-title sui-accordion-col-4"><span aria-hidden="true" class="sui-icon-warning-alert sui-error"></span> Item</div>
+													<div class="sui-accordion-item-title sui-accordion-col-4" tabindex="0"><span aria-hidden="true" class="sui-icon-warning-alert sui-error"></span> Item</div>
 
-													<div class="sui-accordion-col-4"><div class="sui-circle-score sui-grade-f" data-score="8"></div></div>
+													<div class="sui-accordion-col-4"><div class="sui-circle-score sui-grade-f" tabindex="0" data-score="8"></div></div>
 
-													<div class="sui-accordion-col-4">More info on something <button class="sui-button-icon sui-accordion-open-indicator" aria-label="Open item">
+													<div class="sui-accordion-col-4" tabindex="0">More info on something <button class="sui-button-icon sui-accordion-open-indicator" aria-label="Open item">
 														<span class="sui-icon-chevron-down" aria-hidden="true"></span>
 													</button></div>
 
@@ -111,7 +111,7 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 													<div class="sui-box">
 
-														<div class="sui-box-body">
+														<div class="sui-box-body" tabindex="0">
 
 															<p>Item content – Hello!</p>
 
@@ -123,15 +123,15 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 											</div>
 
-											<div class="sui-accordion-item sui-warning">
+											<div class="sui-accordion-item sui-warning" tabindex="0" aria-label="Accordin Item">
 
 												<div class="sui-accordion-item-header">
 
-													<div class="sui-accordion-item-title sui-accordion-col-4"><span aria-hidden="true" class="sui-icon-warning-alert sui-warning"></span> Item</div>
+													<div class="sui-accordion-item-title sui-accordion-col-4" tabindex="0"><span aria-hidden="true" class="sui-icon-warning-alert sui-warning"></span> Item</div>
 
-													<div class="sui-accordion-col-4"><div class="sui-circle-score sui-grade-c" data-score="67"></div></div>
+													<div class="sui-accordion-col-4"><div class="sui-circle-score sui-grade-c" tabindex="0" data-score="67"></div></div>
 
-													<div class="sui-accordion-col-4">More info on something <button class="sui-button-icon sui-accordion-open-indicator" aria-label="Open item">
+													<div class="sui-accordion-col-4" tabindex="0">More info on something <button class="sui-button-icon sui-accordion-open-indicator" aria-label="Open item">
 														<span class="sui-icon-chevron-down" aria-hidden="true"></span>
 													</button></div>
 
@@ -141,7 +141,7 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 													<div class="sui-box">
 
-														<div class="sui-box-body">
+														<div class="sui-box-body" tabindex="0">
 
 															<p>Item content – Hello!</p>
 
@@ -153,15 +153,15 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 											</div>
 
-											<div class="sui-accordion-item sui-success">
+											<div class="sui-accordion-item sui-success" tabindex="0" aria-label="Accordin Item">
 
 												<div class="sui-accordion-item-header">
 
-													<div class="sui-accordion-item-title sui-accordion-col-4"><span aria-hidden="true" class="sui-icon-warning-alert sui-success"></span> Item</div>
+													<div class="sui-accordion-item-title sui-accordion-col-4" tabindex="0"><span aria-hidden="true" class="sui-icon-warning-alert sui-success"></span> Item</div>
 
-													<div class="sui-accordion-col-4"><div class="sui-circle-score sui-grade-a" data-score="95"></div></div>
+													<div class="sui-accordion-col-4"><div class="sui-circle-score sui-grade-a" tabindex="0" data-score="95"></div></div>
 
-													<div class="sui-accordion-col-4">More info on something <button class="sui-button-icon sui-accordion-open-indicator" aria-label="Open item">
+													<div class="sui-accordion-col-4" tabindex="0">More info on something <button class="sui-button-icon sui-accordion-open-indicator" aria-label="Open item">
 														<span class="sui-icon-chevron-down" aria-hidden="true"></span>
 													</button></div>
 
@@ -171,7 +171,7 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 													<div class="sui-box">
 
-														<div class="sui-box-body">
+														<div class="sui-box-body" tabindex="0">
 
 															<p>Item content – Hello!</p>
 
@@ -193,15 +193,15 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 						</div>
 
-						<div class="sui-accordion-item sui-warning">
+						<div class="sui-accordion-item sui-warning" tabindex="0" aria-label="Accordin Item">
 
 							<div class="sui-accordion-item-header">
 
-								<div class="sui-accordion-item-title sui-accordion-col-4"><span aria-hidden="true" class="sui-icon-warning-alert sui-warning"></span> Item</div>
+								<div class="sui-accordion-item-title sui-accordion-col-4" tabindex="0"><span aria-hidden="true" class="sui-icon-warning-alert sui-warning"></span> Item</div>
 
-								<div class="sui-accordion-col-4"><div class="sui-circle-score sui-grade-c" data-score="67"></div></div>
+								<div class="sui-accordion-col-4"><div class="sui-circle-score sui-grade-c" tabindex="0" data-score="67"></div></div>
 
-								<div class="sui-accordion-col-4">More info on something <button class="sui-button-icon sui-accordion-open-indicator" aria-label="Open item">
+								<div class="sui-accordion-col-4" tabindex="0">More info on something <button class="sui-button-icon sui-accordion-open-indicator" aria-label="Open item">
 									<span class="sui-icon-chevron-down" aria-hidden="true"></span>
 								</button></div>
 
@@ -211,7 +211,7 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 								<div class="sui-box">
 
-									<div class="sui-box-body">
+									<div class="sui-box-body" tabindex="0">
 
 										<p>Item content – Hello!</p>
 
@@ -223,15 +223,15 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 						</div>
 
-						<div class="sui-accordion-item sui-success">
+						<div class="sui-accordion-item sui-success" tabindex="0" aria-label="Accordin Item">
 
 							<div class="sui-accordion-item-header">
 
-								<div class="sui-accordion-item-title sui-accordion-col-4"><span aria-hidden="true" class="sui-icon-warning-alert sui-success"></span> Item</div>
+								<div class="sui-accordion-item-title sui-accordion-col-4" tabindex="0"><span aria-hidden="true" class="sui-icon-warning-alert sui-success"></span> Item</div>
 
-								<div class="sui-accordion-col-4"><div class="sui-circle-score sui-grade-a" data-score="95"></div></div>
+								<div class="sui-accordion-col-4"><div class="sui-circle-score sui-grade-a" tabindex="0" data-score="95"></div></div>
 
-								<div class="sui-accordion-col-4">More info on something <button class="sui-button-icon sui-accordion-open-indicator" aria-label="Open item">
+								<div class="sui-accordion-col-4" tabindex="0">More info on something <button class="sui-button-icon sui-accordion-open-indicator" aria-label="Open item">
 									<span class="sui-icon-chevron-down" aria-hidden="true"></span>
 								</button></div>
 
@@ -241,7 +241,7 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 								<div class="sui-box">
 
-									<div class="sui-box-body">
+									<div class="sui-box-body" tabindex="0">
 
 										<p>Item content – Hello!</p>
 
@@ -253,15 +253,15 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 						</div>
 
-						<div class="sui-accordion-item sui-default">
+						<div class="sui-accordion-item sui-default" tabindex="0" aria-label="Accordin Item">
 
 							<div class="sui-accordion-item-header">
 
-								<div class="sui-accordion-item-title sui-accordion-col-4"><span aria-hidden="true" class="sui-icon-warning-alert"></span> Item</div>
+								<div class="sui-accordion-item-title sui-accordion-col-4" tabindex="0"><span aria-hidden="true" class="sui-icon-warning-alert"></span> Item</div>
 
-								<div class="sui-accordion-col-4"><div class="sui-circle-score  sui-grade-default" data-score="50"></div></div>
+								<div class="sui-accordion-col-4"><div class="sui-circle-score  sui-grade-default" tabindex="0" data-score="50"></div></div>
 
-								<div class="sui-accordion-col-4">More info on something <button class="sui-button-icon sui-accordion-open-indicator" aria-label="Open item">
+								<div class="sui-accordion-col-4" tabindex="0">More info on something <button class="sui-button-icon sui-accordion-open-indicator" aria-label="Open item">
 									<span class="sui-icon-chevron-down" aria-hidden="true"></span>
 								</button></div>
 
@@ -271,7 +271,7 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 								<div class="sui-box">
 
-									<div class="sui-box-body">
+									<div class="sui-box-body" tabindex="0">
 
 										<p>Item content – Hello!</p>
 
@@ -298,7 +298,7 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 				<div class="sui-box-settings-col-2">
 
-					<div class="sui-accordion">
+					<div class="sui-accordion" tabindex="0" aria-label="Accordin">
 
 						<div class="sui-accordion-item">
 
@@ -328,7 +328,7 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 								<div class="sui-box">
 
-									<div class="sui-box-body">
+									<div class="sui-box-body" tabindex="0">
 
 										<p>Item content – Hello!</p>
 
@@ -368,7 +368,7 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 								<div class="sui-box">
 
-									<div class="sui-box-body">
+									<div class="sui-box-body" tabindex="0">
 
 										<p>Item content – Hello!</p>
 
@@ -408,7 +408,7 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 								<div class="sui-box">
 
-									<div class="sui-box-body">
+									<div class="sui-box-body" tabindex="0">
 
 										<p>Item content – Hello!</p>
 
@@ -439,23 +439,23 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 		<div class="sui-accordion sui-accordion-flushed">
 
-			<div class="sui-accordion-header">
+			<div class="sui-accordion-header" tabindex="0" aria-label="Accordin Title">
 
-				<div class="sui-accordion-col-4">Recommendation</div>
-				<div class="sui-accordion-col-4">Score / 100</div>
-				<div class="sui-accordion-col-4">Type</div>
+				<div class="sui-accordion-col-4" tabindex="0">Recommendation</div>
+				<div class="sui-accordion-col-4" tabindex="0">Score / 100</div>
+				<div class="sui-accordion-col-4" tabindex="0">Type</div>
 
 			</div>
 
-			<div class="sui-accordion-item sui-error">
+			<div class="sui-accordion-item sui-error" tabindex="0" aria-label="Accordin Item">
 
 				<div class="sui-accordion-item-header">
 
-					<div class="sui-accordion-item-title sui-accordion-col-4"><span aria-hidden="true" class="sui-icon-warning-alert sui-error"></span> Item</div>
+					<div class="sui-accordion-item-title sui-accordion-col-4" tabindex="0"><span aria-hidden="true" class="sui-icon-warning-alert sui-error"></span> Item</div>
 
-					<div class="sui-accordion-col-4"><div class="sui-circle-score sui-grade-f" data-score="8"></div></div>
+					<div class="sui-accordion-col-4"><div class="sui-circle-score sui-grade-f" tabindex="0" data-score="8"></div></div>
 
-					<div class="sui-accordion-col-4">More info on something <button class="sui-button-icon sui-accordion-open-indicator" aria-label="Open item">
+					<div class="sui-accordion-col-4" tabindex="0">More info on something <button class="sui-button-icon sui-accordion-open-indicator" aria-label="Open item">
 						<span class="sui-icon-chevron-down" aria-hidden="true"></span>
 					</button></div>
 
@@ -465,7 +465,7 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 					<div class="sui-box">
 
-						<div class="sui-box-body">
+						<div class="sui-box-body" tabindex="0">
 
 							<p>Item content – Hello!</p>
 
@@ -477,15 +477,15 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 			</div>
 
-			<div class="sui-accordion-item sui-warning">
+			<div class="sui-accordion-item sui-warning" tabindex="0" aria-label="Accordin Item">
 
 				<div class="sui-accordion-item-header">
 
-					<div class="sui-accordion-item-title sui-accordion-col-4"><span aria-hidden="true" class="sui-icon-warning-alert sui-warning"></span> Item</div>
+					<div class="sui-accordion-item-title sui-accordion-col-4" tabindex="0"><span aria-hidden="true" class="sui-icon-warning-alert sui-warning"></span> Item</div>
 
-					<div class="sui-accordion-col-4"><div class="sui-circle-score sui-grade-c" data-score="67"></div></div>
+					<div class="sui-accordion-col-4"><div class="sui-circle-score sui-grade-c" tabindex="0" data-score="67"></div></div>
 
-					<div class="sui-accordion-col-4">More info on something <button class="sui-button-icon sui-accordion-open-indicator" aria-label="Open item">
+					<div class="sui-accordion-col-4" tabindex="0">More info on something <button class="sui-button-icon sui-accordion-open-indicator" aria-label="Open item">
 						<span class="sui-icon-chevron-down" aria-hidden="true"></span>
 					</button></div>
 
@@ -495,7 +495,7 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 					<div class="sui-box">
 
-						<div class="sui-box-body">
+						<div class="sui-box-body" tabindex="0">
 
 							<p>Item content – Hello!</p>
 
@@ -507,15 +507,15 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 			</div>
 
-			<div class="sui-accordion-item sui-success">
+			<div class="sui-accordion-item sui-success" tabindex="0" aria-label="Accordin Item">
 
 				<div class="sui-accordion-item-header">
 
-					<div class="sui-accordion-item-title sui-accordion-col-4"><span aria-hidden="true" class="sui-icon-warning-alert sui-success"></span> Item</div>
+					<div class="sui-accordion-item-title sui-accordion-col-4" tabindex="0"><span aria-hidden="true" class="sui-icon-warning-alert sui-success"></span> Item</div>
 
-					<div class="sui-accordion-col-4"><div class="sui-circle-score sui-grade-a" data-score="95"></div></div>
+					<div class="sui-accordion-col-4"><div class="sui-circle-score sui-grade-a" tabindex="0" data-score="95"></div></div>
 
-					<div class="sui-accordion-col-4">More info on something <button class="sui-button-icon sui-accordion-open-indicator" aria-label="Open item">
+					<div class="sui-accordion-col-4" tabindex="0">More info on something <button class="sui-button-icon sui-accordion-open-indicator" aria-label="Open item">
 						<span class="sui-icon-chevron-down" aria-hidden="true"></span>
 					</button></div>
 
@@ -525,7 +525,7 @@ <h2 class="sui-box-title">Flexbox Accordions</h2>
 
 					<div class="sui-box">
 
-						<div class="sui-box-body">
+						<div class="sui-box-body" tabindex="0">
 
 							<p>Item content – Hello!</p>
 
@@ -569,74 +569,74 @@ <h2 class="sui-box-title">Table Accordions</h2>
 
 						<tbody>
 
-							<tr class="sui-accordion-item sui-error">
+							<tr class="sui-accordion-item sui-error" tabindex="0" aria-label="Accordin Item">
 
 								<td class="sui-table-item-title"><span aria-hidden="true" class="sui-icon-warning-alert sui-error"></span> Item</td>
 
-								<td><div class="sui-circle-score sui-grade-f" data-score="6"></div></td>
+								<td><div class="sui-circle-score sui-grade-f" tabindex="0" data-score="6"></div></td>
 
-								<td>More info on something. <span class="sui-accordion-open-indicator" aria-label="Expand"><span class="sui-icon-chevron-down" aria-hidden="true"></span></span><button type="button" class="sui-screen-reader-text">Expand</button></td>
+								<td>More info on something. <span class="sui-accordion-open-indicator" aria-label="Expand" tabindex="0"><span class="sui-icon-chevron-down" aria-hidden="true"></span></span><button type="button" class="sui-screen-reader-text">Expand</button></td>
 
 							</tr>
 
 							<tr class="sui-accordion-item-content">
 
 								<td colspan="3"><div class="sui-box">
-									<div class="sui-box-body"><p>Item content – Hello!</p></div>
+									<div class="sui-box-body" tabindex="0"><p>Item content – Hello!</p></div>
 								</div></td>
 
 							</tr>
 
-							<tr class="sui-accordion-item sui-warning">
+							<tr class="sui-accordion-item sui-warning" tabindex="0" aria-label="Accordin Item">
 
 								<td class="sui-table-item-title"><span aria-hidden="true" class="sui-icon-warning-alert sui-warning"></span> Item</td>
 
-								<td><div class="sui-circle-score sui-grade-d" data-score="80"></div></td>
+								<td><div class="sui-circle-score sui-grade-d" tabindex="0" data-score="80"></div></td>
 
-								<td>More info on something. <span class="sui-accordion-open-indicator" aria-label="Expand"><span class="sui-icon-chevron-down" aria-hidden="true"></span></span><button type="button" class="sui-screen-reader-text">Expand</button></td>
+								<td>More info on something. <span class="sui-accordion-open-indicator" aria-label="Expand" tabindex="0"><span class="sui-icon-chevron-down" aria-hidden="true"></span></span><button type="button" class="sui-screen-reader-text">Expand</button></td>
 
 							</tr>
 
 							<tr class="sui-accordion-item-content">
 
 								<td colspan="3"><div class="sui-box">
-									<div class="sui-box-body"><p>Item content – Hello!</p></div>
+									<div class="sui-box-body" tabindex="0"><p>Item content – Hello!</p></div>
 								</div></td>
 
 							</tr>
 
-							<tr class="sui-accordion-item sui-success">
+							<tr class="sui-accordion-item sui-success" tabindex="0" aria-label="Accordin Item">
 
 								<td class="sui-table-item-title"><span aria-hidden="true" class="sui-icon-warning-alert sui-success"></span> Item</td>
 
-								<td><div class="sui-circle-score sui-grade-a" data-score="100"></div></td>
+								<td><div class="sui-circle-score sui-grade-a" tabindex="0" data-score="100"></div></td>
 
-								<td>More info on something. <span class="sui-accordion-open-indicator" aria-label="Expand"><span class="sui-icon-chevron-down" aria-hidden="true"></span></span><button type="button" class="sui-screen-reader-text">Expand</button></td>
+								<td>More info on something. <span class="sui-accordion-open-indicator" aria-label="Expand" tabindex="0"><span class="sui-icon-chevron-down" aria-hidden="true"></span></span><button type="button" class="sui-screen-reader-text">Expand</button></td>
 
 							</tr>
 
 							<tr class="sui-accordion-item-content">
 
 								<td colspan="3"><div class="sui-box">
-									<div class="sui-box-body"><p>Item content – Hello!</p></div>
+									<div class="sui-box-body" tabindex="0"><p>Item content – Hello!</p></div>
 								</div></td>
 
 							</tr>
 
-							<tr class="sui-accordion-item sui-default sui-table-item-last">
+							<tr class="sui-accordion-item sui-default sui-table-item-last" tabindex="0" aria-label="Accordin Item">
 
 								<td class="sui-table-item-title"><span aria-hidden="true" class="sui-icon-warning-alert"></span> Item</td>
 
-								<td><div class="sui-circle-score sui-grade-default" data-score="50"></div></td>
+								<td><div class="sui-circle-score sui-grade-de tabindex="0"fault" data-score="50"></div></td>
 
-								<td>More info on something. <span class="sui-accordion-open-indicator" aria-label="Expand"><span class="sui-icon-chevron-down" aria-hidden="true"></span></span><button type="button" class="sui-screen-reader-text">Expand</button></td>
+								<td>More info on something. <span class="sui-accordion-open-indicator" aria-label="Expand" tabindex="0"><span class="sui-icon-chevron-down" aria-hidden="true"></span></span><button type="button" class="sui-screen-reader-text">Expand</button></td>
 
 							</tr>
 
 							<tr class="sui-accordion-item-content sui-table-item-last">
 
 								<td colspan="3"><div class="sui-box">
-									<div class="sui-box-body"><p>Item content – Hello!</p></div>
+									<div class="sui-box-body" tabindex="0"><p>Item content – Hello!</p></div>
 								</div></td>
 
 							</tr>
@@ -662,9 +662,9 @@ <h2 class="sui-box-title">Table Accordions</h2>
 
 						<tbody>
 
-							<tr class="sui-accordion-item sui-table-item-first">
+							<tr class="sui-accordion-item sui-table-item-first" tabindex="0" aria-label="Accordin Item">
 
-								<td class="sui-table-item-title"><label for="table-accordion-sample-item-1" class="sui-toggle"><input type="checkbox" id="table-accordion-sample-item-1" checked="checked"><span aria-hidden="true" class="sui-toggle-slider"></span><span class="sui-screen-reader-text">Toggle</span></label>Item <span class="sui-accordion-open-indicator" aria-label="Expand"><span class="sui-icon-chevron-down" aria-hidden="true"></span></span></td>
+								<td class="sui-table-item-title"><label for="table-accordion-sample-item-1" class="sui-toggle"><input type="checkbox" id="table-accordion-sample-item-1" checked="checked"><span aria-hidden="true" class="sui-toggle-slider"></span><span class="sui-screen-reader-text">Toggle</span></label>Item <span class="sui-accordion-open-indicator" aria-label="Expand" tabindex="0"><span class="sui-icon-chevron-down" aria-hidden="true"></span></span></td>
 
 							</tr>
 
@@ -672,7 +672,7 @@ <h2 class="sui-box-title">Table Accordions</h2>
 
 								<td><div class="sui-box">
 
-									<div class="sui-box-body">
+									<div class="sui-box-body" tabindex="0">
 
 										<p>Item content – Hello!</p>
 
@@ -684,7 +684,7 @@ <h2 class="sui-box-title">Table Accordions</h2>
 
 							<tr class="sui-accordion-item">
 
-								<td class="sui-table-item-title"><label for="table-accordion-sample-item-2" class="sui-toggle"><input type="checkbox" id="table-accordion-sample-item-2" checked="checked"><span aria-hidden="true" class="sui-toggle-slider"></span><span class="sui-screen-reader-text">Toggle</span></label>Item <span class="sui-accordion-open-indicator" aria-label="Expand"><span class="sui-icon-chevron-down" aria-hidden="true"></span></span></td>
+								<td class="sui-table-item-title"><label for="table-accordion-sample-item-2" class="sui-toggle"><input type="checkbox" id="table-accordion-sample-item-2" checked="checked"><span aria-hidden="true" class="sui-toggle-slider"></span><span class="sui-screen-reader-text">Toggle</span></label>Item <span class="sui-accordion-open-indicator" aria-label="Expand" tabindex="0"><span class="sui-icon-chevron-down" aria-hidden="true"></span></span></td>
 
 							</tr>
 
@@ -692,7 +692,7 @@ <h2 class="sui-box-title">Table Accordions</h2>
 
 								<td><div class="sui-box">
 
-									<div class="sui-box-body">
+									<div class="sui-box-body" tabindex="0">
 
 										<p>Item content – Hello!</p>
 
@@ -702,7 +702,7 @@ <h2 class="sui-box-title">Table Accordions</h2>
 
 							</tr>
 
-							<tr class="sui-accordion-item sui-table-item-last">
+							<tr class="sui-accordion-item sui-table-item-last" tabindex="0" aria-label="Accordin Item">
 
 								<td class="sui-table-item-title">
 									<label for="table-accordion-sample-item-3" class="sui-toggle">
@@ -710,7 +710,7 @@ <h2 class="sui-box-title">Table Accordions</h2>
 										<span aria-hidden="true" class="sui-toggle-slider"></span>
 										<span class="sui-screen-reader-text">Toggle</span>
 									</label>
-									Item <span class="sui-accordion-open-indicator" aria-label="Expand"><span class="sui-icon-chevron-down" aria-hidden="true"></span></span>
+									Item <span class="sui-accordion-open-indicator" aria-label="Expand" tabindex="0"><span class="sui-icon-chevron-down" aria-hidden="true"></span></span>
 								</td>
 
 							</tr>
@@ -719,7 +719,7 @@ <h2 class="sui-box-title">Table Accordions</h2>
 
 								<td><div class="sui-box">
 
-									<div class="sui-box-body">
+									<div class="sui-box-body" tabindex="0">
 
 										<p>Item content – Hello!</p>
 
@@ -758,13 +758,13 @@ <h2 class="sui-box-title">Table Accordions</h2>
 
 			<tbody>
 
-				<tr class="sui-accordion-item sui-error">
+				<tr class="sui-accordion-item sui-error" tabindex="0" aria-label="Accordin Item">
 
 					<td class="sui-table-item-title"><span aria-hidden="true" class="sui-icon-warning-alert sui-error"></span> Item</td>
 
-					<td><div class="sui-circle-score sui-grade-f" data-score="6"></div></td>
+					<td><div class="sui-circle-score sui-grade-f" tabindex="0" data-score="6"></div></td>
 
-					<td>More info on something. <span class="sui-accordion-open-indicator" aria-label="Expand"><span class="sui-icon-chevron-down" aria-hidden="true"></span></span><button type="button" class="sui-screen-reader-text">Expand</button></td>
+					<td>More info on something. <span class="sui-accordion-open-indicator" aria-label="Expand" tabindex="0"><span class="sui-icon-chevron-down" aria-hidden="true"></span></span><button type="button" class="sui-screen-reader-text">Expand</button></td>
 
 				</tr>
 
@@ -812,13 +812,13 @@ <h2 class="sui-box-title">Table Accordions</h2>
 
 				</tr>
 
-				<tr class="sui-accordion-item sui-warning">
+				<tr class="sui-accordion-item sui-warning" tabindex="0" aria-label="Accordin Item">
 
 					<td class="sui-table-item-title"><span aria-hidden="true" class="sui-icon-warning-alert sui-warning"></span> Item</td>
 
-					<td><div class="sui-circle-score sui-grade-d" data-score="80"></div></td>
+					<td><div class="sui-circle-score sui-grade-d" tabindex="0" data-score="80"></div></td>
 
-					<td>More info on something. <span class="sui-accordion-open-indicator" aria-label="Expand"><span class="sui-icon-chevron-down" aria-hidden="true"></span></span><button type="button" class="sui-screen-reader-text">Expand</button></td>
+					<td>More info on something. <span class="sui-accordion-open-indicator" aria-label="Expand" tabindex="0"><span class="sui-icon-chevron-down" aria-hidden="true"></span></span><button type="button" class="sui-screen-reader-text">Expand</button></td>
 
 				</tr>
 
@@ -830,13 +830,13 @@ <h2 class="sui-box-title">Table Accordions</h2>
 
 				</tr>
 
-				<tr class="sui-accordion-item sui-success sui-table-item-last">
+				<tr class="sui-accordion-item sui-success sui-table-item-last" tabindex="0" aria-label="Accordin Item">
 
 					<td class="sui-table-item-title"><span aria-hidden="true" class="sui-icon-warning-alert sui-success"></span> Item</td>
 
-					<td><div class="sui-circle-score sui-grade-a" data-score="100"></div></td>
+					<td><div class="sui-circle-score sui-grade-a" tabindex="0" data-score="100"></div></td>
 
-					<td>More info on something. <span class="sui-accordion-open-indicator" aria-label="Expand"><span class="sui-icon-chevron-down" aria-hidden="true"></span></span><button type="button" class="sui-screen-reader-text">Expand</button></td>
+					<td>More info on something. <span class="sui-accordion-open-indicator" aria-label="Expand" tabindex="0"><span class="sui-icon-chevron-down" aria-hidden="true"></span></span><button type="button" class="sui-screen-reader-text">Expand</button></td>
 
 				</tr>
 
@@ -1118,15 +1118,15 @@ <h2 class="sui-box-title">Documentation</h2>
 
 					<div class="demo-code-block">
 <pre class="sui-code-snippet html">
-&lt;div class=&quot;sui-accordion&quot;&gt;
+&lt;div class=&quot;sui-accordion&quot; tabindex=&quot;0&quot; aria-label=&quot;Accordin&quot;&gt;
 
-	&lt;div class=&quot;sui-accordion-header&quot;&gt;
+	&lt;div class=&quot;sui-accordion-header&quot; tabindex=&quot;0&quot; aria-label=&quot;Accordin Title&quot;&gt;
 		&lt;div&gt;Recommendation&lt;/div&gt;
 		&lt;div&gt;Score / 100&lt;/div&gt;
 		&lt;div&gt;Type&lt;/div&gt;
 	&lt;/div&gt;
 
-	&lt;div class=&quot;sui-accordion-item&quot;&gt;
+	&lt;div class=&quot;sui-accordion-item&quot; tabindex=&quot;0&quot; aria-label=&quot;Accordin Item&quot;&gt;
 
 		&lt;div class=&quot;sui-accordion-item-header&quot;&gt;
 			&lt;div class=&quot;sui-accordion-item-title&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;sui-icon-warning-alert sui-error&quot;&gt;&lt;/span&gt; Item&lt;/div&gt;