diff --git a/app/src/components/dialog/EditDialog.test.tsx b/app/src/components/dialog/EditDialog.test.tsx
index 1ffb3e08..bf1a5ce0 100644
--- a/app/src/components/dialog/EditDialog.test.tsx
+++ b/app/src/components/dialog/EditDialog.test.tsx
@@ -80,25 +80,6 @@ describe('EditDialog', () => {
     expect(getByText('This is an error')).toBeVisible();
   });
 
-  it('calls the onSave prop when `Save Changes` button is clicked', async () => {
-    const { findByText, getByLabelText } = renderContainer({ testFieldValue: 'initial value' });
-
-    const textField = await getByLabelText('Test Field', { exact: false });
-
-    fireEvent.change(textField, { target: { value: 'updated value' } });
-
-    const saveChangesButton = await findByText('Save Changes', { exact: false });
-
-    fireEvent.click(saveChangesButton);
-
-    await waitFor(() => {
-      expect(handleOnSave).toHaveBeenCalledTimes(1);
-      expect(handleOnSave).toHaveBeenCalledWith({
-        testField: 'updated value'
-      });
-    });
-  });
-
   it('calls the onCancel prop when `Cancel` button is clicked', async () => {
     const { findByText } = renderContainer({ testFieldValue: 'this is a test' });
 
diff --git a/app/src/components/dialog/InfoDialog.tsx b/app/src/components/dialog/InfoDialog.tsx
index 6823b0c9..e9bf70d1 100644
--- a/app/src/components/dialog/InfoDialog.tsx
+++ b/app/src/components/dialog/InfoDialog.tsx
@@ -74,7 +74,7 @@ const InfoDialog: React.FC<IInfoDialogProps> = (props) => {
   return (
     <Fragment>
       <Tooltip title={`${item.typeLabel} ${infoContent}`} placement="top">
-        <IconButton edge="end" onClick={handleClickOpen}>
+        <IconButton edge="end" onClick={handleClickOpen} aria-label={`Open ${item.typeLabel} info`}>
           <InfoIcon color="info" />
         </IconButton>
       </Tooltip>
@@ -93,6 +93,8 @@ const InfoDialog: React.FC<IInfoDialogProps> = (props) => {
               sx={{ width: 20, height: 32 }}
               image={item.typeIcon}
               title={item.typeLabel}
+              role="img"
+              aria-label={`${item.typeLabel} icon`}
             />
             <Typography sx={{ mt: 1, ml: 1, fontWeight: 550 }}>
               {item.typeLabel} {infoContent}
@@ -112,7 +114,7 @@ const InfoDialog: React.FC<IInfoDialogProps> = (props) => {
         </IconButton>
         <DialogContent dividers>
           {isError ? (
-            <Alert variant="outlined" severity="error">
+            <Alert variant="outlined" severity="error" role="alert">
               Unable to play media
             </Alert>
           ) : (
@@ -133,7 +135,7 @@ const InfoDialog: React.FC<IInfoDialogProps> = (props) => {
           )}
         </DialogContent>
         <DialogActions sx={{ backgroundColor: item.typeBgColor }}>
-          <Button autoFocus onClick={handleClose}>
+          <Button autoFocus onClick={handleClose} aria-label="Close dialog">
             Close
           </Button>
         </DialogActions>
diff --git a/app/src/components/fields/AreaSizeFields.tsx b/app/src/components/fields/AreaSizeFields.tsx
index daee7f85..e28d41d1 100644
--- a/app/src/components/fields/AreaSizeFields.tsx
+++ b/app/src/components/fields/AreaSizeFields.tsx
@@ -53,7 +53,8 @@ const AreaSizeFields: React.FC<IAreaSizeFieldsProps> = (props) => {
             inputProps: {
               min: AREA_SIZE_MIN_MAX.min,
               max: AREA_SIZE_MIN_MAX.max,
-              'data-testid': 'min-area'
+              'data-testid': 'min-area',
+              'aria-label': 'Minimum Area Size'
             },
             endAdornment: <InputAdornment position="end">Ha</InputAdornment>
           }}
@@ -61,7 +62,8 @@ const AreaSizeFields: React.FC<IAreaSizeFieldsProps> = (props) => {
             // Firefox min/max area
             min: AREA_SIZE_MIN_MAX.min,
             max: AREA_SIZE_MIN_MAX.max,
-            'data-testid': 'min-area'
+            'data-testid': 'min-area',
+            'aria-label': 'Minimum Area Size'
           }}
           onChange={handleChange}
           error={get(touched, minName) && Boolean(get(errors, minName))}
@@ -69,6 +71,7 @@ const AreaSizeFields: React.FC<IAreaSizeFieldsProps> = (props) => {
           InputLabelProps={{
             shrink: true
           }}
+          aria-invalid={get(touched, minName) && Boolean(get(errors, minName))}
         />
       </Grid>
       <Grid item xs={12} md={2}>
@@ -88,7 +91,8 @@ const AreaSizeFields: React.FC<IAreaSizeFieldsProps> = (props) => {
             inputProps: {
               min: minValue,
               max: AREA_SIZE_MIN_MAX.max,
-              'data-testid': 'max-area'
+              'data-testid': 'max-area',
+              'aria-label': 'Maximum Area Size'
             },
             endAdornment: <InputAdornment position="end">Ha</InputAdornment>
           }}
@@ -96,7 +100,8 @@ const AreaSizeFields: React.FC<IAreaSizeFieldsProps> = (props) => {
             // Firefox min/max dates
             min: minValue,
             max: AREA_SIZE_MIN_MAX.max,
-            'data-testid': 'max-area'
+            'data-testid': 'max-area',
+            'aria-label': 'Maximum Area Size'
           }}
           onChange={handleChange}
           error={get(touched, maxName) && Boolean(get(errors, maxName))}
@@ -104,6 +109,7 @@ const AreaSizeFields: React.FC<IAreaSizeFieldsProps> = (props) => {
           InputLabelProps={{
             shrink: true
           }}
+          aria-invalid={get(touched, maxName) && Boolean(get(errors, maxName))}
         />
       </Grid>
     </Grid>
diff --git a/app/src/components/fields/CustomTextField.tsx b/app/src/components/fields/CustomTextField.tsx
index 181527c8..81e4d62b 100644
--- a/app/src/components/fields/CustomTextField.tsx
+++ b/app/src/components/fields/CustomTextField.tsx
@@ -2,6 +2,7 @@ import TextField from '@mui/material/TextField';
 import { FormikContextType, useFormikContext } from 'formik';
 import get from 'lodash-es/get';
 import React from 'react';
+
 export interface ICustomTextField {
   label: string;
   name: string;
@@ -28,6 +29,8 @@ const CustomTextField: React.FC<React.PropsWithChildren<ICustomTextField>> = (pr
       fullWidth={true}
       error={get(touched, name) && Boolean(get(errors, name))}
       helperText={get(touched, name) && (get(errors, name) as string)}
+      aria-label={label}
+      aria-invalid={get(touched, name) && Boolean(get(errors, name))}
       {...other}
     />
   );
diff --git a/app/src/components/fields/MultiAutocompleteFieldVariableSize.tsx b/app/src/components/fields/MultiAutocompleteFieldVariableSize.tsx
index 0a43e9cb..2228f34c 100644
--- a/app/src/components/fields/MultiAutocompleteFieldVariableSize.tsx
+++ b/app/src/components/fields/MultiAutocompleteFieldVariableSize.tsx
@@ -281,7 +281,12 @@ const MultiAutocompleteFieldVariableSize: React.FC<IMultiAutocompleteField> = (p
         { selected }: any
       ) => {
         return (
-          <Box component="li" {...renderProps} key={renderOption.value}>
+          <Box
+            component="li"
+            {...renderProps}
+            key={renderOption.value}
+            role="option"
+            aria-selected={selected}>
             <Checkbox
               icon={<CheckBoxOutlineBlank fontSize="small" />}
               checkedIcon={<CheckBox fontSize="small" />}
@@ -290,6 +295,7 @@ const MultiAutocompleteFieldVariableSize: React.FC<IMultiAutocompleteField> = (p
               disabled={props.options?.includes(renderOption) || false}
               value={renderOption.value}
               color="default"
+              aria-label={renderOption.label}
             />
             {renderOption.label}
           </Box>
@@ -306,6 +312,8 @@ const MultiAutocompleteFieldVariableSize: React.FC<IMultiAutocompleteField> = (p
           placeholder="Type to start searching"
           error={get(touched, props.id) && Boolean(get(errors, props.id))}
           helperText={get(touched, props.id) && get(errors, props.id)}
+          aria-label={props.label}
+          aria-invalid={get(touched, props.id) && Boolean(get(errors, props.id))}
         />
       )}
     />
diff --git a/app/src/components/fields/PlanStartEndDateFields.tsx b/app/src/components/fields/PlanStartEndDateFields.tsx
index 84c4a907..05eecfad 100644
--- a/app/src/components/fields/PlanStartEndDateFields.tsx
+++ b/app/src/components/fields/PlanStartEndDateFields.tsx
@@ -18,11 +18,11 @@ interface IStartEndDateFieldsProps {
 }
 
 const CalendarStartIcon = () => {
-  return <Icon path={mdiCalendarStart} size={1} />;
+  return <Icon path={mdiCalendarStart} size={1} aria-label="Start Date Calendar Icon" />;
 };
 
 const CalendarEndIcon = () => {
-  return <Icon path={mdiCalendarEnd} size={1} />;
+  return <Icon path={mdiCalendarEnd} size={1} aria-label="End Date Calendar Icon" />;
 };
 
 /**
@@ -71,7 +71,8 @@ const StartEndDateFields: React.FC<IStartEndDateFieldsProps> = (props) => {
                 error: get(touched, startName) && Boolean(get(errors, startName)),
                 helperText: get(touched, startName) && get(errors, startName),
                 inputProps: {
-                  'data-testid': 'start_date'
+                  'data-testid': 'start_date',
+                  'aria-label': 'Start Date'
                 },
                 InputLabelProps: {
                   shrink: true
@@ -111,7 +112,8 @@ const StartEndDateFields: React.FC<IStartEndDateFieldsProps> = (props) => {
                 error: get(touched, endName) && Boolean(get(errors, endName)),
                 helperText: get(touched, endName) && get(errors, endName),
                 inputProps: {
-                  'data-testid': 'end_date'
+                  'data-testid': 'end_date',
+                  'aria-label': 'End Date'
                 },
                 InputLabelProps: {
                   shrink: true
diff --git a/app/src/components/layout/Footer.tsx b/app/src/components/layout/Footer.tsx
index bc9a3dd7..9cfe42ed 100644
--- a/app/src/components/layout/Footer.tsx
+++ b/app/src/components/layout/Footer.tsx
@@ -34,27 +34,33 @@ const pageStyles = {
 
 const Footer: React.FC = () => {
   return (
-    <footer style={pageStyles.appFooter}>
+    <footer style={pageStyles.appFooter} role="contentinfo" aria-label="Footer">
       <Toolbar
         variant="dense"
         sx={pageStyles.appFooterToolbar}
         role="navigation"
         data-testid="footer"
-        aria-label="Footer">
+        aria-label="Footer Navigation">
         <ul>
           <li>
-            <a href="https://www2.gov.bc.ca/gov/content/home/disclaimer">Disclaimer</a>
+            <a href="https://www2.gov.bc.ca/gov/content/home/disclaimer" role="link">
+              Disclaimer
+            </a>
           </li>
           <li>
-            <a href="https://www2.gov.bc.ca/gov/content/home/privacy">Privacy</a>
+            <a href="https://www2.gov.bc.ca/gov/content/home/privacy" role="link">
+              Privacy
+            </a>
           </li>
           <li>
-            <a href="https://www2.gov.bc.ca/gov/content/home/accessible-government">
+            <a href="https://www2.gov.bc.ca/gov/content/home/accessible-government" role="link">
               Accessibility
             </a>
           </li>
           <li>
-            <a href="https://www2.gov.bc.ca/gov/content/home/copyright">Copyright</a>
+            <a href="https://www2.gov.bc.ca/gov/content/home/copyright" role="link">
+              Copyright
+            </a>
           </li>
         </ul>
       </Toolbar>
diff --git a/app/src/components/layout/Header.tsx b/app/src/components/layout/Header.tsx
index 54834ad5..954fa56e 100644
--- a/app/src/components/layout/Header.tsx
+++ b/app/src/components/layout/Header.tsx
@@ -217,7 +217,8 @@ const Header: React.FC = () => {
     return (
       <Typography
         sx={pageStyles.appVersionTag}
-        variant="subtitle2"
+        variant="h3"
+        component="h2"
         aria-label={`This application version is ${nert_version} in environment ${nert_environment}`}>
         v{nert_version} {nert_environment}
       </Typography>
@@ -243,26 +244,35 @@ const Header: React.FC = () => {
 
   return (
     <>
-      <AppBar position="sticky" style={{ boxShadow: 'none' }}>
+      <AppBar position="sticky" style={{ boxShadow: 'none' }} role="banner">
         <Toolbar variant="dense">
           <Box display="flex" justifyContent="space-between" width="100%">
             <Box display="flex" justifyContent="left">
-              <Link to="/" style={pageStyles.brand} aria-label="Go to {title} Home">
+              <Link to="/" style={pageStyles.brand} aria-label={`Go to ${title} Home`} role="link">
                 <picture>
                   <source srcSet={headerImageLarge} media="(min-width: 1200px)"></source>
                   <source srcSet={headerImageSmall} media="(min-width: 600px)"></source>
-                  <img src={headerImageSmall} alt={'Government of British Columbia'} />
+                  <img src={headerImageSmall} alt="Government of British Columbia" />
                 </picture>
               </Link>
 
               <Box ml={2}>
-                <Typography variant="h6" component="div" sx={{ flexGrow: 1 }} data-testid={'title'}>
+                <Typography
+                  variant="h6"
+                  component="h1"
+                  sx={{ flexGrow: 1 }}
+                  data-testid="title"
+                  aria-label={title}>
                   {title}
                 </Typography>
                 <VersionEnvironmentLabel />
               </Box>
               <Box mt={-0.5}>
-                <IconButton aria-label="General Info" onClick={handleClickOpen} size="small">
+                <IconButton
+                  aria-label="General Info"
+                  onClick={handleClickOpen}
+                  size="small"
+                  role="button">
                   <InfoIcon color="info" />
                 </IconButton>
               </Box>
@@ -286,7 +296,8 @@ const Header: React.FC = () => {
               sx={pageStyles.govHeaderIconButton}
               onClick={handleClick}
               size="large"
-              data-testid={'help_navbar'}>
+              data-testid="help_navbar"
+              role="button">
               <Icon path={mdiHelpCircle} size={1.12} />
             </IconButton>
             <Menu
@@ -294,18 +305,23 @@ const Header: React.FC = () => {
               anchorEl={anchorEl}
               keepMounted
               open={Boolean(anchorEl)}
-              onClose={handleClose}>
-              <MenuItem onClick={handleClose} key={'Tracker FAQ'} value={'Tracker FAQ'}>
+              onClose={handleClose}
+              role="menu">
+              <MenuItem onClick={handleClose} key="Tracker FAQ" value="Tracker FAQ" role="menuitem">
                 Tracker FAQ
               </MenuItem>
-              <MenuItem onClick={showSupportDialog} key={'Need Help'} value={'Need Help'}>
+              <MenuItem
+                onClick={showSupportDialog}
+                key="Need Help"
+                value="Need Help"
+                role="menuitem">
                 Need Help
               </MenuItem>
             </Menu>
           </Box>
         </Toolbar>
 
-        <Box borderBottom={'1px solid'} sx={pageStyles.mainNav}>
+        <Box borderBottom="1px solid" sx={pageStyles.mainNav}>
           <Toolbar
             className="main-nav-toolbar"
             variant="dense"
@@ -320,14 +336,18 @@ const Header: React.FC = () => {
               ]}
               fallback={
                 <>
-                  <Link to="/projects" id="menu_projects" data-testid={'all_project_plan_navbar'}>
+                  <Link
+                    to="/projects"
+                    id="menu_projects"
+                    data-testid="all_project_plan_navbar"
+                    role="link">
                     Published Projects/Plans
                   </Link>
-                  <Link to="/search" id="menu_search" data-testid={'map_navbar'}>
+                  <Link to="/search" id="menu_search" data-testid="map_navbar" role="link">
                     Map
                   </Link>
                   <AuthGuard>
-                    <Link to="/access-request" id="menu_request_access">
+                    <Link to="/access-request" id="menu_request_access" role="link">
                       Request Access
                     </Link>
                   </AuthGuard>
@@ -337,7 +357,11 @@ const Header: React.FC = () => {
                 validSystemRoles={[SYSTEM_ROLE.SYSTEM_ADMIN, SYSTEM_ROLE.MAINTAINER]}
                 fallback={
                   <>
-                    <Link to="/projects" id="menu_projects" data-testid={'all_project_plan_navbar'}>
+                    <Link
+                      to="/projects"
+                      id="menu_projects"
+                      data-testid="all_project_plan_navbar"
+                      role="link">
                       Published Projects/Plans
                     </Link>
                   </>
@@ -345,32 +369,42 @@ const Header: React.FC = () => {
                 <Link
                   to="/admin/projects"
                   id="menu_projects"
-                  data-testid={'admin_project_plan_navbar'}>
+                  data-testid="admin_project_plan_navbar"
+                  role="link">
                   All Projects/Plans
                 </Link>
               </SystemRoleGuard>
               <Link
                 to="/admin/user/projects"
                 data-testid="my_projects_plans"
-                id="menu_user_projects">
+                id="menu_user_projects"
+                role="link">
                 My Projects/Plans
               </Link>
-              <Link to="/admin/search" id="menu_search">
+              <Link to="/admin/search" id="menu_search" role="link">
                 Map
               </Link>
               <SystemRoleGuard validSystemRoles={[SYSTEM_ROLE.SYSTEM_ADMIN]}>
-                <Link to="/admin/users" id="menu_admin_users" data-testid="manage_users">
+                <Link
+                  to="/admin/users"
+                  id="menu_admin_users"
+                  data-testid="manage_users"
+                  role="link">
                   Manage Users
                 </Link>
               </SystemRoleGuard>
               <SystemRoleGuard
                 validSystemRoles={[SYSTEM_ROLE.SYSTEM_ADMIN, SYSTEM_ROLE.MAINTAINER]}>
-                <Link to="/admin/reports" id="menu_admin_reports" data-testid="generate_reports">
+                <Link
+                  to="/admin/reports"
+                  id="menu_admin_reports"
+                  data-testid="generate_reports"
+                  role="link">
                   Reports
                 </Link>
               </SystemRoleGuard>
               <SystemRoleGuard validSystemRoles={[SYSTEM_ROLE.SYSTEM_ADMIN]}>
-                <Link to="/admin/codes" id="menu_admin_codes" data-testid="edit_codes">
+                <Link to="/admin/codes" id="menu_admin_codes" data-testid="edit_codes" role="link">
                   Codes
                 </Link>
               </SystemRoleGuard>
@@ -379,8 +413,8 @@ const Header: React.FC = () => {
         </Box>
       </AppBar>
 
-      <Dialog open={infoOpen}>
-        <DialogTitle>General Info: {title}</DialogTitle>
+      <Dialog open={infoOpen} role="dialog" aria-labelledby="general-info-title">
+        <DialogTitle id="general-info-title">General Info: {title}</DialogTitle>
         <DialogContent>
           <Typography>
             The Restoration Tracker is a web application providing planned, active and completed
@@ -393,14 +427,14 @@ const Header: React.FC = () => {
           </Typography>
         </DialogContent>
         <DialogActions>
-          <Button variant="contained" color="primary" onClick={handleClickClose}>
+          <Button variant="contained" color="primary" onClick={handleClickClose} role="button">
             OK
           </Button>
         </DialogActions>
       </Dialog>
 
-      <Dialog open={open}>
-        <DialogTitle>Need Help?</DialogTitle>
+      <Dialog open={open} role="dialog" aria-labelledby="need-help-title">
+        <DialogTitle id="need-help-title">Need Help?</DialogTitle>
         <DialogContent>
           <Typography variant="body1" component="div" color="textSecondary" gutterBottom>
             For technical support or questions about this application, please email:&nbsp;
@@ -417,7 +451,7 @@ const Header: React.FC = () => {
           </Typography>
         </DialogContent>
         <DialogActions>
-          <Button variant="contained" color="primary" onClick={hideSupportDialog}>
+          <Button variant="contained" color="primary" onClick={hideSupportDialog} role="button">
             OK
           </Button>
         </DialogActions>
diff --git a/app/src/components/map/components/LayerControl.tsx b/app/src/components/map/components/LayerControl.tsx
index 6de665fa..4ec86fa2 100644
--- a/app/src/components/map/components/LayerControl.tsx
+++ b/app/src/components/map/components/LayerControl.tsx
@@ -1,6 +1,14 @@
 import React, { useState } from 'react';
 
-import { Box, Checkbox, CardMedia, IconButton } from '@mui/material';
+import {
+  Box,
+  Checkbox,
+  IconButton,
+  FormGroup,
+  FormControlLabel,
+  Typography,
+  Grid
+} from '@mui/material';
 import InfoIcon from '@mui/icons-material/Info';
 import KeyboardArrowLeftIcon from '@mui/icons-material/KeyboardArrowLeft';
 import InfoDialogDraggable from 'components/dialog/InfoDialogDraggable';
@@ -9,19 +17,18 @@ import './LayerControl.css';
 const layerControlStyle = {
   container: {
     display: 'grid',
-    marginLeft: '-10px',
     gridTemplateColumns: 'auto auto 1fr auto'
   },
   title: {
     textoverflow: 'ellipsis',
     fontWeight: 'bold',
-    fontSize: '1.3em',
+    fontSize: '1em',
     marginTop: '10px'
   },
   drawer: {
     gridColumn: '1 / 5',
     textWrap: 'pretty',
-    margin: '3px 15px 3px 25px'
+    margin: '3px 15px 3px 3px'
   }
 };
 
@@ -49,36 +56,62 @@ const LayerControl = (props: ILayerControlProps) => {
         Content coming soon
       </InfoDialogDraggable>
       <Box sx={layerControlStyle.container}>
-        <Box>
-          <Checkbox checked={layerState[0]} onClick={() => layerState[1](!layerState[0])} />
-        </Box>
-        <Box>{/* <CardMedia /> */}</Box>
-        <Box>
-          <Box sx={layerControlStyle.title}>{title}</Box>
-          <Box>{subTitle}</Box>
-        </Box>
-        <Box>
-          <Box title="View more information">
-            <IconButton ariel-label="Information" onClick={() => setInfoOpen(!infoOpen)}>
-              <InfoIcon />
-            </IconButton>
-          </Box>
-          <Box>
-            <IconButton
-              title="Filter and/or legend"
-              ariel-label="Filter and/or legend"
-              onClick={() => setFilterOpen(!filterOpen)}
-              className={filterOpen ? 'filter button open' : 'filter button closed'}>
-              <KeyboardArrowLeftIcon />
-            </IconButton>
-          </Box>
-        </Box>
-        {/* here is a drawer that will be expanded when the filter/legend button is clicked */}
-        <Box
-          sx={layerControlStyle.drawer}
-          className={filterOpen ? 'filter drawer open' : 'filter drawer closed'}>
-          {children}
-        </Box>
+        <Grid
+          container
+          sx={{
+            justifyContent: 'space-between',
+            alignItems: 'center'
+          }}>
+          <Grid item xs={10}>
+            <FormGroup>
+              <FormControlLabel
+                control={
+                  <Checkbox
+                    title="Layer State"
+                    checked={layerState[0]}
+                    onClick={() => layerState[1](!layerState[0])}
+                  />
+                }
+                label={
+                  <Box mt={2} sx={layerControlStyle.title}>
+                    <Typography variant="h4">{title}</Typography>
+                    <Typography variant="caption">{subTitle}</Typography>
+                  </Box>
+                }
+              />
+            </FormGroup>
+          </Grid>
+          <Grid item xs={2}>
+            <Box>
+              <Box title="View more information">
+                <IconButton
+                  title="info"
+                  ariel-label="Information"
+                  onClick={() => setInfoOpen(!infoOpen)}>
+                  <InfoIcon />
+                </IconButton>
+              </Box>
+              <Box>
+                <IconButton
+                  title="Filter and/or legend"
+                  ariel-label="Filter and/or legend"
+                  onClick={() => setFilterOpen(!filterOpen)}
+                  className={filterOpen ? 'filter button open' : 'filter button closed'}>
+                  <KeyboardArrowLeftIcon />
+                </IconButton>
+              </Box>
+            </Box>
+          </Grid>
+
+          {/* here is a drawer that will be expanded when the filter/legend button is clicked */}
+          <Grid
+            item
+            xs={12}
+            sx={layerControlStyle.drawer}
+            className={filterOpen ? 'filter drawer open' : 'filter drawer closed'}>
+            {children}
+          </Grid>
+        </Grid>
       </Box>
     </>
   );
diff --git a/app/src/components/map/components/LayerSwitcher.tsx b/app/src/components/map/components/LayerSwitcher.tsx
index 550e5f94..3c87bcb5 100644
--- a/app/src/components/map/components/LayerSwitcher.tsx
+++ b/app/src/components/map/components/LayerSwitcher.tsx
@@ -81,7 +81,7 @@ const LayerSwitcher = (props: ILayerSwitcherProps) => {
     <div>
       {!switcherOpen ? (
         <Box title="Open Layer Picker" sx={buttonStyle}>
-          <IconButton onClick={toggleLayerswitcher}>
+          <IconButton title="toggle-layer" onClick={toggleLayerswitcher}>
             <LayersIcon />
           </IconButton>
         </Box>
diff --git a/app/src/components/map/components/LayerSwitcherInline.tsx b/app/src/components/map/components/LayerSwitcherInline.tsx
index bb3b5ea7..fe21297e 100644
--- a/app/src/components/map/components/LayerSwitcherInline.tsx
+++ b/app/src/components/map/components/LayerSwitcherInline.tsx
@@ -58,76 +58,101 @@ const LayerSwitcherInline = (props: ILayerSwitcherProps) => {
 
   const boundaryFilter = props.filterState?.boundary;
   const orphanedWellFilter = props.filterState?.orphanedWells;
-  const dormantWellFilter = props.filterState?.dormantWells;
 
   return (
     <div>
       <Box>
         {props.hideProjects !== true && (
           <Box>
-            <Typography variant="h6">Projects & Plans</Typography>
+            <Typography variant="h6" component="h3">
+              Projects & Plans
+            </Typography>
             <FormGroup>
               <FormControlLabel
                 control={
-                  <Checkbox checked={projects[0]} onClick={() => projects[1](!projects[0])} />
+                  <Checkbox
+                    title="Toggle visibility - Projects"
+                    checked={projects[0]}
+                    onClick={() => projects[1](!projects[0])}
+                  />
                 }
                 label={
-                  <div style={iconLegendStyle}>
+                  <label style={iconLegendStyle}>
                     <span>Projects</span>
                     <img
                       style={iconLegendIconStyle}
                       src="/assets/icon/marker-icon.png"
                       alt="projects"
                     />
-                  </div>
+                  </label>
                 }
               />
               <FormControlLabel
-                control={<Checkbox checked={plans[0]} onClick={() => plans[1](!plans[0])} />}
+                control={
+                  <Checkbox
+                    title="Toggle visibility - Plans"
+                    checked={plans[0]}
+                    onClick={() => plans[1](!plans[0])}
+                  />
+                }
                 label={
-                  <div style={iconLegendStyle}>
+                  <label style={iconLegendStyle}>
                     <span>Plans</span>
                     <img
                       style={iconLegendIconStyle}
                       src="/assets/icon/marker-icon2.png"
                       alt="plans"
                     />
-                  </div>
+                  </label>
                 }
               />
             </FormGroup>
             <hr />
           </Box>
         )}
-        <Typography variant="h6">Context Layers</Typography>
+        <Typography variant="h6" component="h3">
+          Context Layers
+        </Typography>
         <FormGroup>
           <LayerControl
             title="Management Boundaries"
             subTitle="Natural resource management boundaries"
             layerState={boundary}>
             {props.legend.boundary && (
-              <List dense>
+              <List dense sx={{ mt: 2 }}>
                 {props.legend.boundary.map((item: any) => (
-                  <ListItem
-                    key={item.label}
-                    secondaryAction={
-                      <Checkbox
-                        edge="end"
-                        checked={boundaryFilter[item.label][0]}
-                        onChange={() =>
-                          boundaryFilter[item.label][1](!boundaryFilter[item.label][0])
+                  <ListItem key={item.label}>
+                    <FormGroup>
+                      <FormControlLabel
+                        labelPlacement="start"
+                        control={
+                          <Checkbox
+                            title="Toggle visibility - Management Boundaries"
+                            edge="end"
+                            checked={boundaryFilter[item.label][0]}
+                            onChange={() =>
+                              boundaryFilter[item.label][1](!boundaryFilter[item.label][0])
+                            }
+                          />
+                        }
+                        label={
+                          <Box display="flex" alignItems="center">
+                            <ListItemAvatar>
+                              <Avatar
+                                src={item.image}
+                                style={{
+                                  backgroundColor: item.color,
+                                  borderColor: item.outlineColor
+                                }}
+                                className={item.outlineColor ? 'outlined' : ''}
+                                alt="management-icon"
+                              />
+                            </ListItemAvatar>
+                            <ListItemText sx={{ width: 180 }} primary={item.label} />
+                          </Box>
                         }
                       />
-                    }>
-                    <ListItemAvatar>
-                      <Avatar
-                        src={item.image}
-                        style={{ backgroundColor: item.color, borderColor: item.outlineColor }}
-                        className={item.outlineColor ? 'outlined' : ''}>
-                        &nbsp;
-                      </Avatar>
-                    </ListItemAvatar>
-                    <ListItemText primary={item.label} />
+                    </FormGroup>
                   </ListItem>
                 ))}
               </List>
@@ -140,30 +165,39 @@ const LayerSwitcherInline = (props: ILayerSwitcherProps) => {
             layerState={protectedAreas}>
             {/* Conditional rendering of legend */}
             {props.legend.protectedAreas && (
-              <List dense>
+              <List dense sx={{ mt: 2 }}>
                 {props.legend.protectedAreas.map((area: any) => {
                   return (
-                    <ListItem
-                      key={area.label}
-                      secondaryAction={
-                        // Only show the checkbox if the area allows toggling
-                        area.allowToggle && (
-                          <Checkbox
-                            edge="end"
-                            checked={area.visible}
-                            onClick={() => (area.visible = !area.visible)}
-                          />
-                        )
-                      }>
-                      <ListItemAvatar>
-                        <Avatar
-                          src={area.image}
-                          style={{ backgroundColor: area.color, borderColor: area.outlineColor }}
-                          className={area.outlineColor ? 'outlined' : ''}>
-                          &nbsp;
-                        </Avatar>
-                      </ListItemAvatar>
-                      <ListItemText primary={area.label} />
+                    <ListItem key={area.label}>
+                      <FormGroup>
+                        <FormControlLabel
+                          labelPlacement="start"
+                          control={
+                            <Checkbox
+                              title="Toggle visibility - Protected Areas"
+                              edge="end"
+                              checked={area.visible}
+                              onClick={() => (area.visible = !area.visible)}
+                            />
+                          }
+                          label={
+                            <Box display="flex" alignItems="center">
+                              <ListItemAvatar>
+                                <Avatar
+                                  src={area.image}
+                                  style={{
+                                    backgroundColor: area.color,
+                                    borderColor: area.outlineColor
+                                  }}
+                                  className={area.outlineColor ? 'outlined' : ''}
+                                  alt="protected-area-icon"
+                                />
+                              </ListItemAvatar>
+                              <ListItemText sx={{ width: 180 }} primary={area.label} />
+                            </Box>
+                          }
+                        />
+                      </FormGroup>
                     </ListItem>
                   );
                 })}
@@ -176,30 +210,40 @@ const LayerSwitcherInline = (props: ILayerSwitcherProps) => {
             subTitle="BC Energy Regulator orphaned wells and orphaned well activities"
             layerState={orphanedWells}>
             {props.legend.orphanedWells && (
-              <List dense>
+              <List dense sx={{ mt: 2 }}>
                 {props.legend.orphanedWells.map((well: any) => (
-                  <ListItem
-                    key={well.label}
-                    secondaryAction={
-                      well.allowToggle && (
-                        <Checkbox
-                          edge="end"
-                          checked={orphanedWellFilter[well.label][0]}
-                          onClick={() => {
-                            orphanedWellFilter[well.label][1](!orphanedWellFilter[well.label][0]);
-                          }}
-                        />
-                      )
-                    }>
-                    <ListItemAvatar>
-                      <Avatar
-                        src={well.image}
-                        style={{ backgroundColor: well.color, borderColor: well.outlineColor }}
-                        className={well.outlineColor ? 'outlined' : ''}>
-                        &nbsp;
-                      </Avatar>
-                    </ListItemAvatar>
-                    <ListItemText primary={well.label} />
+                  <ListItem key={well.label}>
+                    <FormGroup>
+                      <FormControlLabel
+                        labelPlacement="start"
+                        control={
+                          <Checkbox
+                            title="Toggle visibility - Orphaned Wells"
+                            edge="end"
+                            checked={orphanedWellFilter[well.label][0]}
+                            onClick={() => {
+                              orphanedWellFilter[well.label][1](!orphanedWellFilter[well.label][0]);
+                            }}
+                          />
+                        }
+                        label={
+                          <Box display={'flex'} alignItems="center">
+                            <ListItemAvatar>
+                              <Avatar
+                                src={well.image}
+                                style={{
+                                  backgroundColor: well.color,
+                                  borderColor: well.outlineColor
+                                }}
+                                className={well.outlineColor ? 'outlined' : ''}
+                                alt="orphaned-well-icon"
+                              />
+                            </ListItemAvatar>
+                            <ListItemText sx={{ width: 180 }} primary={well.label} />
+                          </Box>
+                        }
+                      />
+                    </FormGroup>
                   </ListItem>
                 ))}
               </List>
@@ -211,28 +255,16 @@ const LayerSwitcherInline = (props: ILayerSwitcherProps) => {
             subTitle="Wells that are currently inactive"
             layerState={dormantWells}>
             {props.legend.dormantWells && (
-              <List dense>
+              <List dense sx={{ mt: 2 }}>
                 {props.legend.dormantWells.map((well: any) => (
-                  <ListItem
-                    key={well.label}
-                    secondaryAction={
-                      well.allowToggle && (
-                        <Checkbox
-                          edge="end"
-                          checked={dormantWellFilter[well.label][0]}
-                          onClick={() => {
-                            dormantWellFilter[well.label][1](!dormantWellFilter[well.label][0]);
-                          }}
-                        />
-                      )
-                    }>
+                  <ListItem key={well.label} secondaryAction={<></>}>
                     <ListItemAvatar>
                       <Avatar
                         src={well.image}
                         style={{ backgroundColor: well.color, borderColor: well.outlineColor }}
-                        className={well.outlineColor ? 'outlined' : ''}>
-                        &nbsp;
-                      </Avatar>
+                        className={well.outlineColor ? 'outlined' : ''}
+                        alt="dormant-well-icon"
+                      />
                     </ListItemAvatar>
                     <ListItemText primary={well.label} />
                   </ListItem>
@@ -242,12 +274,20 @@ const LayerSwitcherInline = (props: ILayerSwitcherProps) => {
           </LayerControl>
 
           <FormControlLabel
-            control={<Checkbox checked={seismic[0]} onClick={() => seismic[1](!seismic[0])} />}
+            control={
+              <Checkbox
+                title="Seismic Checkbox"
+                checked={seismic[0]}
+                onClick={() => seismic[1](!seismic[0])}
+              />
+            }
             label="Seismic Lines"
           />
         </FormGroup>
         <hr />
-        <Typography variant="h6">Base Layers</Typography>
+        <Typography variant="h6" component="h3">
+          Base Layers
+        </Typography>
         <RadioGroup value={baselayer[0]} onChange={basemapChanged}>
           <FormControlLabel value="hybrid" control={<Radio />} label="Satellite" />
           <FormControlLabel value="terrain" control={<Radio />} label="Terrain" />
diff --git a/app/src/components/search-plan-filter/PlanAdvancedFilters.tsx b/app/src/components/search-plan-filter/PlanAdvancedFilters.tsx
index cbf310e0..5cb2d60c 100644
--- a/app/src/components/search-plan-filter/PlanAdvancedFilters.tsx
+++ b/app/src/components/search-plan-filter/PlanAdvancedFilters.tsx
@@ -25,17 +25,17 @@ export interface IPlanAdvancedFiltersProps {
 const PlanAdvancedFilters: React.FC<IPlanAdvancedFiltersProps> = (props) => {
   const formikProps = useFormikContext<IPlanAdvancedFilters>();
   return (
-    <Box data-testid="advancedFilters">
+    <Box data-testid="advancedFilters" role="region" aria-labelledby="advanced-filters-header">
       <Grid container spacing={0.5} justifyContent="flex-start">
         <Grid item xs={12} md={2}>
-          <Typography variant="subtitle1" component="h3">
+          <Typography variant="subtitle1" component="h3" id="advanced-filters-header">
             <strong>Plan Details</strong>
           </Typography>
         </Grid>
         <Grid item xs={12} md={10}>
           <Grid container spacing={1.5}>
             <Grid item xs={12}>
-              <CustomTextField name="plan_name" label="Name" />
+              <CustomTextField name="plan_name" label="Name" aria-label="Plan Name" />
             </Grid>
             <Grid item xs={6}>
               <MultiAutocompleteFieldVariableSize
@@ -44,6 +44,7 @@ const PlanAdvancedFilters: React.FC<IPlanAdvancedFiltersProps> = (props) => {
                 label="Status"
                 options={props.status}
                 required={false}
+                aria-label="Plan Status"
               />
             </Grid>
             <Grid item xs={6}>
@@ -53,6 +54,7 @@ const PlanAdvancedFilters: React.FC<IPlanAdvancedFiltersProps> = (props) => {
                 label="Region"
                 options={props.region}
                 required={false}
+                aria-label="Plan Region"
               />
             </Grid>
             <Grid item xs={12}>
@@ -62,10 +64,15 @@ const PlanAdvancedFilters: React.FC<IPlanAdvancedFiltersProps> = (props) => {
                 endName={'plan_end_date'}
                 startRequired={false}
                 endRequired={false}
+                aria-label="Plan Start and End Dates"
               />
             </Grid>
             <Grid item xs={12}>
-              <CustomTextField name="plan_organizations" label="Organizations" />
+              <CustomTextField
+                name="plan_organizations"
+                label="Organizations"
+                aria-label="Plan Organizations"
+              />
             </Grid>
             <Grid item xs={12}>
               <MultiAutocompleteFieldVariableSize
@@ -74,6 +81,7 @@ const PlanAdvancedFilters: React.FC<IPlanAdvancedFiltersProps> = (props) => {
                 label="Focus"
                 options={props.focus}
                 required={false}
+                aria-label="Plan Focus"
               />
             </Grid>
             <Grid item xs={12}>
@@ -86,6 +94,7 @@ const PlanAdvancedFilters: React.FC<IPlanAdvancedFiltersProps> = (props) => {
                 maxName={'plan_ha_to'}
                 minRequired={false}
                 maxRequired={false}
+                aria-label="Area Size in Hectares"
               />
             </Grid>
           </Grid>
diff --git a/app/src/components/search-plan-filter/PlanFilter.tsx b/app/src/components/search-plan-filter/PlanFilter.tsx
index 81a893e9..a7572380 100644
--- a/app/src/components/search-plan-filter/PlanFilter.tsx
+++ b/app/src/components/search-plan-filter/PlanFilter.tsx
@@ -212,6 +212,7 @@ const PlanFilter: React.FC<IPlanAdvancedFiltersProps> = (props) => {
             clickable={false}
             onDelete={() => handleDelete(key, chipValue)}
             deleteIcon={<Icon path={mdiClose} color="white" size={1} />}
+            aria-label={`Remove filter ${getChipLabel(key, chipValue)}`}
           />
         </Grid>
       );
@@ -227,11 +228,13 @@ const PlanFilter: React.FC<IPlanAdvancedFiltersProps> = (props) => {
   };
 
   return (
-    <form onSubmit={handleSubmit}>
-      <Card>
+    <form onSubmit={handleSubmit} aria-labelledby="filter-plans-form">
+      <Card role="region" aria-labelledby="filter-plans-header">
         <Box my={2} mx={3}>
           <Box mb={2}>
-            <Typography variant="h2">Filter Plans</Typography>
+            <Typography variant="h2" id="filter-plans-header">
+              Filter Plans
+            </Typography>
           </Box>
           <Box display="flex">
             <Box flex="1 1 auto" display="flex">
@@ -249,6 +252,7 @@ const PlanFilter: React.FC<IPlanAdvancedFiltersProps> = (props) => {
                 placeholder="Enter Keywords"
                 onChange={handleChange}
                 value={values.keyword}
+                aria-label="Enter Keywords"
               />
               <Button
                 sx={pageStyles.filterToggleBtn}
@@ -259,7 +263,9 @@ const PlanFilter: React.FC<IPlanAdvancedFiltersProps> = (props) => {
                   (!isAdvancedFiltersOpen && <Icon path={mdiMenuDown} size={1} />) ||
                   (isAdvancedFiltersOpen && <Icon path={mdiMenuUp} size={1} />)
                 }
-                onClick={() => setIsAdvancedFiltersOpen(!isAdvancedFiltersOpen)}>
+                onClick={() => setIsAdvancedFiltersOpen(!isAdvancedFiltersOpen)}
+                aria-expanded={isAdvancedFiltersOpen}
+                aria-controls="advanced-filters">
                 Advanced
               </Button>
             </Box>
@@ -270,7 +276,8 @@ const PlanFilter: React.FC<IPlanAdvancedFiltersProps> = (props) => {
                 variant="contained"
                 color="primary"
                 sx={pageStyles.filterApplyBtn}
-                onClick={handleFilterUpdate}>
+                onClick={handleFilterUpdate}
+                aria-label="Apply Filters">
                 Apply
               </Button>
             </Box>
@@ -292,14 +299,18 @@ const PlanFilter: React.FC<IPlanAdvancedFiltersProps> = (props) => {
                     isFilterValueNotEmpty(value) && getFilterChips(key, value as string)
                 )}
                 <Grid item>
-                  <Chip label={'Clear all'} onClick={handleFilterReset} />
+                  <Chip
+                    label={'Clear all'}
+                    onClick={handleFilterReset}
+                    aria-label="Clear all filters"
+                  />
                 </Grid>
               </Grid>
             </Box>
           )}
 
           {isAdvancedFiltersOpen && (
-            <Box my={5}>
+            <Box my={5} id="advanced-filters">
               <PlanAdvancedFilters region={region} status={status} focus={focus} />
 
               <Box textAlign="right" mt={3}>
@@ -309,7 +320,8 @@ const PlanFilter: React.FC<IPlanAdvancedFiltersProps> = (props) => {
                   color="primary"
                   size="medium"
                   sx={pageStyles.actionButton}
-                  onClick={handleFilterReset}>
+                  onClick={handleFilterReset}
+                  aria-label="Reset Filters">
                   Reset
                 </Button>
               </Box>
diff --git a/app/src/components/search-project-filter/ProjectFilter.tsx b/app/src/components/search-project-filter/ProjectFilter.tsx
index 34221bd6..9c097395 100644
--- a/app/src/components/search-project-filter/ProjectFilter.tsx
+++ b/app/src/components/search-project-filter/ProjectFilter.tsx
@@ -151,7 +151,7 @@ const ProjectFilter: React.FC<IProjectAdvancedFiltersProps> = (props) => {
     setFieldValue(key, values[key]);
 
     if (JSON.stringify(values) === JSON.stringify(ProjectAdvancedFiltersInitialValues)) {
-      //if current filters are equal to inital values, then no filters are set ....
+      //if current filters are equal to initial values, then no filters are set ....
       //then reset filter chips to closed
       handleFilterReset();
     } else {
@@ -226,6 +226,8 @@ const ProjectFilter: React.FC<IProjectAdvancedFiltersProps> = (props) => {
             clickable={false}
             onDelete={() => handleDelete(key, chipValue)}
             deleteIcon={<Icon path={mdiClose} color="white" size={1} />}
+            role="button"
+            aria-label={`Remove filter ${getChipLabel(key, chipValue)}`}
           />
         </Grid>
       );
@@ -240,11 +242,13 @@ const ProjectFilter: React.FC<IProjectAdvancedFiltersProps> = (props) => {
   };
 
   return (
-    <form onSubmit={handleSubmit}>
+    <form onSubmit={handleSubmit} role="form" aria-labelledby="filter-projects-form">
       <Card>
         <Box my={2} mx={3}>
           <Box mb={2}>
-            <Typography variant="h2">Filter Projects</Typography>
+            <Typography variant="h2" id="filter-projects-form">
+              Filter Projects
+            </Typography>
           </Box>
           <Box display="flex">
             <Box flex="1 1 auto" display="flex">
@@ -262,6 +266,7 @@ const ProjectFilter: React.FC<IProjectAdvancedFiltersProps> = (props) => {
                 placeholder="Enter Keywords"
                 onChange={handleChange}
                 value={values.keyword}
+                aria-label="Keyword search"
               />
               <Button
                 sx={pageStyles.filterToggleBtn}
@@ -272,7 +277,10 @@ const ProjectFilter: React.FC<IProjectAdvancedFiltersProps> = (props) => {
                   (!isAdvancedFiltersOpen && <Icon path={mdiMenuDown} size={1} />) ||
                   (isAdvancedFiltersOpen && <Icon path={mdiMenuUp} size={1} />)
                 }
-                onClick={() => setIsAdvancedFiltersOpen(!isAdvancedFiltersOpen)}>
+                onClick={() => setIsAdvancedFiltersOpen(!isAdvancedFiltersOpen)}
+                aria-expanded={isAdvancedFiltersOpen}
+                aria-controls="advanced-filters"
+                aria-label="Toggle advanced filters">
                 Advanced
               </Button>
             </Box>
@@ -283,7 +291,8 @@ const ProjectFilter: React.FC<IProjectAdvancedFiltersProps> = (props) => {
                 variant="contained"
                 color="primary"
                 sx={pageStyles.filterApplyBtn}
-                onClick={handleFilterUpdate}>
+                onClick={handleFilterUpdate}
+                aria-label="Apply filters">
                 Apply
               </Button>
             </Box>
@@ -305,14 +314,19 @@ const ProjectFilter: React.FC<IProjectAdvancedFiltersProps> = (props) => {
                     isFilterValueNotEmpty(value) && getFilterChips(key, value as string)
                 )}
                 <Grid item>
-                  <Chip label={'Clear all'} onClick={handleFilterReset} />
+                  <Chip
+                    label={'Clear all'}
+                    onClick={handleFilterReset}
+                    role="button"
+                    aria-label="Clear all filters"
+                  />
                 </Grid>
               </Grid>
             </Box>
           )}
 
           {isAdvancedFiltersOpen && (
-            <Box my={5}>
+            <Box my={5} id="advanced-filters">
               <ProjectAdvancedFilters region={region} status={status} focus={focus} />
 
               <Box textAlign="right" mt={3}>
@@ -322,7 +336,8 @@ const ProjectFilter: React.FC<IProjectAdvancedFiltersProps> = (props) => {
                   color="primary"
                   size="medium"
                   sx={pageStyles.actionButton}
-                  onClick={handleFilterReset}>
+                  onClick={handleFilterReset}
+                  aria-label="Reset filters">
                   Reset
                 </Button>
               </Box>
diff --git a/app/src/components/species/components/SpeciesSelectedCard.tsx b/app/src/components/species/components/SpeciesSelectedCard.tsx
index 5bb64a5a..e2f2a436 100644
--- a/app/src/components/species/components/SpeciesSelectedCard.tsx
+++ b/app/src/components/species/components/SpeciesSelectedCard.tsx
@@ -43,7 +43,11 @@ const SpeciesSelectedCard = (props: ISpeciesSelectedCardProps) => {
   const { index, species, handleRemove, sx } = props;
 
   return (
-    <Paper variant="outlined" sx={sx ? sx : { ...sx, mt: 1, background: grey[100] }}>
+    <Paper
+      variant="outlined"
+      sx={sx ? sx : { ...sx, mt: 1, background: grey[100] }}
+      role="listitem"
+      aria-label={`Species ${index + 1}: ${species.commonNames}`}>
       <Box display="flex" alignItems="center" px={2} py={1.5}>
         <Box flex="1 1 auto">
           <SpeciesCard taxon={species} />
@@ -55,7 +59,7 @@ const SpeciesSelectedCard = (props: ISpeciesSelectedCardProps) => {
               sx={{
                 ml: 2
               }}
-              aria-label="remove species"
+              aria-label={`remove species ${species.commonNames}`}
               onClick={() => handleRemove(species.tsn)}>
               <Icon path={mdiClose} size={1}></Icon>
             </IconButton>
diff --git a/app/src/components/toolbar/ActionToolbars.tsx b/app/src/components/toolbar/ActionToolbars.tsx
index 3a39a633..51fcb027 100644
--- a/app/src/components/toolbar/ActionToolbars.tsx
+++ b/app/src/components/toolbar/ActionToolbars.tsx
@@ -148,7 +148,7 @@ export const CustomMenuButton: React.FC<ICustomMenuButtonProps> = (props) => {
           horizontal: 'right'
         }}
         MenuListProps={{
-          'aria-labelledby': 'basic-button'
+          'aria-labelledby': buttonId
         }}>
         {props.menuItems.map((menuItem) => {
           const menuItemId = `custom-menu-button-item-${menuItem.menuLabel.replace(/\s/g, '')}`;
@@ -222,7 +222,7 @@ export const CustomMenuIconButton: React.FC<ICustomMenuIconButtonProps> = (props
           horizontal: 'right'
         }}
         MenuListProps={{
-          'aria-labelledby': 'basic-button'
+          'aria-labelledby': buttonId
         }}>
         {props.menuItems.map((menuItem) => {
           const menuItemId = `custom-menu-icon-item-${menuItem.menuLabel.replace(/\s/g, '')}`;
diff --git a/app/src/features/admin/codes/CodeDialog.tsx b/app/src/features/admin/codes/CodeDialog.tsx
index 19fe7903..68058e8c 100644
--- a/app/src/features/admin/codes/CodeDialog.tsx
+++ b/app/src/features/admin/codes/CodeDialog.tsx
@@ -28,7 +28,7 @@ const CodeDialog: React.FC<CodeDialogProps> = ({
   type
 }) => {
   if (!codeSet || !type) {
-    return;
+    return null;
   }
 
   const [value, setValue] = useState<string>('');
@@ -66,11 +66,7 @@ const CodeDialog: React.FC<CodeDialogProps> = ({
     const re =
       /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
 
-    if (re.test(email)) {
-      return true;
-    } else {
-      return false;
-    }
+    return re.test(email);
   };
 
   const handleCancel = () => {
@@ -81,8 +77,8 @@ const CodeDialog: React.FC<CodeDialogProps> = ({
 
   return (
     <>
-      <Dialog open={open} onClose={onClose}>
-        <DialogTitle>{title}</DialogTitle>
+      <Dialog open={open} onClose={onClose} aria-labelledby="code-dialog-title">
+        <DialogTitle id="code-dialog-title">{title}</DialogTitle>
         <DialogContent>
           <Typography variant="body1">{`Type: ${type ? type.toLocaleUpperCase() : ''}`}</Typography>
           <Typography variant="body1">{`Code: ${codeSet.name}`}</Typography>
@@ -98,6 +94,7 @@ const CodeDialog: React.FC<CodeDialogProps> = ({
               helperText={value.length > 5 && !validateEmail(value) && 'Invalid email address'}
               type="email"
               inputProps={{ maxLength: 50 }}
+              aria-label="Update Email Value"
             />
           ) : (
             <TextField
@@ -106,6 +103,7 @@ const CodeDialog: React.FC<CodeDialogProps> = ({
               onChange={(e) => setValue(e.target.value)}
               fullWidth
               inputProps={{ maxLength: 50 }}
+              aria-label="Update Value"
             />
           )}
         </DialogContent>
@@ -119,8 +117,11 @@ const CodeDialog: React.FC<CodeDialogProps> = ({
         </DialogActions>
       </Dialog>
 
-      <Dialog open={confirmOpen} onClose={() => setConfirmOpen(false)}>
-        <DialogTitle>Confirm Update</DialogTitle>
+      <Dialog
+        open={confirmOpen}
+        onClose={() => setConfirmOpen(false)}
+        aria-labelledby="confirm-dialog-title">
+        <DialogTitle id="confirm-dialog-title">Confirm Update</DialogTitle>
         <DialogContent>Are you sure you want to update the code?</DialogContent>
         <DialogActions>
           <Button variant="contained" onClick={handleConfirmUpdate} color="primary">
diff --git a/app/src/features/admin/codes/CodeTable.tsx b/app/src/features/admin/codes/CodeTable.tsx
index 359ae21b..ac9b5d8f 100644
--- a/app/src/features/admin/codes/CodeTable.tsx
+++ b/app/src/features/admin/codes/CodeTable.tsx
@@ -36,7 +36,7 @@ const CodeTable: React.FC<ICodeTableProps> = (props) => {
     <TableContainer component={Paper}>
       <Accordion defaultExpanded={false}>
         <AccordionSummary
-          expandIcon={<Icon path={mdiMenuDown} size={1} />}
+          expandIcon={<Icon path={mdiMenuDown} size={1} aria-label="Expand" />}
           aria-controls={`${title}-content`}
           id={`${title}-header`}>
           <Typography variant="h2" p={2}>
@@ -44,7 +44,7 @@ const CodeTable: React.FC<ICodeTableProps> = (props) => {
           </Typography>
         </AccordionSummary>
         <AccordionDetails>
-          <Table>
+          <Table aria-labelledby={`${title}-header`}>
             <TableHead>
               <TableRow>
                 <TableCell>Code</TableCell>
@@ -61,7 +61,8 @@ const CodeTable: React.FC<ICodeTableProps> = (props) => {
                     <Button
                       variant="contained"
                       color="primary"
-                      onClick={() => handleOpen(row, type)}>
+                      onClick={() => handleOpen(row, type)}
+                      aria-label={`Edit ${row.name}`}>
                       Edit
                     </Button>
                     {/* <Button variant="contained" color="secondary">
diff --git a/app/src/features/admin/codes/CodesPage.tsx b/app/src/features/admin/codes/CodesPage.tsx
index e088761a..be106480 100644
--- a/app/src/features/admin/codes/CodesPage.tsx
+++ b/app/src/features/admin/codes/CodesPage.tsx
@@ -32,11 +32,11 @@ const CodesPage: React.FC = () => {
   };
 
   if (!codes.codesDataLoader.data) {
-    return <CircularProgress className="pageProgress" size={40} />;
+    return <CircularProgress className="pageProgress" size={40} aria-label="Loading" />;
   }
 
   return (
-    <Container maxWidth="xl">
+    <Container maxWidth="xl" role="main">
       <CodeDialog
         open={open}
         onClose={() => setOpen(false)}
@@ -47,7 +47,9 @@ const CodesPage: React.FC = () => {
       />
 
       <Box my={2}>
-        <Typography variant="h1">Codes Dashboard</Typography>
+        <Typography variant="h1" id="codes-dashboard-title">
+          Codes Dashboard
+        </Typography>
       </Box>
 
       <CodeTable
@@ -55,6 +57,7 @@ const CodesPage: React.FC = () => {
         type={CodeType.BRANDING}
         data={codes.codesDataLoader.data?.branding}
         handleOpen={handleOpen}
+        aria-labelledby="codes-dashboard-title"
       />
     </Container>
   );
diff --git a/app/src/features/admin/users/AccessRequestList.tsx b/app/src/features/admin/users/AccessRequestList.tsx
index e053151e..950e1d2c 100644
--- a/app/src/features/admin/users/AccessRequestList.tsx
+++ b/app/src/features/admin/users/AccessRequestList.tsx
@@ -145,11 +145,13 @@ const AccessRequestList: React.FC<IAccessRequestListProps> = (props) => {
       <Paper>
         <Toolbar disableGutters>
           <Box px={2}>
-            <Typography variant="h2">Access Requests ({accessRequests?.length || 0})</Typography>
+            <Typography variant="h2" id="access-requests-header">
+              Access Requests ({accessRequests?.length || 0})
+            </Typography>
           </Box>
         </Toolbar>
         <TableContainer>
-          <Table sx={pageStyles.table}>
+          <Table sx={pageStyles.table} aria-labelledby="access-requests-header">
             <TableHead>
               <TableRow>
                 <TableCell>Username</TableCell>
@@ -184,7 +186,8 @@ const AccessRequestList: React.FC<IAccessRequestListProps> = (props) => {
                         <Button
                           color="primary"
                           variant="outlined"
-                          onClick={() => setActiveReviewDialog({ open: true, request: row })}>
+                          onClick={() => setActiveReviewDialog({ open: true, request: row })}
+                          aria-label={`Review access request for ${row.data?.username}`}>
                           <strong>Review</strong>
                         </Button>
                       )}
diff --git a/app/src/features/admin/users/ActiveUsersList.tsx b/app/src/features/admin/users/ActiveUsersList.tsx
index 243a8864..c71f6c9e 100644
--- a/app/src/features/admin/users/ActiveUsersList.tsx
+++ b/app/src/features/admin/users/ActiveUsersList.tsx
@@ -197,13 +197,15 @@ const ActiveUsersList: React.FC<IActiveUsersListProps> = (props) => {
         <Grid justifyContent="space-between" container alignItems="center">
           <Grid item>
             <Box px={2}>
-              <Typography variant="h2">Active Users ({activeUsers?.length || 0})</Typography>
+              <Typography variant="h2" id="active-users-header">
+                Active Users ({activeUsers?.length || 0})
+              </Typography>
             </Box>
           </Grid>
         </Grid>
       </Toolbar>
       <TableContainer>
-        <Table sx={pageStyles.table}>
+        <Table sx={pageStyles.table} aria-labelledby="active-users-header">
           <TableHead>
             <TableRow>
               <TableCell>Username</TableCell>
@@ -245,7 +247,9 @@ const ActiveUsersList: React.FC<IActiveUsersListProps> = (props) => {
                                 handleChangeUserPermissionsClick(row, item.name, item.id)
                             };
                           })}
-                        buttonEndIcon={<Icon path={mdiMenuDown} size={1} />}
+                        buttonEndIcon={
+                          <Icon path={mdiMenuDown} size={1} aria-label="Role Dropdown Icon" />
+                        }
                       />
                     </Box>
                   </TableCell>
@@ -253,16 +257,30 @@ const ActiveUsersList: React.FC<IActiveUsersListProps> = (props) => {
                     <Box my={-1}>
                       <CustomMenuIconButton
                         buttonTitle="Actions"
-                        buttonIcon={<Icon path={mdiDotsVertical} size={1} />}
+                        buttonIcon={
+                          <Icon path={mdiDotsVertical} size={1} aria-label="Actions Icon" />
+                        }
                         menuItems={[
                           {
-                            menuIcon: <Icon path={mdiInformationOutline} size={0.875} />,
+                            menuIcon: (
+                              <Icon
+                                path={mdiInformationOutline}
+                                size={0.875}
+                                aria-label="User Details Icon"
+                              />
+                            ),
                             menuLabel: 'User Details',
                             menuOnClick: () =>
                               history(`/admin/users/${row.id}/details`, { state: row })
                           },
                           {
-                            menuIcon: <Icon path={mdiTrashCanOutline} size={0.875} />,
+                            menuIcon: (
+                              <Icon
+                                path={mdiTrashCanOutline}
+                                size={0.875}
+                                aria-label="Remove User Icon"
+                              />
+                            ),
                             menuLabel: 'Remove User',
                             menuOnClick: () => handleRemoveUserClick(row)
                           }
@@ -288,6 +306,7 @@ const ActiveUsersList: React.FC<IActiveUsersListProps> = (props) => {
           onRowsPerPageChange={(event: React.ChangeEvent<HTMLInputElement>) =>
             handleChangeRowsPerPage(event, setPage, setRowsPerPage)
           }
+          aria-label="Active Users Table Pagination"
         />
       )}
     </Paper>
diff --git a/app/src/features/admin/users/ManageUsersPage.tsx b/app/src/features/admin/users/ManageUsersPage.tsx
index 2fa3d738..dffe046e 100644
--- a/app/src/features/admin/users/ManageUsersPage.tsx
+++ b/app/src/features/admin/users/ManageUsersPage.tsx
@@ -88,7 +88,7 @@ const ManageUsersPage: React.FC = () => {
   const codes = useCodesContext().codesDataLoader;
 
   if (!hasLoadedAccessRequests || !hasLoadedActiveUsers || !codes.data || !codes.isReady) {
-    return <CircularProgress className="pageProgress" size={40} />;
+    return <CircularProgress className="pageProgress" size={40} aria-label="Loading" />;
   }
 
   return (
@@ -99,8 +99,12 @@ const ManageUsersPage: React.FC = () => {
         alignItems="center"
         justifyContent="space-between"
         data-testid="manage_users_header"
-        sx={{ paddingTop: '20px' }}>
-        <Typography variant="h1">Manage Users</Typography>
+        sx={{ paddingTop: '20px' }}
+        role="region"
+        aria-labelledby="manage-users-header">
+        <Typography variant="h1" id="manage-users-header">
+          Manage Users
+        </Typography>
       </Box>
 
       <Box mb={5}>
diff --git a/app/src/features/admin/users/ReviewAccessRequestForm.tsx b/app/src/features/admin/users/ReviewAccessRequestForm.tsx
index 3ab25391..234a7f5c 100644
--- a/app/src/features/admin/users/ReviewAccessRequestForm.tsx
+++ b/app/src/features/admin/users/ReviewAccessRequestForm.tsx
@@ -48,7 +48,9 @@ const ReviewAccessRequestForm: React.FC<IReviewAccessRequestFormProps> = (props)
     <Box>
       <Box mb={5}>
         <Box mb={2}>
-          <Typography variant="h3">User Details</Typography>
+          <Typography variant="h3" id="user-details-header">
+            User Details
+          </Typography>
         </Box>
         <dl>
           <Grid container spacing={2}>
@@ -110,9 +112,11 @@ const ReviewAccessRequestForm: React.FC<IReviewAccessRequestFormProps> = (props)
       </Box>
       <Box mb={5}>
         <Box mb={2}>
-          <Typography variant="h3">Review / Update Requested System Role</Typography>
+          <Typography variant="h3" id="review-update-role-header">
+            Review / Update Requested System Role
+          </Typography>
         </Box>
-        <form onSubmit={handleSubmit}>
+        <form onSubmit={handleSubmit} aria-labelledby="review-update-role-header">
           <Grid container spacing={2}>
             <Grid item xs={12}>
               <AutocompleteField
@@ -120,6 +124,7 @@ const ReviewAccessRequestForm: React.FC<IReviewAccessRequestFormProps> = (props)
                 name="system_role"
                 label={'System Role'}
                 options={props.system_roles}
+                aria-labelledby="system-role-label"
               />
             </Grid>
           </Grid>
diff --git a/app/src/features/admin/users/UserDetailDraftsList.tsx b/app/src/features/admin/users/UserDetailDraftsList.tsx
index 4e7da451..26fc09db 100644
--- a/app/src/features/admin/users/UserDetailDraftsList.tsx
+++ b/app/src/features/admin/users/UserDetailDraftsList.tsx
@@ -184,12 +184,19 @@ const UserDetailDraftsList: React.FC<IUserDetailDraftsListProps> = (props) => {
                         component="button"
                         sx={{ textAlign: 'left' }}
                         variant="body2"
-                        onClick={() => history(`/admin/projects/create?draftId=${row.draftId}`)}>
+                        onClick={() => history(`/admin/projects/create?draftId=${row.draftId}`)}
+                        aria-label={`Draft project ${row.draftName}`}>
                         {row.draftName}
                       </Link>
                     </TableCell>
                     <TableCell align="left">
-                      <Chip size="small" sx={draftStatusStyle} label={states.DRAFT} />
+                      <Chip
+                        size="small"
+                        sx={draftStatusStyle}
+                        label={states.DRAFT}
+                        role="status"
+                        aria-live="polite"
+                      />
                     </TableCell>
                     <TableCell width="100px" align="left">
                       <Tooltip title={TableI18N.deleteDraft} placement="top">
@@ -225,7 +232,8 @@ const UserDetailDraftsList: React.FC<IUserDetailDraftsListProps> = (props) => {
                               }
                             })
                           }
-                          color="error">
+                          color="error"
+                          aria-label={`Delete draft project ${row.draftName}`}>
                           <DeleteForeverIcon />
                         </IconButton>
                       </Tooltip>
@@ -259,6 +267,7 @@ const UserDetailDraftsList: React.FC<IUserDetailDraftsListProps> = (props) => {
             page={page}
             onPageChange={handleChangePage}
             onRowsPerPageChange={handleChangeRowsPerPage}
+            aria-label="Project drafts pagination"
           />
         </Box>
       </Box>
@@ -355,12 +364,19 @@ const UserDetailDraftsList: React.FC<IUserDetailDraftsListProps> = (props) => {
                         component="button"
                         sx={{ textAlign: 'left' }}
                         variant="body2"
-                        onClick={() => history(`/admin/projects/create?draftId=${row.draftId}`)}>
+                        onClick={() => history(`/admin/projects/create?draftId=${row.draftId}`)}
+                        aria-label={`Draft plan ${row.draftName}`}>
                         {row.draftName}
                       </Link>
                     </TableCell>
                     <TableCell align="left">
-                      <Chip size="small" sx={draftStatusStyle} label={states.DRAFT} />
+                      <Chip
+                        size="small"
+                        sx={draftStatusStyle}
+                        label={states.DRAFT}
+                        role="status"
+                        aria-live="polite"
+                      />
                     </TableCell>
                     <TableCell width="100px" align="left">
                       <Tooltip title={TableI18N.deleteDraft} placement="top">
@@ -396,7 +412,8 @@ const UserDetailDraftsList: React.FC<IUserDetailDraftsListProps> = (props) => {
                               }
                             })
                           }
-                          color="error">
+                          color="error"
+                          aria-label={`Delete draft plan ${row.draftName}`}>
                           <DeleteForeverIcon />
                         </IconButton>
                       </Tooltip>
@@ -430,6 +447,7 @@ const UserDetailDraftsList: React.FC<IUserDetailDraftsListProps> = (props) => {
             page={page}
             onPageChange={handleChangePage}
             onRowsPerPageChange={handleChangeRowsPerPage}
+            aria-label="Plan drafts pagination"
           />
         </Box>
       </Box>
diff --git a/app/src/features/admin/users/UserDetailDraftsTableHead.tsx b/app/src/features/admin/users/UserDetailDraftsTableHead.tsx
index 96cd149d..1e588c6e 100644
--- a/app/src/features/admin/users/UserDetailDraftsTableHead.tsx
+++ b/app/src/features/admin/users/UserDetailDraftsTableHead.tsx
@@ -18,12 +18,16 @@ function UserDetailDraftsTableHead(props: DraftTableProps) {
         key={headCell.id}
         align={headCell.numeric ? 'right' : 'left'}
         padding={headCell.disablePadding ? 'none' : 'normal'}
-        sortDirection={orderBy === headCell.id ? order : false}>
-        <Tooltip title={headCell.tooltipLabel ? headCell.tooltipLabel : null} placement="top">
+        sortDirection={orderBy === headCell.id ? order : false}
+        aria-sort={
+          orderBy === headCell.id ? (order === 'desc' ? 'descending' : 'ascending') : 'none'
+        }>
+        <Tooltip title={headCell.tooltipLabel ? headCell.tooltipLabel : ''} placement="top">
           <TableSortLabel
             active={orderBy === headCell.id}
             direction={orderBy === headCell.id ? order : 'asc'}
-            onClick={createSortHandler(headCell.id)}>
+            onClick={createSortHandler(headCell.id)}
+            aria-label={`Sort by ${headCell.label}`}>
             {headCell.label}
             {orderBy === headCell.id ? (
               <Box component="span" sx={visuallyHidden}>
diff --git a/app/src/features/admin/users/UserDetailDraftsTableToolbar.tsx b/app/src/features/admin/users/UserDetailDraftsTableToolbar.tsx
index 6b567784..dca19ead 100644
--- a/app/src/features/admin/users/UserDetailDraftsTableToolbar.tsx
+++ b/app/src/features/admin/users/UserDetailDraftsTableToolbar.tsx
@@ -16,7 +16,8 @@ function UserDetailDraftsTableToolbar(props: DarftTableToolbarProps) {
         pl: { sm: 2 },
         pr: { xs: 1, sm: 1 },
         background: isProject ? '#E9FBFF' : '#FFF4EB'
-      }}>
+      }}
+      aria-labelledby="draftTableTitle">
       <Typography
         sx={{ mx: '0.5rem', flex: '1 1 100%' }}
         variant="h2"
diff --git a/app/src/features/admin/users/UsersDetailHeader.tsx b/app/src/features/admin/users/UsersDetailHeader.tsx
index f2c9b304..627c5d9e 100644
--- a/app/src/features/admin/users/UsersDetailHeader.tsx
+++ b/app/src/features/admin/users/UsersDetailHeader.tsx
@@ -15,7 +15,7 @@ import { IYesNoDialogProps } from '../../../components/dialog/YesNoDialog';
 import { SystemUserI18N } from '../../../constants/i18n';
 import { DialogContext } from '../../../contexts/dialogContext';
 import { APIError } from '../../../hooks/api/useAxios';
-import { IGetUserResponse } from '../../../interfaces/useUserApi.interface';
+import { ISystemUser } from '../../../interfaces/useUserApi.interface';
 
 const pageStyles = {
   breadCrumbLink: {
@@ -42,7 +42,7 @@ const pageStyles = {
 };
 
 export interface IUsersHeaderProps {
-  userDetails: IGetUserResponse;
+  userDetails: ISystemUser;
 }
 
 const UsersDetailHeader: React.FC<IUsersHeaderProps> = (props) => {
@@ -80,7 +80,7 @@ const UsersDetailHeader: React.FC<IUsersHeaderProps> = (props) => {
     [defaultErrorDialogProps, dialogContext]
   );
 
-  const deActivateSystemUser = async (user: IGetUserResponse) => {
+  const deActivateSystemUser = async (user: ISystemUser) => {
     if (!user?.id) {
       return;
     }
@@ -136,7 +136,10 @@ const UsersDetailHeader: React.FC<IUsersHeaderProps> = (props) => {
               data-testid="user-role-chip"
               sx={pageStyles.roleChip}
               size="small"
-              label={userDetails.role_names[0] || 'Unassigned'}></Chip>
+              label={userDetails.role_names[0] || 'Unassigned'}
+              role="status"
+              aria-live="polite"
+            />
           </Box>
         </Box>
         <Box ml={2}>
@@ -147,7 +150,9 @@ const UsersDetailHeader: React.FC<IUsersHeaderProps> = (props) => {
                 color="primary"
                 variant="outlined"
                 sx={pageStyles.actionButton}
-                startIcon={<Icon path={mdiTrashCanOutline} size={0.875} />}
+                startIcon={
+                  <Icon path={mdiTrashCanOutline} size={0.875} aria-label="Remove User Icon" />
+                }
                 data-testid={'remove-user-button'}
                 onClick={() =>
                   openYesNoDialog({
diff --git a/app/src/features/admin/users/UsersDetailPage.tsx b/app/src/features/admin/users/UsersDetailPage.tsx
index 422f3c38..4c40c728 100644
--- a/app/src/features/admin/users/UsersDetailPage.tsx
+++ b/app/src/features/admin/users/UsersDetailPage.tsx
@@ -53,11 +53,18 @@ const UsersDetailPage: React.FC = () => {
   }, [restorationTrackerApi.user, selectedUser, drafts, isLoading]);
 
   if (!selectedUser || !drafts) {
-    return <CircularProgress data-testid="page-loading" className="pageProgress" size={40} />;
+    return (
+      <CircularProgress
+        data-testid="page-loading"
+        className="pageProgress"
+        size={40}
+        aria-label="Loading"
+      />
+    );
   }
 
   return (
-    <Container maxWidth="xl">
+    <Container maxWidth="xl" role="main">
       <UsersDetailHeader userDetails={selectedUser} />
       <Box my={3}>
         <UsersDetailProjectsPlans userDetails={selectedUser} />
diff --git a/app/src/features/admin/users/UsersDetailProjectsPlans.tsx b/app/src/features/admin/users/UsersDetailProjectsPlans.tsx
index c469a1f5..54d306ee 100644
--- a/app/src/features/admin/users/UsersDetailProjectsPlans.tsx
+++ b/app/src/features/admin/users/UsersDetailProjectsPlans.tsx
@@ -183,6 +183,7 @@ const UsersDetailProjectsPlans: React.FC<IProjectDetailsProps> = (props) => {
                   <IconButton
                     title="Remove Participant"
                     data-testid={'remove-project-participant-button'}
+                    aria-label="Remove Participant"
                     onClick={() =>
                       openYesNoDialog({
                         dialogTitle: SystemUserI18N.removeUserFromProject,
@@ -210,7 +211,7 @@ const UsersDetailProjectsPlans: React.FC<IProjectDetailsProps> = (props) => {
                       })
                     }
                     size="large">
-                    <Icon path={mdiTrashCanOutline} size={1} />
+                    <Icon path={mdiTrashCanOutline} size={1} aria-label="Trash Can Icon" />
                   </IconButton>
                 </Box>
               </TableCell>
@@ -232,18 +233,25 @@ const UsersDetailProjectsPlans: React.FC<IProjectDetailsProps> = (props) => {
   };
 
   if (!codes.isReady || !codes.data || !assignedProjects) {
-    return <CircularProgress data-testid="project-loading" className="pageProgress" size={40} />;
+    return (
+      <CircularProgress
+        data-testid="project-loading"
+        className="pageProgress"
+        size={40}
+        aria-label="Loading"
+      />
+    );
   }
 
   return (
     <Paper>
       <Toolbar sx={pageStyles.projectMembersToolbar}>
-        <Typography data-testid="projects_header" variant="h2">
+        <Typography data-testid="projects_header" variant="h2" id="projects-header">
           Assigned Projects and Plans ({assignedProjects?.length})
         </Typography>
       </Toolbar>
       <Box>
-        <Table sx={pageStyles.projectMembersTable}>
+        <Table sx={pageStyles.projectMembersTable} aria-labelledby="projects-header">
           <TableHead>
             <TableRow>
               <TableCell>Project/Plan Name</TableCell>
@@ -380,7 +388,7 @@ const ChangeProjectRoleMenu: React.FC<IChangeProjectRoleMenuProps> = (props) =>
           menuOnClick: () => handleChangeUserPermissionsClick(row, roleCode.name, roleCode.id)
         };
       })}
-      buttonEndIcon={<Icon path={mdiMenuDown} size={1} />}
+      buttonEndIcon={<Icon path={mdiMenuDown} size={1} aria-label="Menu Down Icon" />}
     />
   );
 };
diff --git a/app/src/features/plans/PlanListPage.tsx b/app/src/features/plans/PlanListPage.tsx
index f347fcfd..b4bb466a 100644
--- a/app/src/features/plans/PlanListPage.tsx
+++ b/app/src/features/plans/PlanListPage.tsx
@@ -216,7 +216,10 @@ const PlanListPage: React.FC<IPlansListProps> = (props) => {
     const focusTooltip = (focus: string) => {
       return (
         <Tooltip title={focus} disableHoverListener={focus.length < 35}>
-          <Typography sx={utils.focusStyles.focusLabel} aria-label={`${focus}`}>
+          <Typography
+            sx={utils.focusStyles.focusLabel}
+            aria-label={`Focus: ${focus}`}
+            role="tooltip">
             {focus}
           </Typography>
         </Tooltip>
@@ -226,7 +229,10 @@ const PlanListPage: React.FC<IPlansListProps> = (props) => {
     const orgTooltip = (org: string) => {
       return (
         <Tooltip title={org} disableHoverListener={org.length < 35}>
-          <Typography sx={utils.orgStyles.orgLabel} aria-label={`${org}`}>
+          <Typography
+            sx={utils.orgStyles.orgLabel}
+            aria-label={`Organization: ${org}`}
+            role="tooltip">
             {org}
           </Typography>
         </Tooltip>
@@ -340,7 +346,8 @@ const PlanListPage: React.FC<IPlansListProps> = (props) => {
                           draftCode != row.statusCode
                             ? () => history(`/admin/plans/${row.planId}`)
                             : () => history(`/admin/plans/create?draftId=${row.planId}`)
-                        }>
+                        }
+                        aria-label={`View details for ${row.planName}`}>
                         {row.planName}
                       </Link>
                     </TableCell>
@@ -354,6 +361,7 @@ const PlanListPage: React.FC<IPlansListProps> = (props) => {
                                 size="small"
                                 sx={utils.focusStyles.focusPlanChip}
                                 label={focusTooltip(focus)}
+                                aria-label={`Focus: ${focus}`}
                               />
                             </Box>
                           </Fragment>
@@ -364,6 +372,7 @@ const PlanListPage: React.FC<IPlansListProps> = (props) => {
                           label="No Focuses"
                           sx={utils.focusStyles.noFocusChip}
                           data-testid="no_focuses_loaded"
+                          aria-label="No focuses available"
                         />
                       )}
                     </TableCell>
@@ -378,6 +387,7 @@ const PlanListPage: React.FC<IPlansListProps> = (props) => {
                                 size="small"
                                 sx={utils.orgStyles.orgPlanChip}
                                 label={orgTooltip(organization)}
+                                aria-label={`Organization: ${organization}`}
                               />
                             </Box>
                           </Fragment>
@@ -388,6 +398,7 @@ const PlanListPage: React.FC<IPlansListProps> = (props) => {
                           label="No Organizations"
                           sx={utils.orgStyles.noOrgChip}
                           data-testid="no_organizations_loaded"
+                          aria-label="No organizations available"
                         />
                       )}
                     </TableCell>
@@ -402,6 +413,7 @@ const PlanListPage: React.FC<IPlansListProps> = (props) => {
                         size="small"
                         sx={getStatusStyle(row.statusCode)}
                         label={row.statusLabel}
+                        aria-label={`Status: ${row.statusLabel}`}
                       />
                     </TableCell>
                     <TableCell sx={{ maxWidth: 50 }} align="left">
@@ -468,7 +480,12 @@ const PlanListPage: React.FC<IPlansListProps> = (props) => {
                                   }
                                 })
                               }
-                              color={archCode !== row.statusCode ? 'info' : 'warning'}>
+                              color={archCode !== row.statusCode ? 'info' : 'warning'}
+                              aria-label={
+                                archCode !== row.statusCode
+                                  ? `Archive ${row.planName}`
+                                  : `Unarchive ${row.planName}`
+                              }>
                               {archCode !== row.statusCode ? <ArchiveIcon /> : <UnarchiveIcon />}
                             </IconButton>
                           </Tooltip>
@@ -505,7 +522,8 @@ const PlanListPage: React.FC<IPlansListProps> = (props) => {
                                   }
                                 })
                               }
-                              color="error">
+                              color="error"
+                              aria-label={`Delete ${row.planName}`}>
                               <DeleteForeverIcon />
                             </IconButton>
                           </Tooltip>
@@ -544,7 +562,8 @@ const PlanListPage: React.FC<IPlansListProps> = (props) => {
                                 }
                               })
                             }
-                            color="error">
+                            color="error"
+                            aria-label={`Delete draft ${row.planName}`}>
                             <DeleteForeverIcon />
                           </IconButton>
                         </Tooltip>
@@ -609,7 +628,7 @@ const PlanListPage: React.FC<IPlansListProps> = (props) => {
    * Displays plans list.
    */
   return (
-    <Card>
+    <Card role="region" aria-labelledby="plans-table-header">
       <PlanTable />
     </Card>
   );
diff --git a/app/src/features/plans/components/PlanContactForm.tsx b/app/src/features/plans/components/PlanContactForm.tsx
index c69c366a..2a9739da 100644
--- a/app/src/features/plans/components/PlanContactForm.tsx
+++ b/app/src/features/plans/components/PlanContactForm.tsx
@@ -108,9 +108,9 @@ const PlanContactForm: React.FC = () => {
                   setIsModalOpen(false);
                 }}
               />
-              <List dense disablePadding>
+              <List dense disablePadding aria-label="Contact List">
                 {!values.contact.contacts.length && (
-                  <ListItem dense component={Paper}>
+                  <ListItem dense component={Paper} role="listitem">
                     <Box
                       display="flex"
                       flexGrow={1}
diff --git a/app/src/features/plans/components/PlanContactItemForm.tsx b/app/src/features/plans/components/PlanContactItemForm.tsx
index 5cda0041..bc17acd7 100644
--- a/app/src/features/plans/components/PlanContactItemForm.tsx
+++ b/app/src/features/plans/components/PlanContactItemForm.tsx
@@ -64,9 +64,9 @@ const PlanContactItemForm: React.FC = () => {
     useFormikContext<IPlanContactItemForm>();
 
   return (
-    <form data-testid="contact-item-form">
+    <form data-testid="contact-item-form" aria-labelledby="contact-item-form-title">
       <Box component="fieldset">
-        <Typography id="organization_details" component="legend">
+        <Typography id="contact-item-form-title" component="legend">
           Contact Details
         </Typography>
         <Grid container spacing={3}>
@@ -77,6 +77,7 @@ const PlanContactItemForm: React.FC = () => {
               other={{
                 required: true
               }}
+              aria-required="true"
             />
           </Grid>
           <Grid item xs={12} md={6}>
@@ -86,6 +87,7 @@ const PlanContactItemForm: React.FC = () => {
               other={{
                 required: true
               }}
+              aria-required="true"
             />
           </Grid>
           <Grid item xs={12} md={6}>
@@ -95,6 +97,7 @@ const PlanContactItemForm: React.FC = () => {
               other={{
                 required: true
               }}
+              aria-required="true"
             />
           </Grid>
           <Grid item xs={12} md={6}>
@@ -107,6 +110,7 @@ const PlanContactItemForm: React.FC = () => {
               other={{
                 required: true
               }}
+              aria-required="true"
             />
           </Grid>
           <Grid item xs={12} md={6}>
diff --git a/app/src/features/plans/components/PlanDraftForm.tsx b/app/src/features/plans/components/PlanDraftForm.tsx
index baa6356f..dd3fafd0 100644
--- a/app/src/features/plans/components/PlanDraftForm.tsx
+++ b/app/src/features/plans/components/PlanDraftForm.tsx
@@ -26,13 +26,14 @@ const PlanDraftForm: React.FC = () => {
   const { handleSubmit } = formikProps;
 
   return (
-    <form onSubmit={handleSubmit}>
+    <form onSubmit={handleSubmit} aria-labelledby="draft-form-title">
       <CustomTextField
         name="draft_name"
         label="Draft Name"
         other={{
           required: true
         }}
+        aria-required="true"
       />
     </form>
   );
diff --git a/app/src/features/plans/components/PlanFocusForm.tsx b/app/src/features/plans/components/PlanFocusForm.tsx
index 1a4b64ef..d8bccb27 100644
--- a/app/src/features/plans/components/PlanFocusForm.tsx
+++ b/app/src/features/plans/components/PlanFocusForm.tsx
@@ -53,9 +53,9 @@ const PlanFocusForm: React.FC = () => {
         <InfoContent isProject={false} contentIndex={CreatePlanI18N.focus} />
       </InfoDialogDraggable>
 
-      <Typography component="legend">
+      <Typography component="legend" id="focus-form-title">
         Healing the Land and/or People
-        <IconButton edge="end" onClick={handleClickOpen}>
+        <IconButton edge="end" onClick={handleClickOpen} aria-label="More information">
           <InfoIcon color="info" />
         </IconButton>
       </Typography>
@@ -69,6 +69,7 @@ const PlanFocusForm: React.FC = () => {
                 label="Plan Focus"
                 options={focusOptions}
                 required={true}
+                aria-required="true"
               />
             </Grid>
           </Grid>
diff --git a/app/src/features/plans/components/PlanGeneralInformationForm.tsx b/app/src/features/plans/components/PlanGeneralInformationForm.tsx
index ef8a809a..dc709303 100644
--- a/app/src/features/plans/components/PlanGeneralInformationForm.tsx
+++ b/app/src/features/plans/components/PlanGeneralInformationForm.tsx
@@ -110,6 +110,7 @@ const PlanGeneralInformationForm: React.FC<ICurrentPlanStateProps> = (props) =>
                 other={{
                   required: true
                 }}
+                aria-required="true"
               />
             </Grid>
             <Grid item xs={12}>
@@ -142,6 +143,7 @@ const PlanGeneralInformationForm: React.FC<ICurrentPlanStateProps> = (props) =>
                     )
                   }
                 }}
+                aria-readonly="true"
               />
             </Grid>
             <Grid item xs={12}>
@@ -156,12 +158,16 @@ const PlanGeneralInformationForm: React.FC<ICurrentPlanStateProps> = (props) =>
                     maxRows: 5,
                     InputProps: {
                       endAdornment: (
-                        <IconButton edge="end" onClick={handleClickOpen}>
+                        <IconButton
+                          edge="end"
+                          onClick={handleClickOpen}
+                          aria-label="More information">
                           <InfoIcon color="info" />
                         </IconButton>
                       )
                     }
                   }}
+                  aria-required="true"
                 />
               </Grid>
             </Grid>
diff --git a/app/src/features/plans/components/PlanLocationForm.tsx b/app/src/features/plans/components/PlanLocationForm.tsx
index 48eb09c5..b4e19ddb 100644
--- a/app/src/features/plans/components/PlanLocationForm.tsx
+++ b/app/src/features/plans/components/PlanLocationForm.tsx
@@ -227,7 +227,10 @@ const PlanLocationForm: React.FC<IPlanLocationFormProps> = (props) => {
           {locationRequired(
             parentFormikProps.values.focus.focuses ? parentFormikProps.values.focus.focuses : []
           ) && '*'}
-          <IconButton edge="end" onClick={() => handleClickOpen(CreatePlanI18N.locationArea)}>
+          <IconButton
+            edge="end"
+            onClick={() => handleClickOpen(CreatePlanI18N.locationArea)}
+            aria-label="More information">
             <InfoIcon color="info" />
           </IconButton>
         </Typography>
@@ -237,7 +240,8 @@ const PlanLocationForm: React.FC<IPlanLocationFormProps> = (props) => {
             <Tooltip title={CreatePlanI18N.locationGeoJSONProperties} placement="right">
               <IconButton
                 edge="end"
-                onClick={() => handleClickOpen(CreatePlanI18N.locationGeoJSONProperties)}>
+                onClick={() => handleClickOpen(CreatePlanI18N.locationGeoJSONProperties)}
+                aria-label="GeoJSON properties information">
                 <InfoIcon color="info" />
               </IconButton>
             </Tooltip>
@@ -252,7 +256,8 @@ const PlanLocationForm: React.FC<IPlanLocationFormProps> = (props) => {
             component="span"
             startIcon={<Icon path={mdiTrayArrowUp} size={1}></Icon>}
             onClick={() => setOpenUploadBoundary(true)}
-            data-testid="plan-boundary-upload">
+            data-testid="plan-boundary-upload"
+            aria-label="Upload Areas">
             Upload Areas
           </Button>
         </Box>
diff --git a/app/src/features/plans/components/PlansTableHead.tsx b/app/src/features/plans/components/PlansTableHead.tsx
index 25c6b40d..7d28eb4d 100644
--- a/app/src/features/plans/components/PlansTableHead.tsx
+++ b/app/src/features/plans/components/PlansTableHead.tsx
@@ -51,7 +51,8 @@ function PlansTableHead(props: PlansTableProps) {
             <TableSortLabel
               active={orderBy === headCell.id}
               direction={orderBy === headCell.id ? order : 'asc'}
-              onClick={createSortHandler(headCell.id)}>
+              onClick={createSortHandler(headCell.id)}
+              aria-label={`Sort by ${headCell.label}`}>
               {headCell.label}
               {orderBy === headCell.id ? (
                 <Box component="span" sx={visuallyHidden}>
@@ -62,7 +63,9 @@ function PlansTableHead(props: PlansTableProps) {
           </Tooltip>
 
           {headCell.infoButton ? (
-            <IconButton onClick={() => handleClickOpen(headCell)}>
+            <IconButton
+              onClick={() => handleClickOpen(headCell)}
+              aria-label={`More information about ${headCell.label}`}>
               <InfoIcon color="info" />
             </IconButton>
           ) : null}
diff --git a/app/src/features/plans/components/PlansTableToolbar.tsx b/app/src/features/plans/components/PlansTableToolbar.tsx
index 8f5f9776..4e68d8ca 100644
--- a/app/src/features/plans/components/PlansTableToolbar.tsx
+++ b/app/src/features/plans/components/PlansTableToolbar.tsx
@@ -25,9 +25,15 @@ function PlansTableToolbar(props: PlansTableToolbarProps) {
           bgcolor: (theme) =>
             alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity)
         })
-      }}>
+      }}
+      aria-label="Plans Table Toolbar">
       {numSelected > 0 ? (
-        <Typography sx={{ flex: '1 1 100%' }} color="inherit" variant="subtitle1" component="div">
+        <Typography
+          sx={{ flex: '1 1 100%' }}
+          color="inherit"
+          variant="subtitle1"
+          component="div"
+          aria-live="polite">
           {numSelected} {numSelected !== 1 ? PlanTableI18N.plans : PlanTableI18N.plan}{' '}
           {TableI18N.selectedToExport}
         </Typography>
@@ -36,7 +42,8 @@ function PlansTableToolbar(props: PlansTableToolbarProps) {
           sx={{ mx: '0.5rem', flex: '1 1 100%' }}
           variant="h2"
           id="tableTitle"
-          component="div">
+          component="div"
+          aria-live="polite">
           {TableI18N.found} {numRows} {numRows !== 1 ? PlanTableI18N.plans : PlanTableI18N.plan}
         </Typography>
       )}
diff --git a/app/src/features/plans/create/CreatePlanPage.tsx b/app/src/features/plans/create/CreatePlanPage.tsx
index b5897dd2..428f3f04 100644
--- a/app/src/features/plans/create/CreatePlanPage.tsx
+++ b/app/src/features/plans/create/CreatePlanPage.tsx
@@ -297,7 +297,9 @@ const CreatePlanPage: React.FC = () => {
   };
 
   if (!codes.data) {
-    return <CircularProgress className="pageProgress" size={40} />;
+    return (
+      <CircularProgress className="pageProgress" size={40} role="status" aria-label="Loading" />
+    );
   }
 
   return (
@@ -457,7 +459,8 @@ const CreatePlanPage: React.FC = () => {
                   color="primary"
                   size="large"
                   onClick={() => setOpenDraftDialog(true)}
-                  data-testid="Plan-save-draft-button">
+                  data-testid="Plan-save-draft-button"
+                  aria-label="Save Draft">
                   Save Draft
                 </Button>
                 <Button
@@ -465,7 +468,8 @@ const CreatePlanPage: React.FC = () => {
                   color="primary"
                   size="large"
                   onClick={() => setOpenYesNoDialog(true)}
-                  data-testid="plan-create-button">
+                  data-testid="plan-create-button"
+                  aria-label="Create Plan">
                   <span>Create Plan</span>
                 </Button>
                 <Button
@@ -473,7 +477,8 @@ const CreatePlanPage: React.FC = () => {
                   color="primary"
                   size="large"
                   data-testid="Plan-cancel-buttton"
-                  onClick={handleCancel}>
+                  onClick={handleCancel}
+                  aria-label="Cancel">
                   Cancel
                 </Button>
               </Box>
diff --git a/app/src/features/plans/edit/EditPlanPage.tsx b/app/src/features/plans/edit/EditPlanPage.tsx
index 39194f04..1e707bd4 100644
--- a/app/src/features/plans/edit/EditPlanPage.tsx
+++ b/app/src/features/plans/edit/EditPlanPage.tsx
@@ -190,7 +190,9 @@ const EditPlanPage: React.FC = () => {
   };
 
   if (!codes.data || !hasLoadedDraftData) {
-    return <CircularProgress className="pageProgress" size={40} />;
+    return (
+      <CircularProgress className="pageProgress" size={40} role="status" aria-label="Loading" />
+    );
   }
 
   return (
@@ -334,7 +336,8 @@ const EditPlanPage: React.FC = () => {
                   size="large"
                   type="submit"
                   onClick={() => setOpenYesNoDialog(true)}
-                  data-testid="plan-save-button">
+                  data-testid="plan-save-button"
+                  aria-label="Save Plan">
                   Save Plan
                 </Button>
                 <Button
@@ -342,7 +345,8 @@ const EditPlanPage: React.FC = () => {
                   color="primary"
                   size="large"
                   data-testid="plan-cancel-buttton"
-                  onClick={handleCancel}>
+                  onClick={handleCancel}
+                  aria-label="Cancel">
                   Cancel
                 </Button>
               </Box>
diff --git a/app/src/features/plans/participants/AddPlanParticipantsForm.tsx b/app/src/features/plans/participants/AddPlanParticipantsForm.tsx
index 475dd670..102a0afd 100644
--- a/app/src/features/plans/participants/AddPlanParticipantsForm.tsx
+++ b/app/src/features/plans/participants/AddPlanParticipantsForm.tsx
@@ -1,6 +1,6 @@
 import { mdiPlus, mdiTrashCanOutline } from '@mdi/js';
 import Icon from '@mdi/react';
-import { Grid } from '@mui/material';
+import { Grid, Typography } from '@mui/material';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import FormControl from '@mui/material/FormControl';
@@ -54,7 +54,10 @@ const AddProjectParticipantsForm: React.FC<AddProjectParticipantsFormProps> = (p
     useFormikContext<IAddPlanParticipantsForm>();
 
   return (
-    <form onSubmit={handleSubmit}>
+    <form onSubmit={handleSubmit} role="form" aria-labelledby="add-participants-form-title">
+      <Typography variant="h6" id="add-participants-form-title" component="h2">
+        Add Participants
+      </Typography>
       <FieldArray
         name="participants"
         render={(arrayHelpers) => (
@@ -79,7 +82,8 @@ const AddProjectParticipantsForm: React.FC<AddProjectParticipantsFormProps> = (p
                               value: participant.userIdentifier,
                               error:
                                 userIdentifierMeta.touched && Boolean(userIdentifierMeta.error),
-                              helperText: userIdentifierMeta.touched && userIdentifierMeta.error
+                              helperText: userIdentifierMeta.touched && userIdentifierMeta.error,
+                              'aria-label': `Username for participant ${index + 1}`
                             }}
                           />
                         </Box>
@@ -90,17 +94,19 @@ const AddProjectParticipantsForm: React.FC<AddProjectParticipantsFormProps> = (p
                           variant="outlined"
                           required={true}
                           error={identitySourceMeta.touched && Boolean(identitySourceMeta.error)}>
-                          <InputLabel id="loginMethod" required={false}>
+                          <InputLabel id={`loginMethod-${index}`} required={false}>
                             Login Method
                           </InputLabel>
                           <Select
                             id={`participants.[${index}].identitySource`}
                             name={`participants.[${index}].identitySource`}
-                            labelId="login_method"
+                            labelId={`loginMethod-${index}`}
                             label="Login Method"
                             value={participant.identitySource}
                             onChange={handleChange}
-                            inputProps={{ 'aria-label': 'Login Method' }}>
+                            inputProps={{
+                              'aria-label': `Login Method for participant ${index + 1}`
+                            }}>
                             <MenuItem
                               key={SYSTEM_IDENTITY_SOURCE.IDIR}
                               value={SYSTEM_IDENTITY_SOURCE.IDIR}>
@@ -128,17 +134,19 @@ const AddProjectParticipantsForm: React.FC<AddProjectParticipantsFormProps> = (p
                           variant="outlined"
                           required={true}
                           error={roleIdMeta.touched && Boolean(roleIdMeta.error)}>
-                          <InputLabel id="Id" required={false}>
+                          <InputLabel id={`roleId-${index}`} required={false}>
                             Project Role
                           </InputLabel>
                           <Select
                             id={`participants.[${index}].roleId`}
                             name={`participants.[${index}].roleId`}
-                            labelId="project_role"
+                            labelId={`roleId-${index}`}
                             label="Project Role"
                             value={participant.roleId}
                             onChange={handleChange}
-                            inputProps={{ 'aria-label': 'Project Role' }}>
+                            inputProps={{
+                              'aria-label': `Project Role for participant ${index + 1}`
+                            }}>
                             {props.project_roles.map((item) => (
                               <MenuItem key={item.value} value={item.value}>
                                 {item.label}
@@ -151,7 +159,7 @@ const AddProjectParticipantsForm: React.FC<AddProjectParticipantsFormProps> = (p
                       <Grid item xs={1.5} textAlign={'center'}>
                         <IconButton
                           data-testid="delete-icon"
-                          aria-label="remove participant"
+                          aria-label={`remove participant ${index + 1}`}
                           onClick={() => arrayHelpers.remove(index)}
                           size="large">
                           <Icon path={mdiTrashCanOutline} size={1} />
diff --git a/app/src/features/plans/participants/PlanParticipantsHeader.tsx b/app/src/features/plans/participants/PlanParticipantsHeader.tsx
index dc77fe8b..502a1992 100644
--- a/app/src/features/plans/participants/PlanParticipantsHeader.tsx
+++ b/app/src/features/plans/participants/PlanParticipantsHeader.tsx
@@ -84,7 +84,7 @@ const PlanParticipantsHeader: React.FC<IPlanParticipantsHeaderProps> = (props) =
 
   return (
     <>
-      <Container maxWidth="xl">
+      <Container maxWidth="xl" role="main" aria-labelledby="plan-participants-header-title">
         <Box pb={3}>
           <Breadcrumbs aria-label="breadcrumb">
             <Link
@@ -106,13 +106,15 @@ const PlanParticipantsHeader: React.FC<IPlanParticipantsHeaderProps> = (props) =
         </Box>
 
         <Box display="flex" justifyContent="space-between" mb={5}>
-          <Typography variant="h1">Plan Team</Typography>
+          <Typography variant="h1" id="plan-participants-header-title">
+            Plan Team
+          </Typography>
           <Box ml={4}>
             <Button
               color="primary"
               variant="contained"
               data-testid="invite-project-users-button"
-              aria-label={'Add Team Members'}
+              aria-label="Add Team Members"
               startIcon={<Icon path={mdiPlus} size={1} />}
               onClick={() => setOpenAddParticipantsDialog(true)}>
               Add Team Members
@@ -122,9 +124,9 @@ const PlanParticipantsHeader: React.FC<IPlanParticipantsHeaderProps> = (props) =
       </Container>
 
       <EditDialog
-        dialogTitle={'Add Team Members'}
+        dialogTitle="Add Team Members"
         open={openAddParticipantsDialog}
-        dialogSaveButtonLabel={'Add'}
+        dialogSaveButtonLabel="Add"
         component={{
           element: (
             <AddProjectParticipantsForm
diff --git a/app/src/features/plans/participants/PlanParticipantsPage.tsx b/app/src/features/plans/participants/PlanParticipantsPage.tsx
index e7854da5..dc5725c7 100644
--- a/app/src/features/plans/participants/PlanParticipantsPage.tsx
+++ b/app/src/features/plans/participants/PlanParticipantsPage.tsx
@@ -241,7 +241,9 @@ const PlanParticipantsPage: React.FC = () => {
   };
 
   if (!codes.isReady || !codes.data || !planParticipants || !planWithDetails) {
-    return <CircularProgress className="pageProgress" size={40} />;
+    return (
+      <CircularProgress className="pageProgress" size={40} role="status" aria-label="Loading" />
+    );
   }
 
   return (
@@ -252,16 +254,16 @@ const PlanParticipantsPage: React.FC = () => {
         refresh={getPlanParticipants}
       />
 
-      <Container maxWidth="xl">
+      <Container maxWidth="xl" role="main" aria-labelledby="team-members-title">
         <Box my={3}>
           <Paper>
             <Toolbar sx={pageStyles.teamMembersToolbar}>
-              <Typography variant="h2" color="inherit">
+              <Typography variant="h2" color="inherit" id="team-members-title">
                 Team Members
               </Typography>
             </Toolbar>
 
-            <Table sx={pageStyles.teamMembersTable}>
+            <Table sx={pageStyles.teamMembersTable} aria-label="Team Members Table">
               <TableHead>
                 <TableRow>
                   <TableCell>Username</TableCell>
diff --git a/app/src/features/plans/view/PlanDetailsPage.tsx b/app/src/features/plans/view/PlanDetailsPage.tsx
index f984a132..9d3d6204 100644
--- a/app/src/features/plans/view/PlanDetailsPage.tsx
+++ b/app/src/features/plans/view/PlanDetailsPage.tsx
@@ -57,9 +57,11 @@ const PlanDetailsPage: React.FC<IPlanDetailsProps> = (props) => {
   const refresh = () => {};
 
   return (
-    <Box sx={pageStyles.planMetadata} py={1} px={2}>
+    <Box sx={pageStyles.planMetadata} py={1} px={2} role="main">
       <Box mb={2}>
-        <Typography variant="h2">Additional Plan Details</Typography>
+        <Typography variant="h2" id="additional-plan-details-title">
+          Additional Plan Details
+        </Typography>
       </Box>
 
       <Box mt={2}>
@@ -68,6 +70,7 @@ const PlanDetailsPage: React.FC<IPlanDetailsProps> = (props) => {
           label="General Information"
           size="medium"
           data-testid="PlanGeneralInfoTitle"
+          aria-labelledby="general-information-title"
         />
         <PlanGeneralInformation planForViewData={planForViewData} codes={codes} />
       </Box>
@@ -78,6 +81,7 @@ const PlanDetailsPage: React.FC<IPlanDetailsProps> = (props) => {
           label="Plan Contacts"
           size="medium"
           data-testid="PlanContactsTitle"
+          aria-labelledby="plan-contacts-title"
         />
         <ProjectRoleGuard
           validSystemRoles={[SYSTEM_ROLE.SYSTEM_ADMIN, SYSTEM_ROLE.MAINTAINER]}
diff --git a/app/src/features/plans/view/ViewPlanPage.tsx b/app/src/features/plans/view/ViewPlanPage.tsx
index a0f6a16d..15339e85 100644
--- a/app/src/features/plans/view/ViewPlanPage.tsx
+++ b/app/src/features/plans/view/ViewPlanPage.tsx
@@ -130,12 +130,19 @@ const ViewPlanPage: React.FC = () => {
   }, [isLoadingPlan, planWithDetails, getPlan, getAttachments]);
 
   if (!codes.isReady || !codes.data || !planWithDetails) {
-    return <CircularProgress className="pageProgress" size={40} data-testid="loading_spinner" />;
+    return (
+      <CircularProgress
+        className="pageProgress"
+        size={40}
+        data-testid="loading_spinner"
+        aria-label="Loading"
+      />
+    );
   }
 
   return (
     <>
-      <Container maxWidth="xl" data-testid="view_plan_page_component">
+      <Container maxWidth="xl" data-testid="view_plan_page_component" role="main">
         <Card sx={{ backgroundColor: '#FFF4EB', marginBottom: '0.6rem' }}>
           <Box ml={1} mt={0.5} display="flex" justifyContent="space-between">
             <Box>
@@ -152,6 +159,8 @@ const ViewPlanPage: React.FC = () => {
                     size="small"
                     sx={getStatusStyle(planWithDetails.project.state_code)}
                     label={getStateLabelFromCode(planWithDetails.project.state_code)}
+                    role="status"
+                    aria-live="polite"
                   />
                   <InfoDialog isProject={false} infoContent={'workflow'} />
                 </Box>
@@ -242,7 +251,9 @@ const ViewPlanPage: React.FC = () => {
                     <Accordion
                       defaultExpanded={!!planWithDetails.location.geometry?.length || false}>
                       <AccordionSummary
-                        expandIcon={<Icon path={mdiArrowCollapseDown} size={1} />}
+                        expandIcon={
+                          <Icon path={mdiArrowCollapseDown} size={1} aria-label="Expand" />
+                        }
                         aria-controls="panel1-content"
                         id="panel1-header">
                         <Box
diff --git a/app/src/features/plans/view/components/PlanDetails.tsx b/app/src/features/plans/view/components/PlanDetails.tsx
index 0dcb9fc2..c129a87d 100644
--- a/app/src/features/plans/view/components/PlanDetails.tsx
+++ b/app/src/features/plans/view/components/PlanDetails.tsx
@@ -10,6 +10,7 @@ import { IGetPlanForViewResponse } from 'interfaces/usePlanApi.interface';
 import InfoDialogDraggable from 'components/dialog/InfoDialogDraggable';
 import InfoContent from 'components/info/InfoContent';
 import { ViewPlanI18N } from 'constants/i18n';
+
 export interface IPlanDetails {
   plan: IGetPlanForViewResponse;
   thumbnailImageUrl: string;
@@ -59,7 +60,8 @@ const PlanDetails: React.FC<IPlanDetails> = (props) => {
                 sx={{ fontWeight: 'bold' }}
                 variant="subtitle2"
                 component="span"
-                color="textPrimary">
+                color="textPrimary"
+                aria-label="Plan Size">
                 {plan.location.size_ha}
               </Typography>
               <Tooltip title={ViewPlanI18N.sizeAndSites} placement="right">
@@ -82,7 +84,8 @@ const PlanDetails: React.FC<IPlanDetails> = (props) => {
                 sx={{ fontWeight: 'bold' }}
                 variant="subtitle2"
                 component="span"
-                color="textPrimary">
+                color="textPrimary"
+                aria-label="Number of Sites">
                 {plan.location.number_sites}
               </Typography>
             </Box>
diff --git a/app/src/features/plans/view/components/PlanGeneralInformation.tsx b/app/src/features/plans/view/components/PlanGeneralInformation.tsx
index f8804009..fc33608d 100644
--- a/app/src/features/plans/view/components/PlanGeneralInformation.tsx
+++ b/app/src/features/plans/view/components/PlanGeneralInformation.tsx
@@ -31,35 +31,41 @@ const PlanGeneralInformation: React.FC<IProjectGeneralInformationProps> = (props
   };
 
   return (
-    <Box component="dl" data-testid="general_info_component">
-      <Typography variant="body2" component="dt" color="textSecondary">
-        Region:
-      </Typography>
-      {getRegionName(location.region)}
+    <Box data-testid="general_info_component" aria-label="general-info-title">
+      <Typography component="dl">
+        <Typography variant="h6" id="general_info_header" sx={{ display: 'none' }}>
+          General Information
+        </Typography>
 
-      <Typography variant="body2" component="dt" color="textSecondary">
-        Brief Description:
-      </Typography>
-      <Typography variant="body2" component="dd">
-        {project.brief_desc}
-      </Typography>
+        <Typography variant="body2" component="dt" color="textSecondary">
+          Region:
+        </Typography>
+        {location.region ? getRegionName(location.region) : '---'}
 
-      <Typography variant="body2" component="dt" color="textSecondary">
-        Start Date:
-      </Typography>
-      <Typography variant="body2" component="dd">
-        {project.start_date
-          ? getFormattedDate(DATE_FORMAT.ShortMediumDateFormat, project.start_date)
-          : '---'}
-      </Typography>
+        <Typography variant="body2" component="dt" color="textSecondary">
+          Brief Description:
+        </Typography>
+        <Typography variant="body2" component="dd">
+          {project.brief_desc}
+        </Typography>
 
-      <Typography variant="body2" component="dt" color="textSecondary">
-        End Date:
-      </Typography>
-      <Typography variant="body2" component="dd">
-        {project.end_date
-          ? getFormattedDate(DATE_FORMAT.ShortMediumDateFormat, project.end_date)
-          : '---'}
+        <Typography variant="body2" component="dt" color="textSecondary">
+          Start Date:
+        </Typography>
+        <Typography variant="body2" component="dd">
+          {project.start_date
+            ? getFormattedDate(DATE_FORMAT.ShortMediumDateFormat, project.start_date)
+            : '---'}
+        </Typography>
+
+        <Typography variant="body2" component="dt" color="textSecondary">
+          End Date:
+        </Typography>
+        <Typography variant="body2" component="dd">
+          {project.end_date
+            ? getFormattedDate(DATE_FORMAT.ShortMediumDateFormat, project.end_date)
+            : '---'}
+        </Typography>
       </Typography>
     </Box>
   );
diff --git a/app/src/features/projects/Plans.tsx b/app/src/features/projects/Plans.tsx
index fe21fc60..47cf66f0 100644
--- a/app/src/features/projects/Plans.tsx
+++ b/app/src/features/projects/Plans.tsx
@@ -160,12 +160,23 @@ export default function Plans() {
   }, [isLoading, location.search, formikValues, collectFilterParams]);
 
   if (!codes.isReady || !codes.data) {
-    return <CircularProgress data-testid="plans-loading" className="pageProgress" size={40} />;
+    return (
+      <CircularProgress
+        data-testid="plans-loading"
+        className="pageProgress"
+        size={40}
+        role="status"
+        aria-label="Loading plans"
+      />
+    );
   }
 
   return (
-    <Card sx={{ backgroundColor: '#FFF4EB', marginBottom: '0.6rem' }}>
-      <Box display="flex" alignItems="center" justifyContent="space-between">
+    <Card
+      sx={{ backgroundColor: '#FFF4EB', marginBottom: '0.6rem' }}
+      role="region"
+      aria-labelledby="plans-list-header">
+      <Box display="flex" alignItems="center" justifyContent="space-between" id="plans-list-header">
         <Typography ml={1} variant="h1">
           <img src={ICONS.PLAN_ICON} width="20" height="32" alt="Plan" /> Plans
         </Typography>
@@ -175,7 +186,7 @@ export default function Plans() {
             variant="outlined"
             disableElevation
             data-testid="hide-plans-list-button"
-            aria-label={'hide plans'}
+            aria-label={isExpanded ? 'Collapse plans' : 'Expand plans'}
             startIcon={
               <Icon
                 path={isExpanded ? mdiArrowCollapseVertical : mdiArrowExpandVertical}
diff --git a/app/src/features/projects/Projects.tsx b/app/src/features/projects/Projects.tsx
index a17015ee..f90786a1 100644
--- a/app/src/features/projects/Projects.tsx
+++ b/app/src/features/projects/Projects.tsx
@@ -168,16 +168,28 @@ export default function Projects() {
   }, [isLoading, location.search, formikValues, collectFilterParams]);
 
   if (!codes.isReady || !codes.data) {
-    return <CircularProgress data-testid="project-loading" className="pageProgress" size={40} />;
+    return (
+      <CircularProgress
+        data-testid="project-loading"
+        className="pageProgress"
+        size={40}
+        role="status"
+        aria-label="Loading projects"
+      />
+    );
   }
 
   return (
-    <Card sx={{ backgroundColor: '#E9FBFF', marginBottom: '0.6rem' }}>
+    <Card
+      sx={{ backgroundColor: '#E9FBFF', marginBottom: '0.6rem' }}
+      role="region"
+      aria-labelledby="projects-list-header">
       <Box
         display="flex"
         alignItems="center"
         justifyContent="space-between"
-        data-testid="projects-list-header">
+        data-testid="projects-list-header"
+        id="projects-list-header">
         <Typography ml={1} variant="h1">
           <img src={ICONS.PROJECT_ICON} width="20" height="32" alt="Project" /> Projects
         </Typography>
@@ -187,7 +199,7 @@ export default function Projects() {
             variant="outlined"
             disableElevation
             data-testid="hide-projects-list-button"
-            aria-label={'hide projects'}
+            aria-label={isExpanded ? 'Collapse projects' : 'Expand projects'}
             startIcon={
               <Icon
                 path={isExpanded ? mdiArrowCollapseVertical : mdiArrowExpandVertical}
diff --git a/app/src/features/projects/ProjectsPlansListPage.tsx b/app/src/features/projects/ProjectsPlansListPage.tsx
index 254aea5e..d35d5e27 100644
--- a/app/src/features/projects/ProjectsPlansListPage.tsx
+++ b/app/src/features/projects/ProjectsPlansListPage.tsx
@@ -8,7 +8,7 @@ import Projects from './Projects';
  */
 const ProjectsPlansListPage: React.FC = () => {
   return (
-    <Container maxWidth="xl">
+    <Container maxWidth="xl" role="main" aria-label="Projects and Plans List">
       <Projects />
       <Plans />
     </Container>
diff --git a/app/src/features/projects/components/ProjectAuthorizationForm.tsx b/app/src/features/projects/components/ProjectAuthorizationForm.tsx
index 42c85b48..3933b8c1 100644
--- a/app/src/features/projects/components/ProjectAuthorizationForm.tsx
+++ b/app/src/features/projects/components/ProjectAuthorizationForm.tsx
@@ -105,7 +105,7 @@ const ProjectAuthorizationForm: React.FC = () => {
   };
 
   if (codesContext.codesDataLoader.isLoading || !codesContext.codesDataLoader.data) {
-    return <CircularProgress />;
+    return <CircularProgress aria-label="Loading authorization types" />;
   }
   const authorizationTypes = codesContext.codesDataLoader.data.authorization_type;
 
@@ -115,13 +115,17 @@ const ProjectAuthorizationForm: React.FC = () => {
         isProject={true}
         open={infoOpen}
         dialogTitle={CreateProjectI18N.authorization}
-        onClose={() => setInfoOpen(false)}>
+        onClose={() => setInfoOpen(false)}
+        aria-label="Authorization Information Dialog">
         <InfoContent isProject={true} contentIndex={CreateProjectI18N.authorization} />
       </InfoDialogDraggable>
 
       <Typography component="legend">
         Project Authorizations
-        <IconButton edge="end" onClick={handleClickOpen}>
+        <IconButton
+          edge="end"
+          onClick={handleClickOpen}
+          aria-label="Open Authorization Information">
           <InfoIcon color="info" />
         </IconButton>
       </Typography>
@@ -144,7 +148,7 @@ const ProjectAuthorizationForm: React.FC = () => {
 
                 return (
                   /* authorization List List */
-                  <Grid container spacing={3} key={index}>
+                  <Grid container spacing={3} key={index} aria-label={`Authorization ${index + 1}`}>
                     <Grid item xs={12}>
                       <List>
                         <ListItem sx={pageStyles.customListItem}>
@@ -188,7 +192,8 @@ const ProjectAuthorizationForm: React.FC = () => {
                                     authorizationRefMeta.touched &&
                                     Boolean(authorizationRefMeta.error),
                                   helperText:
-                                    authorizationRefMeta.touched && authorizationRefMeta.error
+                                    authorizationRefMeta.touched && authorizationRefMeta.error,
+                                  'aria-label': 'Authorization Reference'
                                 }}
                               />
                             </Grid>
@@ -206,7 +211,8 @@ const ProjectAuthorizationForm: React.FC = () => {
                                     authorizationDescMeta.touched &&
                                     Boolean(authorizationDescMeta.error),
                                   helperText:
-                                    authorizationDescMeta.touched && authorizationDescMeta.error
+                                    authorizationDescMeta.touched && authorizationDescMeta.error,
+                                  'aria-label': 'Authorization Description'
                                 }}
                               />
                             </Grid>
@@ -216,7 +222,7 @@ const ProjectAuthorizationForm: React.FC = () => {
                                   <IconButton
                                     color="primary"
                                     data-testid="delete-icon"
-                                    aria-label="remove authorization"
+                                    aria-label="Remove Authorization"
                                     onClick={() => arrayHelpers.remove(index)}
                                     edge="end"
                                     size="large">
@@ -244,7 +250,7 @@ const ProjectAuthorizationForm: React.FC = () => {
                 type="button"
                 variant="outlined"
                 color="primary"
-                aria-label="add authorization"
+                aria-label="Add Authorization"
                 startIcon={<Icon path={mdiPlus} size={1}></Icon>}
                 onClick={() => arrayHelpers.push(ProjectAuthorizationFormArrayItemInitialValues)}>
                 Add New Authorization
@@ -257,7 +263,9 @@ const ProjectAuthorizationForm: React.FC = () => {
         {errors.authorization?.authorizations &&
           !Array.isArray(errors.authorization?.authorizations) && (
             <Box pt={2}>
-              <Typography style={{ fontSize: '12px', color: '#f44336' }}>
+              <Typography
+                style={{ fontSize: '12px', color: '#f44336' }}
+                aria-label="Authorization Errors">
                 {errors.authorization.authorizations}
               </Typography>
             </Box>
diff --git a/app/src/features/projects/components/ProjectContactForm.tsx b/app/src/features/projects/components/ProjectContactForm.tsx
index 0aff3fa5..8a2aeb72 100644
--- a/app/src/features/projects/components/ProjectContactForm.tsx
+++ b/app/src/features/projects/components/ProjectContactForm.tsx
@@ -66,7 +66,7 @@ const ProjectContactForm: React.FC = () => {
         {errors.contact &&
           errors.contact.contacts &&
           typeof errors.contact.contacts == 'string' && (
-            <Typography variant="body2" color="error">
+            <Typography variant="body2" color="error" aria-label="Contact Errors">
               {errors.contact.contacts}
             </Typography>
           )}
@@ -108,10 +108,11 @@ const ProjectContactForm: React.FC = () => {
                   // Close the modal
                   setIsModalOpen(false);
                 }}
+                aria-label="Edit Contact Dialog"
               />
-              <List dense disablePadding>
+              <List dense disablePadding role="list" aria-label="Contact List">
                 {!values.contact.contacts.length && (
-                  <ListItem dense component={Paper}>
+                  <ListItem dense component={Paper} role="listitem" aria-label="No Contacts">
                     <Box
                       display="flex"
                       flexGrow={1}
@@ -130,6 +131,7 @@ const ProjectContactForm: React.FC = () => {
                     arrayHelpers={arrayHelpers}
                     setCurrentContact={setCurrentProjectContact}
                     setIsModalOpen={setIsModalOpen}
+                    aria-label={`Contact ${index + 1}`}
                   />
                 ))}
               </List>
diff --git a/app/src/features/projects/components/ProjectContactItemForm.tsx b/app/src/features/projects/components/ProjectContactItemForm.tsx
index 2b458bff..4ea5c39d 100644
--- a/app/src/features/projects/components/ProjectContactItemForm.tsx
+++ b/app/src/features/projects/components/ProjectContactItemForm.tsx
@@ -60,9 +60,9 @@ const ProjectContactItemForm: React.FC = () => {
     useFormikContext<IProjectContactItemForm>();
 
   return (
-    <form data-testid="contact-item-form">
+    <form data-testid="contact-item-form" aria-labelledby="contact-details-header">
       <Box component="fieldset">
-        <Typography id="agency_details" component="legend">
+        <Typography id="contact-details-header" component="legend">
           Contact Details
         </Typography>
         <Grid container spacing={3}>
@@ -71,7 +71,8 @@ const ProjectContactItemForm: React.FC = () => {
               name="first_name"
               label="First Name"
               other={{
-                required: true
+                required: true,
+                'aria-label': 'First Name'
               }}
             />
           </Grid>
@@ -80,7 +81,8 @@ const ProjectContactItemForm: React.FC = () => {
               name="last_name"
               label="Last Name"
               other={{
-                required: true
+                required: true,
+                'aria-label': 'Last Name'
               }}
             />
           </Grid>
@@ -89,19 +91,27 @@ const ProjectContactItemForm: React.FC = () => {
               name="email_address"
               label="Business Email Address"
               other={{
-                required: true
+                required: true,
+                'aria-label': 'Business Email Address'
               }}
             />
           </Grid>
           <Grid item xs={12} md={6}>
-            <CustomTextField name="phone_number" label="Phone Number" />
+            <CustomTextField
+              name="phone_number"
+              label="Phone Number"
+              other={{
+                'aria-label': 'Phone Number'
+              }}
+            />
           </Grid>
           <Grid item xs={12} md={6}>
             <CustomTextField
               name="organization"
               label="Organization"
               other={{
-                required: true
+                required: true,
+                'aria-label': 'Organization'
               }}
             />
           </Grid>
diff --git a/app/src/features/projects/components/ProjectDraftForm.tsx b/app/src/features/projects/components/ProjectDraftForm.tsx
index fa5ac86c..02499a27 100644
--- a/app/src/features/projects/components/ProjectDraftForm.tsx
+++ b/app/src/features/projects/components/ProjectDraftForm.tsx
@@ -26,12 +26,13 @@ const ProjectDraftForm: React.FC = () => {
   const { handleSubmit } = formikProps;
 
   return (
-    <form onSubmit={handleSubmit}>
+    <form onSubmit={handleSubmit} aria-labelledby="draft-name-label">
       <CustomTextField
         name="draft_name"
         label="Draft Name"
         other={{
-          required: true
+          required: true,
+          'aria-label': 'Draft Name'
         }}
       />
     </form>
diff --git a/app/src/features/projects/components/ProjectFocusForm.tsx b/app/src/features/projects/components/ProjectFocusForm.tsx
index 33b515bb..612a1389 100644
--- a/app/src/features/projects/components/ProjectFocusForm.tsx
+++ b/app/src/features/projects/components/ProjectFocusForm.tsx
@@ -71,14 +71,18 @@ const ProjectFocusForm: React.FC = () => {
         isProject={true}
         open={infoOpen}
         dialogTitle={infoTitle}
-        onClose={() => setInfoOpen(false)}>
+        onClose={() => setInfoOpen(false)}
+        aria-labelledby="info-dialog-title">
         <InfoContent isProject={true} contentIndex={infoTitle} />
       </InfoDialogDraggable>
 
       <Box mt={2}>
-        <Typography component="legend">
+        <Typography component="legend" id="healing-land-people">
           Healing the Land and/or People
-          <IconButton edge="end" onClick={() => handleClickOpen(CreateProjectI18N.focus)}>
+          <IconButton
+            edge="end"
+            onClick={() => handleClickOpen(CreateProjectI18N.focus)}
+            aria-label="Open Healing the Land and/or People Information">
             <InfoIcon color="info" />
           </IconButton>
         </Typography>
@@ -91,6 +95,7 @@ const ProjectFocusForm: React.FC = () => {
               label="Project Focus"
               options={focusOptions}
               required={true}
+              aria-label="Project Focus"
             />
           </Grid>
           <Grid item xs={12}>
@@ -117,12 +122,14 @@ const ProjectFocusForm: React.FC = () => {
                   <RangeSelectField
                     formikProps={formikProps}
                     formFieldName={peopleInvolvedFormName}
+                    aria-label="Number of People Involved"
                   />
                 ),
                 endAdornment: (
                   <IconButton
                     edge="end"
-                    onClick={() => handleClickOpen(CreateProjectI18N.numberOfPeopleInvolved)}>
+                    onClick={() => handleClickOpen(CreateProjectI18N.numberOfPeopleInvolved)}
+                    aria-label="Open Number of People Involved Information">
                     <InfoIcon color="info" />
                   </IconButton>
                 )
@@ -134,7 +141,8 @@ const ProjectFocusForm: React.FC = () => {
               helperText={
                 get(formikProps.touched, peopleInvolvedFormName) &&
                 (get(formikProps.errors, peopleInvolvedFormName) as string)
-              }>
+              }
+              aria-label="Number of People Involved">
               <MenuItem></MenuItem>
             </TextField>
           </Grid>
diff --git a/app/src/features/projects/components/ProjectFundingForm.tsx b/app/src/features/projects/components/ProjectFundingForm.tsx
index 4512dda1..cbb6889f 100644
--- a/app/src/features/projects/components/ProjectFundingForm.tsx
+++ b/app/src/features/projects/components/ProjectFundingForm.tsx
@@ -105,13 +105,17 @@ const ProjectFundingForm: React.FC = () => {
         isProject={true}
         open={infoOpen}
         dialogTitle={CreateProjectI18N.fundingSource}
-        onClose={() => setInfoOpen(false)}>
+        onClose={() => setInfoOpen(false)}
+        aria-labelledby="funding-source-info-dialog">
         <InfoContent isProject={true} contentIndex={CreateProjectI18N.fundingSource} />
       </InfoDialogDraggable>
 
-      <Typography component="legend">
+      <Typography component="legend" id="funding-sources-legend">
         Funding Sources
-        <IconButton edge="end" onClick={handleClickOpen}>
+        <IconButton
+          edge="end"
+          onClick={handleClickOpen}
+          aria-label="Open Funding Sources Information">
           <InfoIcon color="info" />
         </IconButton>
       </Typography>
@@ -153,23 +157,31 @@ const ProjectFundingForm: React.FC = () => {
                   // Close the modal
                   setIsModalOpen(false);
                 }}
+                aria-labelledby="add-funding-source-dialog"
               />
-              <List dense disablePadding>
+              <List dense disablePadding role="list" aria-label="Funding Sources List">
                 {!values.funding.fundingSources.length && (
-                  <ListItem dense component={Paper}>
+                  <ListItem dense component={Paper} role="listitem" aria-label="No Funding Sources">
                     <Box
                       display="flex"
                       flexGrow={1}
                       justifyContent="center"
                       alignContent="middle"
                       p={2}>
-                      <Typography variant="subtitle2">No Funding Sources</Typography>
+                      <Typography variant="subtitle2" component="h3">
+                        No Funding Sources
+                      </Typography>
                     </Box>
                   </ListItem>
                 )}
                 {values.funding.fundingSources.map((fundingSource, index) => {
                   return (
-                    <ListItem dense sx={pageStyles.fundingListItem} key={index}>
+                    <ListItem
+                      dense
+                      sx={pageStyles.fundingListItem}
+                      key={index}
+                      role="listitem"
+                      aria-label={`Funding Source ${index + 1}`}>
                       <Paper sx={pageStyles.fundingListItemInner}>
                         <Toolbar sx={pageStyles.fundingListItemToolbar}>
                           <Typography sx={pageStyles.title}>
diff --git a/app/src/features/projects/components/ProjectFundingItemForm.tsx b/app/src/features/projects/components/ProjectFundingItemForm.tsx
index c5d4afec..e93eafb1 100644
--- a/app/src/features/projects/components/ProjectFundingItemForm.tsx
+++ b/app/src/features/projects/components/ProjectFundingItemForm.tsx
@@ -62,7 +62,10 @@ const ProjectFundingItemForm: React.FC = () => {
   const { values, touched, errors, handleSubmit, setFieldValue } = formikProps;
 
   return (
-    <form data-testid="funding-item-form" onSubmit={handleSubmit}>
+    <form
+      data-testid="funding-item-form"
+      onSubmit={handleSubmit}
+      aria-labelledby="funding-item-form-title">
       <Box component="fieldset" mt={1}>
         <Grid container spacing={3}>
           <Grid item xs={12}>
@@ -71,17 +74,30 @@ const ProjectFundingItemForm: React.FC = () => {
                 name="organization_name"
                 label="Funding Organization Name"
                 other={{
-                  required: true
+                  required: true,
+                  'aria-label': 'Funding Organization Name'
                 }}
               />
               <FormHelperText>{errors.organization_name}</FormHelperText>
             </FormControl>
           </Grid>
           <Grid item xs={12}>
-            <CustomTextField name="description" label="Description" />
+            <CustomTextField
+              name="description"
+              label="Description"
+              other={{
+                'aria-label': 'Description'
+              }}
+            />
           </Grid>
           <Grid item xs={12}>
-            <CustomTextField name="funding_project_id" label="Funding Project ID" />
+            <CustomTextField
+              name="funding_project_id"
+              label="Funding Project ID"
+              other={{
+                'aria-label': 'Funding Project ID'
+              }}
+            />
           </Grid>
           <Grid item xs={12}>
             <DollarAmountField
@@ -89,6 +105,7 @@ const ProjectFundingItemForm: React.FC = () => {
               id="funding_amount"
               name="funding_amount"
               label={CreateProjectI18N.fundingAmount}
+              aria-label="Funding Amount"
             />
           </Grid>
           <Grid item xs={12}>
@@ -98,6 +115,7 @@ const ProjectFundingItemForm: React.FC = () => {
               endName={'end_date'}
               startRequired={false}
               endRequired={false}
+              aria-label="Start and End Dates"
             />
           </Grid>
           <Grid item xs={12}>
@@ -107,6 +125,7 @@ const ProjectFundingItemForm: React.FC = () => {
               values={values.is_public}
               handleChange={(value: string) => setFieldValue('is_public', value)}
               customizeFor={'Funding'}
+              aria-label="Is Public"
             />
           </Grid>
         </Grid>
diff --git a/app/src/features/projects/components/ProjectGeneralInformationForm.tsx b/app/src/features/projects/components/ProjectGeneralInformationForm.tsx
index 0cc5e395..93569556 100644
--- a/app/src/features/projects/components/ProjectGeneralInformationForm.tsx
+++ b/app/src/features/projects/components/ProjectGeneralInformationForm.tsx
@@ -111,7 +111,8 @@ const ProjectGeneralInformationForm: React.FC<ICurrentProjectStateProps> = (prop
         isProject={true}
         open={infoOpen}
         dialogTitle={CreateProjectI18N.briefDescription}
-        onClose={() => setInfoOpen(false)}>
+        onClose={() => setInfoOpen(false)}
+        aria-labelledby="brief-description-info-dialog">
         <InfoContent isProject={true} contentIndex={CreateProjectI18N.briefDescription} />
       </InfoDialogDraggable>
 
@@ -124,7 +125,8 @@ const ProjectGeneralInformationForm: React.FC<ICurrentProjectStateProps> = (prop
                 name="project.project_name"
                 label="Project Name"
                 other={{
-                  required: true
+                  required: true,
+                  'aria-label': 'Project Name'
                 }}
               />
             </Grid>
@@ -153,7 +155,11 @@ const ProjectGeneralInformationForm: React.FC<ICurrentProjectStateProps> = (prop
                             />
                           </Box>
                         )}
-                        <InfoDialog isProject={true} infoContent={'workflow'} />
+                        <InfoDialog
+                          isProject={true}
+                          infoContent={'workflow'}
+                          aria-label="Workflow Information"
+                        />
                       </>
                     )
                   }
@@ -170,9 +176,13 @@ const ProjectGeneralInformationForm: React.FC<ICurrentProjectStateProps> = (prop
                     required: true,
                     multiline: true,
                     maxRows: 5,
+                    'aria-label': 'Brief Description',
                     InputProps: {
                       endAdornment: (
-                        <IconButton edge="end" onClick={handleClickOpen}>
+                        <IconButton
+                          edge="end"
+                          onClick={handleClickOpen}
+                          aria-label="Open Brief Description Information">
                           <InfoIcon color="info" />
                         </IconButton>
                       )
@@ -191,6 +201,7 @@ const ProjectGeneralInformationForm: React.FC<ICurrentProjectStateProps> = (prop
               actualEndName={'project.actual_end_date'}
               actualStartRequired={false}
               actualEndRequired={false}
+              aria-label="Project Start and End Dates"
             />
           </Grid>
         </Grid>
diff --git a/app/src/features/projects/components/ProjectLocationConservationAreasForm.tsx b/app/src/features/projects/components/ProjectLocationConservationAreasForm.tsx
index 914e77d4..f0125c06 100644
--- a/app/src/features/projects/components/ProjectLocationConservationAreasForm.tsx
+++ b/app/src/features/projects/components/ProjectLocationConservationAreasForm.tsx
@@ -60,7 +60,8 @@ const ProjectLocationConservationAreas: React.FC = () => {
         isProject={true}
         open={infoOpen}
         dialogTitle={infoTitle}
-        onClose={() => setInfoOpen(false)}>
+        onClose={() => setInfoOpen(false)}
+        aria-labelledby="conservation-area-info-dialog">
         <InfoContent isProject={true} contentIndex={infoTitle} />
       </InfoDialogDraggable>
 
@@ -78,8 +79,11 @@ const ProjectLocationConservationAreas: React.FC = () => {
                   /* conservation Area List */
                   <Grid container spacing={3} key={index}>
                     <Grid item xs={12} md={10.5}>
-                      <List>
-                        <ListItem sx={pageStyles.customListItem}>
+                      <List role="list" aria-label="Conservation Areas List">
+                        <ListItem
+                          sx={pageStyles.customListItem}
+                          role="listitem"
+                          aria-label={`Conservation Area ${index + 1}`}>
                           <Grid container spacing={3}>
                             <Grid item xs={6} md={8}>
                               <CustomTextField
@@ -94,7 +98,8 @@ const ProjectLocationConservationAreas: React.FC = () => {
                                     conservationAreaMeta.touched &&
                                     Boolean(conservationAreaMeta.error),
                                   helperText:
-                                    conservationAreaMeta.touched && conservationAreaMeta.error
+                                    conservationAreaMeta.touched && conservationAreaMeta.error,
+                                  'aria-label': `Conservation Area ${index + 1}`
                                 }}
                               />
                             </Grid>
@@ -105,7 +110,7 @@ const ProjectLocationConservationAreas: React.FC = () => {
                                     color="primary"
                                     id="isPublic"
                                     name="isPublic"
-                                    aria-label="isPublic"
+                                    aria-label={`Hidden from Public ${index + 1}`}
                                     checked={!conservationArea.isPublic}
                                     value={conservationArea.isPublic}
                                     onChange={() => {
@@ -125,7 +130,8 @@ const ProjectLocationConservationAreas: React.FC = () => {
                                         handleClickOpen(
                                           CreateProjectI18N.locationConservationAreaHidden
                                         )
-                                      }>
+                                      }
+                                      aria-label="Open Hidden from Public Information">
                                       <InfoIcon color="info" />
                                     </IconButton>
                                   </Typography>
@@ -139,7 +145,7 @@ const ProjectLocationConservationAreas: React.FC = () => {
                                 disabled={values.location.is_within_overlapping !== 'true'}
                                 color="primary"
                                 data-testid="delete-icon"
-                                aria-label="remove conservation area"
+                                aria-label={`Remove Conservation Area ${index + 1}`}
                                 onClick={() => arrayHelpers.remove(index)}
                                 edge="end"
                                 size="large">
@@ -166,7 +172,7 @@ const ProjectLocationConservationAreas: React.FC = () => {
                   type="button"
                   variant="outlined"
                   color="primary"
-                  aria-label="add conservation area"
+                  aria-label="Add Conservation Area"
                   startIcon={<Icon path={mdiPlus} size={1}></Icon>}
                   onClick={() =>
                     arrayHelpers.push(ProjectLocationConservationAreasFormArrayItemInitialValues)
diff --git a/app/src/features/projects/components/ProjectLocationForm.tsx b/app/src/features/projects/components/ProjectLocationForm.tsx
index a13086f4..e85e44eb 100644
--- a/app/src/features/projects/components/ProjectLocationForm.tsx
+++ b/app/src/features/projects/components/ProjectLocationForm.tsx
@@ -205,7 +205,8 @@ const ProjectLocationForm: React.FC<IProjectLocationFormProps> = (props) => {
         isProject={true}
         open={infoOpen}
         dialogTitle={infoTitle}
-        onClose={() => setInfoOpen(false)}>
+        onClose={() => setInfoOpen(false)}
+        aria-labelledby="location-info-dialog">
         <InfoContent isProject={true} contentIndex={infoTitle} />
       </InfoDialogDraggable>
 
@@ -215,7 +216,8 @@ const ProjectLocationForm: React.FC<IProjectLocationFormProps> = (props) => {
             Area and Location Details
             <IconButton
               edge="end"
-              onClick={() => handleClickOpen(CreateProjectI18N.locationRegion)}>
+              onClick={() => handleClickOpen(CreateProjectI18N.locationRegion)}
+              aria-label="Open Location Region Information">
               <InfoIcon color="info" />
             </IconButton>
           </Typography>
@@ -268,7 +270,8 @@ const ProjectLocationForm: React.FC<IProjectLocationFormProps> = (props) => {
               Is the project within or overlapping a known area of cultural or conservation?
               <IconButton
                 edge="end"
-                onClick={() => handleClickOpen(CreateProjectI18N.locationConservationArea)}>
+                onClick={() => handleClickOpen(CreateProjectI18N.locationConservationArea)}
+                aria-label="Open Conservation Area Information">
                 <InfoIcon color="info" />
               </IconButton>
             </FormLabel>
@@ -313,7 +316,10 @@ const ProjectLocationForm: React.FC<IProjectLocationFormProps> = (props) => {
           {locationRequired(
             parentFormikProps.values.focus.focuses ? parentFormikProps.values.focus.focuses : []
           ) && '*'}
-          <IconButton edge="end" onClick={() => handleClickOpen(CreateProjectI18N.locationArea)}>
+          <IconButton
+            edge="end"
+            onClick={() => handleClickOpen(CreateProjectI18N.locationArea)}
+            aria-label="Open Location Area Information">
             <InfoIcon color="info" />
           </IconButton>
         </Typography>
@@ -323,7 +329,8 @@ const ProjectLocationForm: React.FC<IProjectLocationFormProps> = (props) => {
             <Tooltip title={CreateProjectI18N.locationGeoJSONProperties} placement="right">
               <IconButton
                 edge="end"
-                onClick={() => handleClickOpen(CreateProjectI18N.locationGeoJSONProperties)}>
+                onClick={() => handleClickOpen(CreateProjectI18N.locationGeoJSONProperties)}
+                aria-label="Open GeoJSON Properties Information">
                 <InfoIcon color="info" />
               </IconButton>
             </Tooltip>
@@ -338,7 +345,8 @@ const ProjectLocationForm: React.FC<IProjectLocationFormProps> = (props) => {
             component="span"
             startIcon={<Icon path={mdiTrayArrowUp} size={1}></Icon>}
             onClick={() => setOpenUploadBoundary(true)}
-            data-testid="project-boundary-upload">
+            data-testid="project-boundary-upload"
+            aria-label="Upload Project Areas">
             Upload Areas
           </Button>
         </Box>
@@ -348,6 +356,7 @@ const ProjectLocationForm: React.FC<IProjectLocationFormProps> = (props) => {
             mask={[mask, setMask]}
             maskState={[maskState, setMaskState]}
             activeFeatureState={[activeFeature, setActiveFeature]}
+            aria-label="Map Feature List"
           />
         </Box>
 
@@ -362,6 +371,7 @@ const ProjectLocationForm: React.FC<IProjectLocationFormProps> = (props) => {
             autoFocus={true}
             editModeOn={true}
             region={region}
+            aria-label="Project Location Map"
           />
         </Box>
         {errors?.location?.geometry && (
@@ -376,7 +386,8 @@ const ProjectLocationForm: React.FC<IProjectLocationFormProps> = (props) => {
       <ComponentDialog
         open={openUploadBoundary}
         dialogTitle="Upload Project Areas"
-        onClose={() => setOpenUploadBoundary(false)}>
+        onClose={() => setOpenUploadBoundary(false)}
+        aria-labelledby="upload-project-areas-dialog">
         <FileUpload
           uploadHandler={getUploadHandler()}
           dropZoneProps={{
diff --git a/app/src/features/projects/components/ProjectObjectivesForm.tsx b/app/src/features/projects/components/ProjectObjectivesForm.tsx
index 91b2b1fb..ae33206c 100644
--- a/app/src/features/projects/components/ProjectObjectivesForm.tsx
+++ b/app/src/features/projects/components/ProjectObjectivesForm.tsx
@@ -82,7 +82,8 @@ const ProjectObjectivesForm: React.FC = () => {
         isProject={true}
         open={infoOpen}
         dialogTitle={CreateProjectI18N.objective}
-        onClose={() => setInfoOpen(false)}>
+        onClose={() => setInfoOpen(false)}
+        aria-labelledby="objective-info-dialog">
         <InfoContent isProject={true} contentIndex={CreateProjectI18N.objective} />
       </InfoDialogDraggable>
 
@@ -96,8 +97,11 @@ const ProjectObjectivesForm: React.FC = () => {
 
                 return (
                   /* Objectives List */
-                  <List key={index}>
-                    <ListItem sx={pageStyles.customListItem}>
+                  <List key={index} role="list" aria-label="Objectives List">
+                    <ListItem
+                      sx={pageStyles.customListItem}
+                      role="listitem"
+                      aria-label={`Objective ${index + 1}`}>
                       <CustomTextField
                         name={`objective.objectives.[${index}].objective`}
                         label={CreateProjectI18N.objective}
@@ -107,9 +111,13 @@ const ProjectObjectivesForm: React.FC = () => {
                           value: objective.objective,
                           error: objectiveMeta.touched && Boolean(objectiveMeta.error),
                           helperText: objectiveMeta.touched && objectiveMeta.error,
+                          'aria-label': `Objective ${index + 1}`,
                           InputProps: {
                             endAdornment: !index ? (
-                              <IconButton edge="end" onClick={handleClickOpen}>
+                              <IconButton
+                                edge="end"
+                                onClick={handleClickOpen}
+                                aria-label="Open Objective Information">
                                 <InfoIcon color="info" />
                               </IconButton>
                             ) : null
@@ -121,7 +129,7 @@ const ProjectObjectivesForm: React.FC = () => {
                           <IconButton
                             color="primary"
                             data-testid="delete-icon"
-                            aria-label="remove objective"
+                            aria-label={`Remove Objective ${index + 1}`}
                             onClick={() => arrayHelpers.remove(index)}
                             edge="end"
                             size="large">
@@ -143,7 +151,7 @@ const ProjectObjectivesForm: React.FC = () => {
                   type="button"
                   variant="outlined"
                   color="primary"
-                  aria-label="add objective"
+                  aria-label="Add Objective"
                   startIcon={<Icon path={mdiPlus} size={1}></Icon>}
                   onClick={() => arrayHelpers.push(ProjectObjectivesFormArrayItemInitialValues)}>
                   Add New {CreateProjectI18N.objective}
diff --git a/app/src/features/projects/components/ProjectPartnershipsForm.tsx b/app/src/features/projects/components/ProjectPartnershipsForm.tsx
index 84259f0d..5da40acd 100644
--- a/app/src/features/projects/components/ProjectPartnershipsForm.tsx
+++ b/app/src/features/projects/components/ProjectPartnershipsForm.tsx
@@ -146,13 +146,14 @@ const ProjectPartnershipsForm: React.FC = () => {
         isProject={true}
         open={infoOpen}
         dialogTitle={CreateProjectI18N.partnership}
-        onClose={() => setInfoOpen(false)}>
+        onClose={() => setInfoOpen(false)}
+        aria-labelledby="partnership-info-dialog">
         <InfoContent isProject={true} contentIndex={CreateProjectI18N.partnership} />
       </InfoDialogDraggable>
 
       <Typography component="legend">
         Partnerships
-        <IconButton edge="end" onClick={handleClickOpen}>
+        <IconButton edge="end" onClick={handleClickOpen} aria-label="Open Partnership Information">
           <InfoIcon color="info" />
         </IconButton>
       </Typography>
@@ -177,8 +178,11 @@ const ProjectPartnershipsForm: React.FC = () => {
                   /* partnerships List */
                   <Grid container spacing={3} key={index}>
                     <Grid item xs={12} md={12}>
-                      <List>
-                        <ListItem sx={pageStyles.customListItem}>
+                      <List role="list" aria-label="Partnerships List">
+                        <ListItem
+                          sx={pageStyles.customListItem}
+                          role="listitem"
+                          aria-label={`Partnership ${index + 1}`}>
                           <Grid container spacing={3}>
                             <Grid item xs={4} md={4}>
                               <FormControl fullWidth size="small" variant="outlined">
@@ -258,7 +262,8 @@ const ProjectPartnershipsForm: React.FC = () => {
                                         Boolean(partnershipNameMeta.error),
                                       helperText:
                                         partnershipNameMeta.touched && partnershipNameMeta.error,
-                                      required: partnership.partnership_type !== '' ? true : false
+                                      required: partnership.partnership_type !== '' ? true : false,
+                                      'aria-label': `Partnership Name ${index + 1}`
                                     }}
                                   />
                                 </Grid>
@@ -278,7 +283,8 @@ const ProjectPartnershipsForm: React.FC = () => {
                                       Boolean(partnershipNameMeta.error),
                                     helperText:
                                       partnershipNameMeta.touched && partnershipNameMeta.error,
-                                    required: partnership.partnership_type !== '' ? true : false
+                                    required: partnership.partnership_type !== '' ? true : false,
+                                    'aria-label': `Partnership Name ${index + 1}`
                                   }}
                                 />
                               </Grid>
@@ -289,7 +295,7 @@ const ProjectPartnershipsForm: React.FC = () => {
                               <IconButton
                                 color="primary"
                                 data-testid="delete-icon"
-                                aria-label="remove partnership"
+                                aria-label={`Remove Partnership ${index + 1}`}
                                 onClick={() => arrayHelpers.remove(index)}
                                 edge="end"
                                 size="large">
@@ -315,7 +321,7 @@ const ProjectPartnershipsForm: React.FC = () => {
                 type="button"
                 variant="outlined"
                 color="primary"
-                aria-label="add partnership"
+                aria-label="Add Partnership"
                 startIcon={<Icon path={mdiPlus} size={1}></Icon>}
                 onClick={() => arrayHelpers.push(ProjectPartnershipsFormArrayItemInitialValues)}>
                 Add New Partnership
diff --git a/app/src/features/projects/components/ProjectRestorationPlanForm.tsx b/app/src/features/projects/components/ProjectRestorationPlanForm.tsx
index 40600726..948a4dfb 100644
--- a/app/src/features/projects/components/ProjectRestorationPlanForm.tsx
+++ b/app/src/features/projects/components/ProjectRestorationPlanForm.tsx
@@ -47,8 +47,9 @@ const ProjectRestorationPlanForm: React.FC = () => {
               error={
                 touched.restoration_plan?.is_project_part_public_plan &&
                 Boolean(errors.restoration_plan?.is_project_part_public_plan)
-              }>
-              <FormLabel component="legend">
+              }
+              aria-labelledby="restoration-plan-label">
+              <FormLabel component="legend" id="restoration-plan-label">
                 Is this project part of a publicly available Restoration Plan within this
                 Restoration Tracker? *
               </FormLabel>
@@ -61,11 +62,13 @@ const ProjectRestorationPlanForm: React.FC = () => {
                   value={false}
                   control={<Radio color="primary" size="small" />}
                   label="No"
+                  aria-label="No"
                 />
                 <FormControlLabel
                   value={true}
                   control={<Radio color="primary" size="small" />}
                   label="Yes"
+                  aria-label="Yes"
                 />
                 <FormHelperText>
                   {touched.restoration_plan?.is_project_part_public_plan &&
diff --git a/app/src/features/projects/components/ProjectsTableHead.tsx b/app/src/features/projects/components/ProjectsTableHead.tsx
index d629ce54..0fe4c200 100644
--- a/app/src/features/projects/components/ProjectsTableHead.tsx
+++ b/app/src/features/projects/components/ProjectsTableHead.tsx
@@ -52,7 +52,8 @@ function ProjectsTableHead(props: ProjectsTableProps) {
             <TableSortLabel
               active={orderBy === headCell.id}
               direction={orderBy === headCell.id ? order : 'asc'}
-              onClick={createSortHandler(headCell.id)}>
+              onClick={createSortHandler(headCell.id)}
+              aria-label={`Sort by ${headCell.label}`}>
               {headCell.label}
               {orderBy === headCell.id ? (
                 <Box component="span" sx={visuallyHidden}>
@@ -63,7 +64,10 @@ function ProjectsTableHead(props: ProjectsTableProps) {
           </Tooltip>
 
           {headCell.infoButton ? (
-            <IconButton sx={{ p: 0 }} onClick={() => handleClickOpen(headCell)}>
+            <IconButton
+              sx={{ p: 0 }}
+              onClick={() => handleClickOpen(headCell)}
+              aria-label={`Info about ${headCell.label}`}>
               <InfoIcon color="info" />
             </IconButton>
           ) : null}
@@ -77,7 +81,8 @@ function ProjectsTableHead(props: ProjectsTableProps) {
         isProject={true}
         open={infoOpen}
         dialogTitle={infoTitle}
-        onClose={() => setInfoOpen(false)}>
+        onClose={() => setInfoOpen(false)}
+        aria-labelledby="project-info-dialog">
         <InfoContent isProject={true} contentIndex={infoTitle} />
       </InfoDialogDraggable>
       <TableHead>
diff --git a/app/src/features/projects/components/ProjectsTableToolbar.tsx b/app/src/features/projects/components/ProjectsTableToolbar.tsx
index 5bbb3a20..8c11697d 100644
--- a/app/src/features/projects/components/ProjectsTableToolbar.tsx
+++ b/app/src/features/projects/components/ProjectsTableToolbar.tsx
@@ -25,9 +25,16 @@ function ProjectsTableToolbar(props: ProjectTableToolbarProps) {
           bgcolor: (theme) =>
             alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity)
         })
-      }}>
+      }}
+      role="toolbar"
+      aria-labelledby="tableTitle">
       {numSelected > 0 ? (
-        <Typography sx={{ flex: '1 1 100%' }} color="inherit" variant="subtitle1" component="div">
+        <Typography
+          sx={{ flex: '1 1 100%' }}
+          color="inherit"
+          variant="subtitle1"
+          component="div"
+          aria-live="polite">
           {numSelected} {numSelected !== 1 ? ProjectTableI18N.projects : ProjectTableI18N.project}{' '}
           {TableI18N.selectedToExport}
         </Typography>
@@ -36,7 +43,8 @@ function ProjectsTableToolbar(props: ProjectTableToolbarProps) {
           sx={{ mx: '0.5rem', flex: '1 1 100%' }}
           variant="h2"
           id="tableTitle"
-          component="div">
+          component="div"
+          aria-live="polite">
           {TableI18N.found} {numRows}{' '}
           {numRows !== 1 ? ProjectTableI18N.projects : ProjectTableI18N.project}
         </Typography>
@@ -54,7 +62,7 @@ function ProjectsTableToolbar(props: ProjectTableToolbarProps) {
           {TableI18N.exportData}
         </Button>
       ) : (
-        <InfoDialog isProject={true} infoContent={'paged table'} />
+        <InfoDialog isProject={true} infoContent={'paged table'} aria-labelledby="info-dialog" />
       )}
     </Toolbar>
   );
diff --git a/app/src/features/projects/create/CreateProjectPage.tsx b/app/src/features/projects/create/CreateProjectPage.tsx
index a6f9c41d..3c2fdb87 100644
--- a/app/src/features/projects/create/CreateProjectPage.tsx
+++ b/app/src/features/projects/create/CreateProjectPage.tsx
@@ -381,7 +381,7 @@ const CreateProjectPage: React.FC = () => {
   };
 
   if (!codes.data) {
-    return <CircularProgress className="pageProgress" size={40} />;
+    return <CircularProgress className="pageProgress" size={40} aria-label="Loading" />;
   }
 
   return (
@@ -593,7 +593,8 @@ const CreateProjectPage: React.FC = () => {
                     color="primary"
                     size="large"
                     onClick={() => setOpenDraftDialog(true)}
-                    data-testid="project-save-draft-button">
+                    data-testid="project-save-draft-button"
+                    aria-label="Save Draft">
                     Save Draft
                   </Button>
                   <Button
@@ -601,7 +602,8 @@ const CreateProjectPage: React.FC = () => {
                     color="primary"
                     size="large"
                     onClick={() => setOpenYesNoDialog(true)}
-                    data-testid="project-create-button">
+                    data-testid="project-create-button"
+                    aria-label="Create Project">
                     <span>Create Project</span>
                   </Button>
                   <Button
@@ -609,7 +611,8 @@ const CreateProjectPage: React.FC = () => {
                     color="primary"
                     size="large"
                     data-testid="project-cancel-buttton"
-                    onClick={handleCancel}>
+                    onClick={handleCancel}
+                    aria-label="Cancel">
                     Cancel
                   </Button>
                 </Box>
diff --git a/app/src/features/projects/edit/EditProjectPage.tsx b/app/src/features/projects/edit/EditProjectPage.tsx
index 7701f685..a1e08729 100644
--- a/app/src/features/projects/edit/EditProjectPage.tsx
+++ b/app/src/features/projects/edit/EditProjectPage.tsx
@@ -276,7 +276,7 @@ const EditProjectPage: React.FC = () => {
   };
 
   if (!codes || !hasLoadedDraftData) {
-    return <CircularProgress className="pageProgress" size={40} />;
+    return <CircularProgress className="pageProgress" size={40} aria-label="Loading" />;
   }
 
   return (
@@ -340,10 +340,13 @@ const EditProjectPage: React.FC = () => {
         </Breadcrumbs>
       </Box>
 
-      <Card sx={{ backgroundColor: '#E9FBFF', marginBottom: '0.6rem', marginX: 3 }}>
+      <Card
+        sx={{ backgroundColor: '#E9FBFF', marginBottom: '0.6rem', marginX: 3 }}
+        role="region"
+        aria-labelledby="edit_project_header">
         <Box mb={3} ml={1}>
           <Box mb={0.5} mt={0.9}>
-            <Typography variant="h1" data-testid="edit_project_header">
+            <Typography variant="h1" data-testid="edit_project_header" id="edit_project_header">
               <img src={ICONS.PROJECT_ICON} width="20" height="32" alt="Plan" /> Edit Restoration
               Project
             </Typography>
@@ -472,7 +475,8 @@ const EditProjectPage: React.FC = () => {
                   size="large"
                   type="submit"
                   onClick={() => setOpenYesNoDialog(true)}
-                  data-testid="project-save-button">
+                  data-testid="project-save-button"
+                  aria-label="Save Project">
                   Save Project
                 </Button>
                 <Button
@@ -480,7 +484,8 @@ const EditProjectPage: React.FC = () => {
                   color="primary"
                   size="large"
                   data-testid="project-cancel-buttton"
-                  onClick={handleCancel}>
+                  onClick={handleCancel}
+                  aria-label="Cancel">
                   Cancel
                 </Button>
               </Box>
diff --git a/app/src/features/projects/list/ProjectsListPage.tsx b/app/src/features/projects/list/ProjectsListPage.tsx
index 41e484d5..c0fa74d9 100644
--- a/app/src/features/projects/list/ProjectsListPage.tsx
+++ b/app/src/features/projects/list/ProjectsListPage.tsx
@@ -214,7 +214,10 @@ const ProjectsListPage: React.FC<IProjectsListProps> = (props) => {
     const focusTooltip = (focus: string) => {
       return (
         <Tooltip title={focus} disableHoverListener={focus.length < 35}>
-          <Typography sx={utils.focusStyles.focusLabel} aria-label={`${focus}`}>
+          <Typography
+            sx={utils.focusStyles.focusLabel}
+            aria-label={`Focus: ${focus}`}
+            role="tooltip">
             {focus}
           </Typography>
         </Tooltip>
@@ -224,7 +227,10 @@ const ProjectsListPage: React.FC<IProjectsListProps> = (props) => {
     const orgTooltip = (org: string) => {
       return (
         <Tooltip title={org} disableHoverListener={org.length < 35}>
-          <Typography sx={utils.orgStyles.orgLabel} aria-label={`${org}`}>
+          <Typography
+            sx={utils.orgStyles.orgLabel}
+            aria-label={`Organization: ${org}`}
+            role="tooltip">
             {org}
           </Typography>
         </Tooltip>
@@ -304,7 +310,8 @@ const ProjectsListPage: React.FC<IProjectsListProps> = (props) => {
             sx={{ minWidth: 750 }}
             aria-labelledby="tableTitle"
             size={dense ? 'small' : 'medium'}
-            data-testid={'project_table'}>
+            data-testid={'project_table'}
+            role="table">
             <ProjectsTableHead
               myProject={myProject}
               numSelected={selected.length}
@@ -322,13 +329,13 @@ const ProjectsListPage: React.FC<IProjectsListProps> = (props) => {
                 return (
                   <TableRow
                     hover
-                    role="checkbox"
+                    role="row"
                     aria-checked={isItemSelected}
                     tabIndex={-1}
                     key={row.id}
                     selected={isItemSelected}
                     sx={{ cursor: 'pointer' }}>
-                    <TableCell component="th" id={labelId} scope="row" padding="normal">
+                    <TableCell component="th" id={labelId} scope="row" padding="normal" role="cell">
                       <Link
                         data-testid={`project-${row.projectName}-link`}
                         underline="always"
@@ -339,11 +346,12 @@ const ProjectsListPage: React.FC<IProjectsListProps> = (props) => {
                           draftCode != row.statusCode
                             ? () => history(`/admin/projects/${row.projectId}/details`)
                             : () => history(`/admin/projects/create?draftId=${row.projectId}`)
-                        }>
+                        }
+                        aria-label={`View details for project ${row.projectName}`}>
                         {row.projectName}
                       </Link>
                     </TableCell>
-                    <TableCell align="left">
+                    <TableCell align="left" role="cell">
                       {row.focus &&
                         row.focus.split('\r').map((focus: string, key) => (
                           <Fragment key={key}>
@@ -353,6 +361,8 @@ const ProjectsListPage: React.FC<IProjectsListProps> = (props) => {
                                 size="small"
                                 sx={utils.focusStyles.focusProjectChip}
                                 label={focusTooltip(focus)}
+                                role="button"
+                                aria-label={`Focus: ${focus}`}
                               />
                             </Box>
                           </Fragment>
@@ -363,10 +373,12 @@ const ProjectsListPage: React.FC<IProjectsListProps> = (props) => {
                           label="No Focuses"
                           sx={utils.focusStyles.noFocusChip}
                           data-testid="no_focuses_loaded"
+                          role="button"
+                          aria-label="No focuses available"
                         />
                       )}
                     </TableCell>
-                    <TableCell align="left">
+                    <TableCell align="left" role="cell">
                       {row.org &&
                         row.org.split('\r').map((organization: string, key) => (
                           <Fragment key={key}>
@@ -376,6 +388,8 @@ const ProjectsListPage: React.FC<IProjectsListProps> = (props) => {
                                 size="small"
                                 sx={utils.orgStyles.orgProjectChip}
                                 label={orgTooltip(organization)}
+                                role="button"
+                                aria-label={`Organization: ${organization}`}
                               />
                             </Box>
                           </Fragment>
@@ -386,29 +400,33 @@ const ProjectsListPage: React.FC<IProjectsListProps> = (props) => {
                           label="No Organizations"
                           sx={utils.orgStyles.noOrgChip}
                           data-testid="no_organizations_loaded"
+                          role="button"
+                          aria-label="No organizations available"
                         />
                       )}
                     </TableCell>
-                    <TableCell align="left">
+                    <TableCell align="left" role="cell">
                       {getFormattedDate(DATE_FORMAT.ShortMediumDateFormat, row.plannedStartDate)}
                     </TableCell>
-                    <TableCell align="left">
+                    <TableCell align="left" role="cell">
                       {getFormattedDate(DATE_FORMAT.ShortMediumDateFormat, row.actualStartDate)}
                     </TableCell>
-                    <TableCell align="left">
+                    <TableCell align="left" role="cell">
                       {getFormattedDate(DATE_FORMAT.ShortMediumDateFormat, row.plannedEndDate)}
                     </TableCell>
-                    <TableCell align="left">
+                    <TableCell align="left" role="cell">
                       {getFormattedDate(DATE_FORMAT.ShortMediumDateFormat, row.actualEndDate)}
                     </TableCell>
-                    <TableCell sx={{ p: 0 }} align="left">
+                    <TableCell sx={{ p: 0 }} align="left" role="cell">
                       <Chip
                         size="small"
                         sx={getStatusStyle(row.statusCode)}
                         label={row.statusLabel}
+                        role="button"
+                        aria-label={`Status: ${row.statusLabel}`}
                       />
                     </TableCell>
-                    <TableCell sx={{ maxWidth: 50 }} align="left">
+                    <TableCell sx={{ maxWidth: 50 }} align="left" role="cell">
                       {draftCode !== row.statusCode ? (
                         <SystemRoleGuard
                           validSystemRoles={[SYSTEM_ROLE.SYSTEM_ADMIN, SYSTEM_ROLE.MAINTAINER]}>
@@ -475,7 +493,12 @@ const ProjectsListPage: React.FC<IProjectsListProps> = (props) => {
                                   }
                                 })
                               }
-                              color={archCode !== row.statusCode ? 'info' : 'warning'}>
+                              color={archCode !== row.statusCode ? 'info' : 'warning'}
+                              aria-label={
+                                archCode !== row.statusCode
+                                  ? 'Archive project'
+                                  : 'Unarchive project'
+                              }>
                               {archCode !== row.statusCode ? <ArchiveIcon /> : <UnarchiveIcon />}
                             </IconButton>
                           </Tooltip>
@@ -512,7 +535,8 @@ const ProjectsListPage: React.FC<IProjectsListProps> = (props) => {
                                   }
                                 })
                               }
-                              color="error">
+                              color="error"
+                              aria-label="Delete project">
                               <DeleteForeverIcon />
                             </IconButton>
                           </Tooltip>
@@ -553,7 +577,8 @@ const ProjectsListPage: React.FC<IProjectsListProps> = (props) => {
                                 }
                               })
                             }
-                            color="error">
+                            color="error"
+                            aria-label="Delete draft">
                             <DeleteForeverIcon />
                           </IconButton>
                         </Tooltip>
@@ -561,7 +586,7 @@ const ProjectsListPage: React.FC<IProjectsListProps> = (props) => {
                     </TableCell>
 
                     {!myProject ? (
-                      <TableCell padding="checkbox">
+                      <TableCell padding="checkbox" role="cell">
                         <Tooltip
                           title={
                             isItemSelected ? TableI18N.exportSelected : TableI18N.exportNotSelected
@@ -574,6 +599,7 @@ const ProjectsListPage: React.FC<IProjectsListProps> = (props) => {
                               'aria-labelledby': labelId
                             }}
                             onClick={(event) => handleClick(event, row.id)}
+                            aria-label={isItemSelected ? 'Deselect project' : 'Select project'}
                           />
                         </Tooltip>
                       </TableCell>
@@ -587,8 +613,9 @@ const ProjectsListPage: React.FC<IProjectsListProps> = (props) => {
                 <TableRow
                   style={{
                     height: (dense ? 33 : 53) * emptyRows
-                  }}>
-                  <TableCell colSpan={9} />
+                  }}
+                  role="row">
+                  <TableCell colSpan={9} role="cell" />
                 </TableRow>
               )}
             </TableBody>
@@ -599,6 +626,7 @@ const ProjectsListPage: React.FC<IProjectsListProps> = (props) => {
             sx={{ ml: '0.5rem' }}
             control={<Switch size="small" checked={dense} onChange={handleChangeDense} />}
             label={<Typography variant="caption">{TableI18N.densePadding}</Typography>}
+            aria-label="Toggle dense padding"
           />
           <TablePagination
             sx={{ backgroundColor: '#E9FBFF' }}
@@ -609,6 +637,7 @@ const ProjectsListPage: React.FC<IProjectsListProps> = (props) => {
             page={page}
             onPageChange={handleChangePage}
             onRowsPerPageChange={handleChangeRowsPerPage}
+            aria-label="Table pagination"
           />
         </Box>
       </Box>
@@ -619,7 +648,7 @@ const ProjectsListPage: React.FC<IProjectsListProps> = (props) => {
    * Displays project list.
    */
   return (
-    <Card>
+    <Card role="region" aria-labelledby="projects-table-header">
       <ProjectsTable />
     </Card>
   );
diff --git a/app/src/features/projects/participants/AddProjectParticipantsForm.tsx b/app/src/features/projects/participants/AddProjectParticipantsForm.tsx
index 62937174..d3a2b322 100644
--- a/app/src/features/projects/participants/AddProjectParticipantsForm.tsx
+++ b/app/src/features/projects/participants/AddProjectParticipantsForm.tsx
@@ -55,7 +55,7 @@ const AddProjectParticipantsForm: React.FC<AddProjectParticipantsFormProps> = (p
     useFormikContext<IAddProjectParticipantsForm>();
 
   return (
-    <form onSubmit={handleSubmit}>
+    <form onSubmit={handleSubmit} aria-label="Add Project Participants Form">
       <FieldArray
         name="participants"
         render={(arrayHelpers) => (
@@ -80,7 +80,8 @@ const AddProjectParticipantsForm: React.FC<AddProjectParticipantsFormProps> = (p
                               value: participant.userIdentifier,
                               error:
                                 userIdentifierMeta.touched && Boolean(userIdentifierMeta.error),
-                              helperText: userIdentifierMeta.touched && userIdentifierMeta.error
+                              helperText: userIdentifierMeta.touched && userIdentifierMeta.error,
+                              'aria-label': 'Username'
                             }}
                           />
                         </Box>
diff --git a/app/src/features/projects/participants/ProjectParticipantsHeader.tsx b/app/src/features/projects/participants/ProjectParticipantsHeader.tsx
index c89ce86a..d78170c7 100644
--- a/app/src/features/projects/participants/ProjectParticipantsHeader.tsx
+++ b/app/src/features/projects/participants/ProjectParticipantsHeader.tsx
@@ -114,7 +114,7 @@ const ProjectParticipantsHeader: React.FC<IProjectParticipantsHeaderProps> = (pr
               color="primary"
               variant="contained"
               data-testid="invite-project-users-button"
-              aria-label={'Add Team Members'}
+              aria-label="Add Team Members"
               startIcon={<Icon path={mdiPlus} size={1} />}
               onClick={() => setOpenAddParticipantsDialog(true)}>
               Add Team Members
@@ -124,9 +124,9 @@ const ProjectParticipantsHeader: React.FC<IProjectParticipantsHeaderProps> = (pr
       </Container>
 
       <EditDialog
-        dialogTitle={'Add Team Members'}
+        dialogTitle="Add Team Members"
         open={openAddParticipantsDialog}
-        dialogSaveButtonLabel={'Add'}
+        dialogSaveButtonLabel="Add"
         component={{
           element: (
             <AddProjectParticipantsForm
diff --git a/app/src/features/projects/participants/ProjectParticipantsPage.tsx b/app/src/features/projects/participants/ProjectParticipantsPage.tsx
index 337b2235..7f81a8fe 100644
--- a/app/src/features/projects/participants/ProjectParticipantsPage.tsx
+++ b/app/src/features/projects/participants/ProjectParticipantsPage.tsx
@@ -197,6 +197,7 @@ const ProjectParticipantsPage: React.FC = () => {
                   <IconButton
                     title="Remove Team Member"
                     data-testid={'remove-project-participant-button'}
+                    aria-label="Remove Team Member"
                     onClick={() =>
                       openYesNoDialog({
                         dialogTitle: ProjectParticipantsI18N.removeParticipantTitle,
@@ -246,7 +247,7 @@ const ProjectParticipantsPage: React.FC = () => {
   };
 
   if (!codes.isReady || !codes.data || !projectParticipants || !projectWithDetails) {
-    return <CircularProgress className="pageProgress" size={40} />;
+    return <CircularProgress className="pageProgress" size={40} aria-label="Loading" />;
   }
 
   return (
@@ -266,7 +267,7 @@ const ProjectParticipantsPage: React.FC = () => {
               </Typography>
             </Toolbar>
 
-            <Table sx={pageStyles.teamMembersTable}>
+            <Table sx={pageStyles.teamMembersTable} aria-label="Team Members Table">
               <TableHead>
                 <TableRow>
                   <TableCell>Username</TableCell>
@@ -392,7 +393,7 @@ const ChangeProjectRoleMenu: React.FC<IChangeProjectRoleMenuProps> = (props) =>
     <CustomMenuButton
       buttonLabel={currentProjectRoleName}
       buttonTitle={'Change Project Role'}
-      buttonProps={{ variant: 'text' }}
+      buttonProps={{ variant: 'text', 'aria-label': 'Change Project Role' }}
       menuItems={projectRoleCodes.map((roleCode) => {
         return {
           menuLabel: roleCode.name,
diff --git a/app/src/features/projects/view/ProjectAttachments.tsx b/app/src/features/projects/view/ProjectAttachments.tsx
index 4ac27a35..915bfe63 100644
--- a/app/src/features/projects/view/ProjectAttachments.tsx
+++ b/app/src/features/projects/view/ProjectAttachments.tsx
@@ -69,7 +69,8 @@ const ProjectAttachments: React.FC<IProjectAttachmentsProps> = (props) => {
               document means it will be published (publicly available). See the{' '}
               <Link
                 href="https://www2.gov.bc.ca/gov/content/governments/services-for-government/information-management-technology/privacy/personal-information"
-                color="primary">
+                color="primary"
+                aria-label="BC Government PI page">
                 BC Government PI
               </Link>{' '}
               page for more information.
diff --git a/app/src/features/projects/view/ProjectDetailsPage.tsx b/app/src/features/projects/view/ProjectDetailsPage.tsx
index ddc6ff7c..19c9f072 100644
--- a/app/src/features/projects/view/ProjectDetailsPage.tsx
+++ b/app/src/features/projects/view/ProjectDetailsPage.tsx
@@ -71,6 +71,7 @@ const ProjectDetailsPage: React.FC<IProjectDetailsProps> = (props) => {
           label="General Information"
           size="medium"
           data-testid="GeneralInfoTitle"
+          aria-label="General Information"
         />
         <GeneralInformation
           projectForViewData={projectForViewData}
@@ -85,6 +86,7 @@ const ProjectDetailsPage: React.FC<IProjectDetailsProps> = (props) => {
           label="Project Contacts"
           size="medium"
           data-testid="ContactsTitle"
+          aria-label="Project Contacts"
         />
         <ProjectRoleGuard
           validSystemRoles={[SYSTEM_ROLE.SYSTEM_ADMIN, SYSTEM_ROLE.MAINTAINER]}
@@ -103,6 +105,7 @@ const ProjectDetailsPage: React.FC<IProjectDetailsProps> = (props) => {
           label="Authorizations"
           size="medium"
           data-testid="AuthorizationsTitle"
+          aria-label="Authorizations"
         />
         <ProjectAuthorizations projectForViewData={projectForViewData} refresh={refresh} />
       </Box>
@@ -113,6 +116,7 @@ const ProjectDetailsPage: React.FC<IProjectDetailsProps> = (props) => {
           label="Funding Sources"
           size="medium"
           data-testid="FundingSourceTitle"
+          aria-label="Funding Sources"
         />
         <FundingSource projectForViewData={projectForViewData} />
       </Box>
@@ -123,6 +127,7 @@ const ProjectDetailsPage: React.FC<IProjectDetailsProps> = (props) => {
           label="Partnerships"
           size="medium"
           data-testid="PartnershipTitle"
+          aria-label="Partnerships"
         />
         <Partnerships projectForViewData={projectForViewData} refresh={refresh} />
       </Box>
diff --git a/app/src/features/projects/view/ViewProjectPage.tsx b/app/src/features/projects/view/ViewProjectPage.tsx
index 84e1a583..2e4c4df6 100644
--- a/app/src/features/projects/view/ViewProjectPage.tsx
+++ b/app/src/features/projects/view/ViewProjectPage.tsx
@@ -130,18 +130,28 @@ const ViewProjectPage: React.FC = () => {
       setIsLoadingProject(true);
     }
   }, [isLoadingProject, project, getProject, getAttachments]);
+
   if (!codes.isReady || !codes.data || !project) {
-    return <CircularProgress className="pageProgress" size={40} data-testid="loading_spinner" />;
+    return (
+      <CircularProgress
+        className="pageProgress"
+        size={40}
+        data-testid="loading_spinner"
+        aria-label="Loading"
+      />
+    );
   }
 
   return (
     <>
       <Card
         sx={{ backgroundColor: '#E9FBFF', marginBottom: '0.6rem', marginX: 3 }}
-        data-testid="view_project_page_component">
+        data-testid="view_project_page_component"
+        role="region"
+        aria-labelledby="view_project_page_header">
         <Box ml={1} mt={0.5} display="flex" justifyContent="space-between">
           <Box>
-            <Typography variant="h1">
+            <Typography variant="h1" id="view_project_page_header">
               <img src={ICONS.PROJECT_ICON} width="20" height="32" alt="Project" />{' '}
               {project.project.project_name}
             </Typography>
@@ -154,6 +164,8 @@ const ViewProjectPage: React.FC = () => {
                   size="small"
                   sx={getStatusStyle(project.project.state_code)}
                   label={getStateLabelFromCode(project.project.state_code)}
+                  role="status"
+                  aria-label={`Project status: ${getStateLabelFromCode(project.project.state_code)}`}
                 />
                 <InfoDialog isProject={true} infoContent={'workflow'} />
               </Box>
@@ -164,16 +176,30 @@ const ViewProjectPage: React.FC = () => {
               </Typography>
               <Box ml={1}>
                 {project.project.is_healing_land && (
-                  <Chip size="small" color={'default'} label={focus.HEALING_THE_LAND} />
+                  <Chip
+                    size="small"
+                    color={'default'}
+                    label={focus.HEALING_THE_LAND}
+                    role="status"
+                    aria-label="Focus: Healing the Land"
+                  />
                 )}
                 {project.project.is_healing_people && (
-                  <Chip size="small" color={'default'} label={focus.HEALING_THE_PEOPLE} />
+                  <Chip
+                    size="small"
+                    color={'default'}
+                    label={focus.HEALING_THE_PEOPLE}
+                    role="status"
+                    aria-label="Focus: Healing the People"
+                  />
                 )}
                 {project.project.is_land_initiative && (
                   <Chip
                     size="small"
                     color={'default'}
                     label={focus.LAND_BASED_RESTORATION_INITIATIVE}
+                    role="status"
+                    aria-label="Focus: Land Based Restoration Initiative"
                   />
                 )}
                 {project.project.is_cultural_initiative && (
@@ -181,6 +207,8 @@ const ViewProjectPage: React.FC = () => {
                     size="small"
                     color={'default'}
                     label={focus.CULTURAL_OR_COMMUNITY_INVESTMENT_INITIATIVE}
+                    role="status"
+                    aria-label="Focus: Cultural or Community Investment Initiative"
                   />
                 )}
               </Box>
diff --git a/app/src/features/projects/view/components/FundingSource.tsx b/app/src/features/projects/view/components/FundingSource.tsx
index 5fef5840..dc8cd242 100644
--- a/app/src/features/projects/view/components/FundingSource.tsx
+++ b/app/src/features/projects/view/components/FundingSource.tsx
@@ -1,4 +1,4 @@
-import { Chip, Divider, Tooltip } from '@mui/material';
+import { Chip, Tooltip } from '@mui/material';
 import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 import { DATE_FORMAT } from 'constants/dateTimeFormats';
@@ -17,7 +17,7 @@ export interface IProjectFundingProps {
 const fundSrcStyled = (fundSrc: string) => {
   return (
     <Tooltip title={fundSrc} disableHoverListener={fundSrc.length < 30}>
-      <Typography sx={fundingSrcStyles.fundLabel} aria-label={`${fundSrc}`}>
+      <Typography sx={fundingSrcStyles.fundLabel} aria-label={`Funding Source: ${fundSrc}`}>
         {fundSrc}
       </Typography>
     </Tooltip>
@@ -41,7 +41,11 @@ const FundingSource: React.FC<IProjectFundingProps> = (props) => {
       {hasFundingSources &&
         funding.fundingSources.map(
           (item: IGetProjectForViewResponseFundingSource, index: number) => (
-            <Box key={index} data-testid="funding_data">
+            <Box
+              key={index}
+              data-testid="funding_data"
+              role="listitem"
+              aria-label={`Funding Source ${index + 1}`}>
               <Chip
                 data-testid="funding_src_item"
                 size="small"
@@ -51,7 +55,7 @@ const FundingSource: React.FC<IProjectFundingProps> = (props) => {
               <Typography variant="body2" component="dt" color="textSecondary">
                 Amount:
               </Typography>
-              <Typography variant="body2" component="dd">
+              <Typography variant="body2" component="dd" aria-label="Funding Amount">
                 {/* When funding amount is -1 it means it is not for public view */}
                 {-1 !== item.funding_amount
                   ? getFormattedAmount(item.funding_amount)
@@ -60,7 +64,7 @@ const FundingSource: React.FC<IProjectFundingProps> = (props) => {
               <Typography variant="body2" component="dt" color="textSecondary">
                 Project ID:
               </Typography>
-              <Typography variant="body2" component="dd">
+              <Typography variant="body2" component="dd" aria-label="Funding Project ID">
                 {item.funding_project_id}
               </Typography>
               {item.description && (
@@ -68,7 +72,7 @@ const FundingSource: React.FC<IProjectFundingProps> = (props) => {
                   <Typography variant="body2" component="dt" color="textSecondary">
                     Description:
                   </Typography>
-                  <Typography variant="body2" component="dd">
+                  <Typography variant="body2" component="dd" aria-label="Funding Description">
                     {item.description}
                   </Typography>
                 </>
@@ -78,7 +82,7 @@ const FundingSource: React.FC<IProjectFundingProps> = (props) => {
                   <Typography variant="body2" component="dt" color="textSecondary">
                     Start Date:
                   </Typography>
-                  <Typography variant="body2" component="dd">
+                  <Typography variant="body2" component="dd" aria-label="Funding Start Date">
                     {item.start_date
                       ? getFormattedDate(DATE_FORMAT.ShortMediumDateFormat, item.start_date)
                       : '---'}
@@ -90,7 +94,7 @@ const FundingSource: React.FC<IProjectFundingProps> = (props) => {
                   <Typography variant="body2" component="dt" color="textSecondary">
                     End Date:
                   </Typography>
-                  <Typography variant="body2" component="dd">
+                  <Typography variant="body2" component="dd" aria-label="Funding End Date">
                     {item.end_date
                       ? getFormattedDate(DATE_FORMAT.ShortMediumDateFormat, item.end_date)
                       : '---'}
@@ -102,7 +106,11 @@ const FundingSource: React.FC<IProjectFundingProps> = (props) => {
         )}
 
       {!hasFundingSources && (
-        <Typography variant="body2" color="textSecondary" data-testid="no_funding_sources">
+        <Typography
+          variant="body2"
+          color="textSecondary"
+          data-testid="no_funding_sources"
+          aria-label="No Funding Sources">
           No Funding Sources
         </Typography>
       )}
diff --git a/app/src/features/projects/view/components/GeneralInformation.tsx b/app/src/features/projects/view/components/GeneralInformation.tsx
index e2f460b8..5e0a423c 100644
--- a/app/src/features/projects/view/components/GeneralInformation.tsx
+++ b/app/src/features/projects/view/components/GeneralInformation.tsx
@@ -25,62 +25,71 @@ const GeneralInformation: React.FC<IProjectGeneralInformationProps> = (props) =>
   const getRegionName = (regionNumber: number) => {
     const codeValue = props.codes.regions.find((code) => code.id === regionNumber);
     return (
-      <Typography variant="body2" component="dd" data-testid="project-region">
+      <Typography
+        variant="body2"
+        component="dd"
+        data-testid="project-region"
+        aria-label={`Region: ${codeValue?.name}`}>
         {codeValue?.name}
       </Typography>
     );
   };
 
   return (
-    <Box data-testid="general_info_component">
-      <Box>
-        <Typography variant="body2" component="dt" color="textSecondary">
-          Region:
+    <Box data-testid="general_info_component" aria-label="general_info_header">
+      <Typography component="dl">
+        <Typography variant="h6" id="general_info_header" sx={{ display: 'none' }}>
+          General Information
         </Typography>
-        {location.region ? getRegionName(location.region) : ''}
-      </Box>
+        <Box>
+          <Typography variant="body2" component="dt" color="textSecondary">
+            Region:
+          </Typography>
+          {location.region ? getRegionName(location.region) : ''}
+        </Box>
 
-      <Typography variant="body2" component="dt" color="textSecondary">
-        Brief Description:
-      </Typography>
-      <Typography variant="body2" component="dd">
-        {project.brief_desc}
-      </Typography>
+        <Typography variant="body2" component="dt" color="textSecondary">
+          Brief Description:
+        </Typography>
+        <Typography variant="body2" component="dd" aria-label="Brief Description">
+          {project.brief_desc}
+        </Typography>
 
-      <Typography variant="body2" component="dt" color="textSecondary">
-        Start Date:
-      </Typography>
-      <Typography variant="body2" component="dd">
-        {project.start_date
-          ? getFormattedDate(DATE_FORMAT.ShortMediumDateFormat, project.start_date)
-          : '---'}
-      </Typography>
+        <Typography variant="body2" component="dt" color="textSecondary">
+          Start Date:
+        </Typography>
+        <Typography variant="body2" component="dd" aria-label="Start Date">
+          {project.start_date
+            ? getFormattedDate(DATE_FORMAT.ShortMediumDateFormat, project.start_date)
+            : '---'}
+        </Typography>
 
-      <Typography variant="body2" component="dt" color="textSecondary">
-        End Date:
-      </Typography>
-      <Typography variant="body2" component="dd">
-        {project.end_date
-          ? getFormattedDate(DATE_FORMAT.ShortMediumDateFormat, project.end_date)
-          : '---'}
-      </Typography>
+        <Typography variant="body2" component="dt" color="textSecondary">
+          End Date:
+        </Typography>
+        <Typography variant="body2" component="dd" aria-label="End Date">
+          {project.end_date
+            ? getFormattedDate(DATE_FORMAT.ShortMediumDateFormat, project.end_date)
+            : '---'}
+        </Typography>
 
-      <Typography variant="body2" component="dt" color="textSecondary">
-        Actual Start Date:
-      </Typography>
-      <Typography variant="body2" component="dd">
-        {project.actual_start_date
-          ? getFormattedDate(DATE_FORMAT.ShortMediumDateFormat, project.actual_start_date)
-          : '---'}
-      </Typography>
+        <Typography variant="body2" component="dt" color="textSecondary">
+          Actual Start Date:
+        </Typography>
+        <Typography variant="body2" component="dd" aria-label="Actual Start Date">
+          {project.actual_start_date
+            ? getFormattedDate(DATE_FORMAT.ShortMediumDateFormat, project.actual_start_date)
+            : '---'}
+        </Typography>
 
-      <Typography variant="body2" component="dt" color="textSecondary">
-        Actual End Date:
-      </Typography>
-      <Typography variant="body2" component="dd">
-        {project.actual_end_date
-          ? getFormattedDate(DATE_FORMAT.ShortMediumDateFormat, project.actual_end_date)
-          : '---'}
+        <Typography variant="body2" component="dt" color="textSecondary">
+          Actual End Date:
+        </Typography>
+        <Typography variant="body2" component="dd" aria-label="Actual End Date">
+          {project.actual_end_date
+            ? getFormattedDate(DATE_FORMAT.ShortMediumDateFormat, project.actual_end_date)
+            : '---'}
+        </Typography>
       </Typography>
     </Box>
   );
diff --git a/app/src/features/projects/view/components/LocationBoundary.tsx b/app/src/features/projects/view/components/LocationBoundary.tsx
index 5939b9d1..a7ad6171 100644
--- a/app/src/features/projects/view/components/LocationBoundary.tsx
+++ b/app/src/features/projects/view/components/LocationBoundary.tsx
@@ -95,15 +95,22 @@ const LocationBoundary: React.FC<ILocationBoundaryProps> = (props) => {
   };
 
   return (
-    <Box width="100%" height="100%" data-testid="map_container" sx={pageStyles.mapContainer}>
+    <Box
+      width="100%"
+      height="100%"
+      data-testid="map_container"
+      sx={pageStyles.mapContainer}
+      role="region"
+      aria-label="Map Container">
       <MapContainer
         mapId="project_location_form_map"
         features={locationData.geometry}
         bounds={bounds}
         layerVisibility={layerVisibility}
         region={region}
+        aria-label="Project Location Map"
       />
-      <Box sx={pageStyles.layerSwitcherContainer}>
+      <Box sx={pageStyles.layerSwitcherContainer} role="region" aria-label="Layer Switcher">
         <LayerSwitcher layerVisibility={layerVisibility} open={false} hideProjects={true} />
       </Box>
     </Box>
diff --git a/app/src/features/projects/view/components/Objectives.tsx b/app/src/features/projects/view/components/Objectives.tsx
index 530cca43..923d952a 100644
--- a/app/src/features/projects/view/components/Objectives.tsx
+++ b/app/src/features/projects/view/components/Objectives.tsx
@@ -19,7 +19,10 @@ const Objectives: React.FC<IProjectObjectivesProps> = (props) => {
 
   return (
     <>
-      <Typography style={{ whiteSpace: 'pre-line' }} variant="body2">
+      <Typography
+        style={{ whiteSpace: 'pre-line' }}
+        variant="body2"
+        aria-label="Project Brief Description">
         {project.brief_desc}
       </Typography>
     </>
diff --git a/app/src/features/projects/view/components/Partnerships.tsx b/app/src/features/projects/view/components/Partnerships.tsx
index dee7270a..e4520736 100644
--- a/app/src/features/projects/view/components/Partnerships.tsx
+++ b/app/src/features/projects/view/components/Partnerships.tsx
@@ -29,18 +29,25 @@ const Partnerships: React.FC<IPartnershipsProps> = (props) => {
 
   if (!hasPartnerships) {
     return (
-      <Typography variant="body2" color="textSecondary" data-testid="no_partnerships_data">
+      <Typography
+        variant="body2"
+        color="textSecondary"
+        data-testid="no_partnerships_data"
+        aria-label="No Partnerships">
         No Partnerships
       </Typography>
     );
   }
 
   if (!codes) {
-    return <CircularProgress />;
+    return <CircularProgress aria-label="Loading codes" />;
   }
 
   return (
-    <Box py={2}>
+    <Box py={2} role="region" aria-labelledby="partnerships_header">
+      <Typography variant="h6" id="partnerships_header" sx={{ display: 'none' }}>
+        Partnerships
+      </Typography>
       {partnerships?.map((data, index: number) => {
         return (
           <Typography
@@ -53,7 +60,8 @@ const Partnerships: React.FC<IPartnershipsProps> = (props) => {
               '&::first-letter': {
                 textTransform: 'capitalize'
               }
-            }}>
+            }}
+            aria-label={`Partnership ${index + 1}: ${handleGetPartnershipTypeName(data.partnership_type, codes)}`}>
             <strong>{handleGetPartnershipTypeName(data.partnership_type, codes)}</strong>
             {'|'}
             <em>
diff --git a/app/src/features/projects/view/components/ProjectAuthorizations.tsx b/app/src/features/projects/view/components/ProjectAuthorizations.tsx
index b49c6e32..52196c0c 100644
--- a/app/src/features/projects/view/components/ProjectAuthorizations.tsx
+++ b/app/src/features/projects/view/components/ProjectAuthorizations.tsx
@@ -28,7 +28,7 @@ const ProjectAuthorizations: React.FC<IProjectAuthorizationsProps> = (props) =>
   const authTooltip = (authDesc: string, authType: string) => {
     return (
       <Tooltip title={authDesc} placement="left">
-        <Typography sx={utils.authStyles.authLabel} aria-label={`${authType}`}>
+        <Typography sx={utils.authStyles.authLabel} aria-label={`Authorization Type: ${authType}`}>
           {authType}
         </Typography>
       </Tooltip>
@@ -47,7 +47,7 @@ const ProjectAuthorizations: React.FC<IProjectAuthorizationsProps> = (props) =>
             },
             index
           ) => (
-            <Box key={index}>
+            <Box key={index} role="listitem" aria-label={`Authorization ${index + 1}`}>
               <Chip
                 deleteIcon={
                   <>
@@ -73,13 +73,17 @@ const ProjectAuthorizations: React.FC<IProjectAuthorizationsProps> = (props) =>
                     : utils.authStyles.pendingAuthChip
                 }
                 label={authTooltip(item.authorization_desc, item.authorization_type)}
+                aria-label={`Authorization ${index + 1}: ${item.authorization_type}`}
               />
             </Box>
           )
         )}
 
       {!hasAuthorizations && (
-        <Typography variant="body2" data-testid="no_authorization_loaded">
+        <Typography
+          variant="body2"
+          data-testid="no_authorization_loaded"
+          aria-label="No Authorizations">
           No Authorizations
         </Typography>
       )}
diff --git a/app/src/features/projects/view/components/ProjectConservationAreas.tsx b/app/src/features/projects/view/components/ProjectConservationAreas.tsx
index 5cbfed0c..316be363 100644
--- a/app/src/features/projects/view/components/ProjectConservationAreas.tsx
+++ b/app/src/features/projects/view/components/ProjectConservationAreas.tsx
@@ -27,7 +27,9 @@ export interface IProjectConservationAreasProps {
 
 const conservationAreaStyled = (conservationArea: string) => {
   return (
-    <Typography sx={pageStyles.conservationAreaLabel} aria-label={`${conservationArea}`}>
+    <Typography
+      sx={pageStyles.conservationAreaLabel}
+      aria-label={`Conservation Area: ${conservationArea}`}>
       {conservationArea}
     </Typography>
   );
@@ -56,12 +58,19 @@ const ProjectConservationAreas: React.FC<IProjectConservationAreasProps> = (prop
               size="small"
               sx={pageStyles.conservationAreaChip}
               label={conservationAreaStyled(item.conservationArea)}
+              role="listitem"
+              aria-label={`Conservation Area ${index + 1}: ${item.conservationArea}`}
             />
           )
         )}
 
       {!hasConservationAreas && (
-        <Chip label="No Conservation Areas" data-testid="no_conservationArea_loaded" />
+        <Chip
+          label="No Conservation Areas"
+          data-testid="no_conservationArea_loaded"
+          role="listitem"
+          aria-label="No Conservation Areas"
+        />
       )}
     </>
   );
diff --git a/app/src/features/projects/view/components/ProjectContact.tsx b/app/src/features/projects/view/components/ProjectContact.tsx
index 58afd000..90a709f4 100644
--- a/app/src/features/projects/view/components/ProjectContact.tsx
+++ b/app/src/features/projects/view/components/ProjectContact.tsx
@@ -31,9 +31,12 @@ const ProjectContact: React.FC<IProjectContactProps> = ({ projectForViewData })
       {hasContacts &&
         contact.contacts.map((contactDetails, index) => (
           <Box my={1} key={index}>
-            <Card sx={{ borderRadius: '10px' }} data-testid={'contact-card'}>
+            <Card
+              sx={{ borderRadius: '10px' }}
+              data-testid={'contact-card'}
+              aria-label={`Contact ${index + 1}: ${contactDetails.first_name} ${contactDetails.last_name}`}>
               <CardHeader
-                avatar={<Avatar aria-label="contact" />}
+                avatar={<Avatar />}
                 title={`${contactDetails.first_name} ${contactDetails.last_name}`}
                 subheader={
                   <Grid container>
@@ -46,7 +49,7 @@ const ProjectContact: React.FC<IProjectContactProps> = ({ projectForViewData })
                     <Grid item xs={6} textAlign={'center'}>
                       {contactDetails.is_primary === 'true' ? (
                         <Box>
-                          <Chip size="small" label="PRIMARY" />
+                          <Chip size="small" label="PRIMARY" aria-label="Primary Contact" />
                         </Box>
                       ) : (
                         <></>
@@ -66,7 +69,11 @@ const ProjectContact: React.FC<IProjectContactProps> = ({ projectForViewData })
         ))}
 
       {!hasContacts && (
-        <Typography variant="body2" color="textSecondary" data-testid="no_contacts">
+        <Typography
+          variant="body2"
+          color="textSecondary"
+          data-testid="no_contacts"
+          aria-label="No Contacts">
           No Contacts
         </Typography>
       )}
diff --git a/app/src/features/projects/view/components/ProjectDetails.tsx b/app/src/features/projects/view/components/ProjectDetails.tsx
index 66da584f..c79752be 100644
--- a/app/src/features/projects/view/components/ProjectDetails.tsx
+++ b/app/src/features/projects/view/components/ProjectDetails.tsx
@@ -40,7 +40,7 @@ const ProjectDetails: React.FC<IProjectDetails> = (props) => {
         <InfoContent isProject={true} contentIndex={ViewProjectI18N.detailsInfo} />
       </InfoDialogDraggable>
 
-      <Grid container spacing={2}>
+      <Grid container spacing={2} role="region" aria-labelledby="project_details_header">
         {
           // Project Image
           thumbnailImageUrl && (
diff --git a/app/src/features/projects/view/components/ProjectFocalSpecies.tsx b/app/src/features/projects/view/components/ProjectFocalSpecies.tsx
index d6037a48..9dd87413 100644
--- a/app/src/features/projects/view/components/ProjectFocalSpecies.tsx
+++ b/app/src/features/projects/view/components/ProjectFocalSpecies.tsx
@@ -52,8 +52,12 @@ const ProjectFocalSpecies: React.FC<IProjectFocusSpeciesProps> = (props) => {
   }, [species.focal_species]);
 
   return (
-    <Box mt={1}>
-      <Typography sx={{ fontWeight: 'bold' }} variant="subtitle2">
+    <Box mt={1} role="region" aria-labelledby="focal_species_header">
+      <Typography
+        sx={{ fontWeight: 'bold' }}
+        variant="subtitle2"
+        component="h3"
+        id="focal_species_header">
         Wildlife and/or fish species expected to benefit from project:
       </Typography>
       <Box display="flex" flexDirection={'column'} alignItems="left">
@@ -65,11 +69,16 @@ const ProjectFocalSpecies: React.FC<IProjectFocusSpeciesProps> = (props) => {
                 species={item}
                 index={index}
                 sx={pageStyles.itemChip}
+                aria-label={`Species ${index + 1}: ${item.common_name}`}
               />
             );
           })
         ) : (
-          <Chip label="No Assigned Species" data-testid="no_objective_loaded" />
+          <Chip
+            label="No Assigned Species"
+            data-testid="no_objective_loaded"
+            aria-label="No Assigned Species"
+          />
         )}
       </Box>
     </Box>
diff --git a/app/src/features/projects/view/components/ProjectObjectives.tsx b/app/src/features/projects/view/components/ProjectObjectives.tsx
index 29ddb151..178d6a2e 100644
--- a/app/src/features/projects/view/components/ProjectObjectives.tsx
+++ b/app/src/features/projects/view/components/ProjectObjectives.tsx
@@ -28,7 +28,7 @@ export interface IProjectObjectivesProps {
 const objectiveStyled = (objective: string) => {
   return (
     <Tooltip title={objective} disableHoverListener={objective.length < 130}>
-      <Typography sx={pageStyles.objectiveLabel} aria-label={`${objective}`}>
+      <Typography sx={pageStyles.objectiveLabel} aria-label={`Objective: ${objective}`}>
         &#x2022; {objective}
       </Typography>
     </Tooltip>
@@ -46,8 +46,12 @@ const ProjectObjectives: React.FC<IProjectObjectivesProps> = (props) => {
   } = props;
   const hasObjectives = objective.objectives && objective.objectives.length > 0;
   return (
-    <Box mt={1}>
-      <Typography sx={{ fontWeight: 'bold' }} variant="subtitle2">
+    <Box mt={1} role="region" aria-labelledby="project_objectives_header">
+      <Typography
+        sx={{ fontWeight: 'bold' }}
+        variant="subtitle2"
+        component="h2"
+        id="project_objectives_header">
         Project Objectives:
       </Typography>
       <Box display="flex" flexDirection={'column'} alignItems="left">
@@ -59,10 +63,17 @@ const ProjectObjectives: React.FC<IProjectObjectivesProps> = (props) => {
               size="small"
               sx={pageStyles.objectiveChip}
               label={objectiveStyled(item.objective)}
+              aria-label={`Objective ${index + 1}`}
             />
           ))}
 
-        {!hasObjectives && <Chip label="No Objectives" data-testid="no_objective_loaded" />}
+        {!hasObjectives && (
+          <Chip
+            label="No Objectives"
+            data-testid="no_objective_loaded"
+            aria-label="No Objectives"
+          />
+        )}
       </Box>
     </Box>
   );
diff --git a/app/src/features/search/SearchPage.tsx b/app/src/features/search/SearchPage.tsx
index d46080ef..7d924474 100644
--- a/app/src/features/search/SearchPage.tsx
+++ b/app/src/features/search/SearchPage.tsx
@@ -322,23 +322,31 @@ const SearchPage: React.FC = () => {
    * Displays search results visualized on a map spatially.
    */
   return (
-    <Box sx={{ height: '100%', position: 'relative' }}>
+    <Box
+      sx={{ height: '100%', position: 'relative' }}
+      role="region"
+      aria-label="Search Results Map">
       <MapContainer
         mapId="search_boundary_map"
         features={geometries}
         layerVisibility={layerVisibility}
         filterState={filterState}
-        centroids={true}>
-        <SideBar sidebarOpen={sidebarOpen}>
+        centroids={true}
+        aria-label="Search Boundary Map">
+        <SideBar sidebarOpen={sidebarOpen} aria-label="Sidebar">
           <LayerSwitcherInline
             layerVisibility={layerVisibility}
             legend={legend}
             filterState={filterState}
+            aria-label="Layer Switcher"
           />
         </SideBar>
 
         {/* button that opens and closes the sidebar */}
-        <IconButton onClick={() => setSidebarOpen(!sidebarOpen)} sx={sidebarButtonStyle}>
+        <IconButton
+          onClick={() => setSidebarOpen(!sidebarOpen)}
+          sx={sidebarButtonStyle}
+          aria-label={sidebarOpen ? 'Close Sidebar' : 'Open Sidebar'}>
           {sidebarOpen ? <ArrowBack /> : <LayersIcon />}
         </IconButton>
       </MapContainer>
diff --git a/app/src/features/user/MyPlans.tsx b/app/src/features/user/MyPlans.tsx
index a08195aa..58709e71 100644
--- a/app/src/features/user/MyPlans.tsx
+++ b/app/src/features/user/MyPlans.tsx
@@ -40,8 +40,10 @@ const MyPlans: React.FC<IPlansListProps> = (props) => {
         display="flex"
         alignItems="center"
         justifyContent="space-between"
-        data-testid="my_plan_header">
-        <Typography ml={1} variant="h1">
+        data-testid="my_plan_header"
+        role="region"
+        aria-labelledby="my-plans-header">
+        <Typography ml={1} variant="h1" id="my-plans-header">
           <img src={ICONS.PLAN_ICON} width="20" height="32" alt="Plan" /> My Plans
         </Typography>
         <Box my={1} mx={1}>
@@ -56,9 +58,10 @@ const MyPlans: React.FC<IPlansListProps> = (props) => {
                 sx={{ mr: '1rem' }}
                 variant="contained"
                 color="primary"
-                startIcon={<Icon path={mdiPlus} size={1} />}
+                startIcon={<Icon path={mdiPlus} size={1} aria-label="Create Plan Icon" />}
                 onClick={() => history('/admin/plans/create')}
-                data-testid="create-plan-button">
+                data-testid="create-plan-button"
+                aria-label="Create Plan">
                 Create Plan
               </Button>
             )}
@@ -68,11 +71,12 @@ const MyPlans: React.FC<IPlansListProps> = (props) => {
             variant="outlined"
             disableElevation
             data-testid="hide-plans-list-button"
-            aria-label={'hide plans'}
+            aria-label={isExpanded ? 'Collapse Plans' : 'Expand Plans'}
             startIcon={
               <Icon
                 path={isExpanded ? mdiArrowCollapseVertical : mdiArrowExpandVertical}
                 size={1}
+                aria-label={isExpanded ? 'Collapse Plans Icon' : 'Expand Plans Icon'}
               />
             }
             {...getToggleProps()}>
diff --git a/app/src/features/user/MyProjects.tsx b/app/src/features/user/MyProjects.tsx
index 498d6410..a7536216 100644
--- a/app/src/features/user/MyProjects.tsx
+++ b/app/src/features/user/MyProjects.tsx
@@ -32,8 +32,10 @@ const MyProjects: React.FC<IProjectsListProps> = (props) => {
         display="flex"
         alignItems="center"
         justifyContent="space-between"
-        data-testid="my_projects_header">
-        <Typography ml={1} variant="h1">
+        data-testid="my_projects_header"
+        role="region"
+        aria-labelledby="my-projects-header">
+        <Typography ml={1} variant="h1" id="my-projects-header">
           <img src={ICONS.PROJECT_ICON} width="20" height="32" alt="Project" /> My Projects
         </Typography>
         <Box my={1} mx={1}>
@@ -48,9 +50,10 @@ const MyProjects: React.FC<IProjectsListProps> = (props) => {
                 sx={{ mr: '1rem' }}
                 variant="contained"
                 color="primary"
-                startIcon={<Icon path={mdiPlus} size={1} />}
+                startIcon={<Icon path={mdiPlus} size={1} aria-label="Create Project Icon" />}
                 onClick={() => history('/admin/projects/create')}
-                data-testid="create-project-button">
+                data-testid="create-project-button"
+                aria-label="Create Project">
                 Create Project
               </Button>
             )}
@@ -61,11 +64,12 @@ const MyProjects: React.FC<IProjectsListProps> = (props) => {
             variant="outlined"
             disableElevation
             data-testid="hide-projects-list-button"
-            aria-label={'hide projects'}
+            aria-label={isExpanded ? 'Collapse Projects' : 'Expand Projects'}
             startIcon={
               <Icon
                 path={isExpanded ? mdiArrowCollapseVertical : mdiArrowExpandVertical}
                 size={1}
+                aria-label={isExpanded ? 'Collapse Projects Icon' : 'Expand Projects Icon'}
               />
             }
             {...getToggleProps()}>
diff --git a/app/src/layouts/AppLayout.tsx b/app/src/layouts/AppLayout.tsx
index f276f018..8a3ddaf4 100644
--- a/app/src/layouts/AppLayout.tsx
+++ b/app/src/layouts/AppLayout.tsx
@@ -29,14 +29,16 @@ const AppLayout = () => {
           sx={{
             color: 'primary.main',
             backgroundColor: '#fcba19'
-          }}>
+          }}
+          role="alert"
+          aria-live="assertive">
           This is an unsupported browser. Some functionality may not work as expected.
         </Alert>
       )}
 
       <Header />
 
-      <Box component="main" flex="1 1 auto" py={4} sx={{ padding: 0 }}>
+      <Box component="main" flex="1 1 auto" py={4} sx={{ padding: 0 }} role="main">
         <Outlet />
       </Box>