add accessibility for sighted users

Signed-off-by: miguelrambalt <v-migueramirez@expediagroup.com>

plugins/scaffolder/src/components/MultistepJsonForm/MultistepJsonForm.tsx

@@ -71,10 +71,14 @@ export const MultistepJsonForm = ({
   return (
     <>
       <Stepper activeStep={activeStep} orientation="vertical">
-        {steps.map(({ title, schema, ...formProps }) => {
+        {steps.map(({ title, schema, ...formProps }, index) => {
           return (
             <StepUI key={title}>
-              <StepLabel>
+              <StepLabel
+                aria-label={`Step ${index + 1} ${title}`}
+                aria-disabled="false"
+                tabIndex={0}
+              >
                 <Typography variant="h6" component="h3">
                   {title}
                 </Typography>

plugins/scaffolder/src/components/TemplateCard/TemplateCard.tsx

@@ -85,7 +85,7 @@ export const TemplateCard = ({
         <Box className={classes.description}>{description}</Box>
       </CardContent>
       <CardActions>
-        <Button color="primary" to={href}>
+        <Button color="primary" to={href} aria-label={`Choose ${title} `}>
           Choose
         </Button>
       </CardActions>