added changes based on adam's comments

Author: kchan902

components/progress-indicator/index.jsx

@@ -116,10 +116,10 @@ const defaultSteps = [
 
 const defaultProps = {
 	assistiveText: {
-		activeStep: 'Active Step',
-		completedStep: 'Completed Step',
-		disabledStep: 'Disabled Step',
-		errorStep: 'Error Step',
+		activeStep: '',
+		completedStep: 'Completed',
+		disabledStep: 'Disabled',
+		errorStep: 'Error',
 		step: 'Step',
 	},
 	errorSteps: [],

components/progress-indicator/private/progress-bar.jsx

@@ -28,7 +28,6 @@ class ProgressBar extends React.Component {
 				aria-valuemax="100"
 				aria-valuenow={this.props.value}
 				role="progressbar"
-				tabIndex={0}
 			>
 				<span
 					className="slds-progress-bar__value"

components/progress-indicator/private/step.jsx

@@ -117,7 +117,7 @@ class Step extends React.Component {
 		const handleFocus = (event) => props.onFocus(event, data);
 
 		const stepButton = props.isDisabled ? (
-			<span
+			<a
 				className={classNames(
 					'slds-button',
 					{ 'slds-button_icon': renderIcon },
@@ -132,9 +132,9 @@ class Step extends React.Component {
 				{icon}
 				<span className="slds-assistive-text">
 					{this.props.step.assistiveText ||
-						`${props.assistiveText.step} ${props.index + 1}: ${status}`}
+						`${props.assistiveText.step} ${props.index + 1}: ${props.step.label} - ${status}`}
 				</span>
-			</span>
+			</a>
 		) : (
 			<button
 				className={classNames(
@@ -152,7 +152,7 @@ class Step extends React.Component {
 				{icon}
 				<span className="slds-assistive-text">
 					{this.props.step.assistiveText ||
-						`${props.assistiveText.step} ${props.index + 1}: ${status}`}
+						`${props.assistiveText.step} ${props.index + 1}: ${props.step.label} - ${status}`}
 				</span>
 			</button>
 		);