Added button role to clickable divs for accessibility

src/client/src/components/Details/index.tsx

@@ -82,6 +82,7 @@ const Details = ({
       <div className={styles.container}>
         <div className={styles.backContainer}>
           <div
+            role="button"
             tabIndex={0}
             onClick={handleBackClick}
             onKeyDown={keyDownHandler}

src/client/src/components/SelectableCard/index.tsx

@@ -57,6 +57,7 @@ const SelectableCard = ({
 
   return (
     <div
+      role="button"
       tabIndex={0}
       onClick={() => {
         onCardClick(cardNumber);

src/client/src/components/SummaryTile/index.tsx

@@ -131,6 +131,7 @@ const SummaryTile = ({
     >
       {isDraggable && <ReorderSVG className={styles.reorder} />}
       <div
+        role="button"
         tabIndex={isEditable ? 0 : -1}
         className={classnames({
           [styles.indent]: withIndent,

src/client/src/containers/AzureFunctionsSelection/index.tsx

@@ -86,6 +86,7 @@ const AzureFunctionsSelection = ({
                   className={styles.edit}
                   onClick={openAzureFunctionsModal}
                   onKeyDown={onEditKeyDownHandler}
+                  role="button"
                 >
                   <FormattedMessage
                     id="azureFunctionsSelection.edit"

src/client/src/containers/CosmosDBSelection/index.tsx

@@ -49,6 +49,7 @@ const CosmosDBSelection = ({
           <div className={styles.headerContainer}>
             <div>{intl.formatMessage(serviceType)}</div>
             <div
+              role="button"
               tabIndex={0}
               className={styles.edit}
               onClick={openCosmosDbModal}

src/client/src/containers/Footer/index.tsx

@@ -231,7 +231,9 @@ const mapStateToProps = (state: AppState): IStateProps => ({
   isValidNameAndProjectPath: isValidNameAndProjectPathSelector(state)
 });
 
-const mapDispatchToProps = (dispatch: ThunkDispatch<AppState,void,RootAction>): IDispatchProps => ({
+const mapDispatchToProps = (
+  dispatch: ThunkDispatch<AppState, void, RootAction>
+): IDispatchProps => ({
   setRouteVisited: (route: string) => {
     dispatch(setVisitedWizardPageAction(route));
   },

src/client/src/containers/Header/index.tsx

@@ -42,6 +42,7 @@ const Header = (props: Props) => {
         <div className={styles.azureProfile}>
           <div className={styles.profileName}>{email}</div>
           <div
+            role="button"
             className={styles.button}
             tabIndex={0}
             onClick={signOutClick}

src/client/src/containers/ProjectNameAndOutput/index.tsx

@@ -162,7 +162,9 @@ const mapStateToProps = (state: AppState): IStateProps => ({
   projectNameValidation: getProjectNameValidation(state)
 });
 
-const mapDispatchToProps = (dispatch: Dispatch<RootAction>): IDispatchProps => ({
+const mapDispatchToProps = (
+  dispatch: Dispatch<RootAction>
+): IDispatchProps => ({
   updateProjectName: (projectName: string) => {
     dispatch(updateProjectNameAction(projectName));
   },

src/client/src/containers/Welcome/index.tsx

@@ -68,7 +68,9 @@ const Welcome = ({
   );
 };
 
-const mapDispatchToProps = (dispatch: Dispatch<RootAction>): IDispatchProps => ({
+const mapDispatchToProps = (
+  dispatch: Dispatch<RootAction>
+): IDispatchProps => ({
   updateProjectName: (projectName: string) => {
     dispatch(updateProjectNameAction(projectName));
   },