usability

kris6673 · Mar 3, 2025 · eca425f · eca425f
1 parent e687383
commit eca425f
Showing 1 changed file with 13 additions and 8 deletions.
diff --git a/src/components/CippComponents/CippCentralSearch.jsx b/src/components/CippComponents/CippCentralSearch.jsx
@@ -9,6 +9,7 @@ import {
   Grid,
   Card,
   CardContent,
+  CardActionArea,
   Typography,
   Box,
 } from "@mui/material";
@@ -107,15 +108,19 @@ export const CippCentralSearch = ({ handleClose, open }) => {
                   <Grid item xs={12} sm={12} md={12} key={index}>
                     <Card
                       variant="outlined"
-                      sx={{ height: "100%", cursor: "pointer" }}
-                      onClick={() => handleCardClick(item.path)}
+                      sx={{ height: "100%" }}
                     >
-                      <CardContent>
-                        <Typography variant="h6">{highlightMatch(item.title)}</Typography>
-                        <Typography variant="body2" color="textSecondary">
-                          Path: {highlightMatch(item.path)}
-                        </Typography>
-                      </CardContent>
+                      <CardActionArea
+                        onClick={() => handleCardClick(item.path)}
+                        aria-label={`Navigate to ${item.title}`}
+                      >
+                        <CardContent>
+                          <Typography variant="h6">{highlightMatch(item.title)}</Typography>
+                          <Typography variant="body2" color="textSecondary">
+                            Path: {highlightMatch(item.path)}
+                          </Typography>
+                        </CardContent>
+                      </CardActionArea>
                     </Card>
                   </Grid>
                 ))}