diff --git a/frontend/src/components/Dialog/FaceSearchDialog.tsx b/frontend/src/components/Dialog/FaceSearchDialog.tsx
index b61642ab1..f656e0362 100644
--- a/frontend/src/components/Dialog/FaceSearchDialog.tsx
+++ b/frontend/src/components/Dialog/FaceSearchDialog.tsx
@@ -75,6 +75,8 @@ export function FaceSearchDialog() {
           variant="ghost"
           size="icon"
           className="h-8 w-8 cursor-pointer p-1"
+          title="Face Detection Search"
+          aria-label="Face Detection Search"
         >
           <ScanFace className="h-4 w-4" />
           <span className="sr-only">Face Detection Search</span>
diff --git a/frontend/src/components/Media/ImageCard.tsx b/frontend/src/components/Media/ImageCard.tsx
index d971113a8..419eabd6e 100644
--- a/frontend/src/components/Media/ImageCard.tsx
+++ b/frontend/src/components/Media/ImageCard.tsx
@@ -78,6 +78,8 @@ export function ImageCard({
                 e.stopPropagation();
                 setIsFavorite(!isFavorite);
               }}
+              title={isFavorite ? 'Remove from favorites' : 'Add to favorites'}
+              aria-label="Add to Favorites"
             >
               <Heart
                 className={cn(
@@ -92,6 +94,8 @@ export function ImageCard({
               size="icon"
               className="cursor-pointer rounded-full bg-white/20 text-white hover:!bg-white/40 hover:!text-white"
               onClick={(e) => e.stopPropagation()}
+              title="Share"
+              aria-label="Share"
             >
               <Share2 className="h-5 w-5" />
               <span className="sr-only">Share</span>
diff --git a/frontend/src/components/Media/ZoomControls.tsx b/frontend/src/components/Media/ZoomControls.tsx
index 931943547..9a4eeafff 100644
--- a/frontend/src/components/Media/ZoomControls.tsx
+++ b/frontend/src/components/Media/ZoomControls.tsx
@@ -27,6 +27,7 @@ export const ZoomControls: React.FC<ZoomControlsProps> = ({
           onClick={onZoomOut}
           className="cursor-pointer rounded-md bg-white/10 p-2 text-white transition-all duration-200 hover:bg-white/20 hover:shadow-md"
           aria-label="Zoom Out"
+          title="Zoom Out"
         >
           <ZoomOut className="h-5 w-5" />
         </button>
@@ -34,6 +35,7 @@ export const ZoomControls: React.FC<ZoomControlsProps> = ({
         <button
           onClick={onReset}
           className="cursor-pointer rounded-md bg-white/10 px-3 py-2 text-sm font-medium text-white transition-all duration-200 hover:bg-white/20 hover:shadow-md"
+          aria-label="Reset"
         >
           Reset
         </button>
@@ -42,6 +44,7 @@ export const ZoomControls: React.FC<ZoomControlsProps> = ({
           onClick={onZoomIn}
           className="cursor-pointer rounded-md bg-white/10 p-2 text-white transition-all duration-200 hover:bg-white/20 hover:shadow-md"
           aria-label="Zoom In"
+          title="Zoom In"
         >
           <ZoomIn className="h-5 w-5" />
         </button>
@@ -50,6 +53,7 @@ export const ZoomControls: React.FC<ZoomControlsProps> = ({
           onClick={onRotate}
           className="cursor-pointer rounded-md bg-white/10 p-2 text-white transition-all duration-200 hover:bg-white/20 hover:shadow-md"
           aria-label="Rotate"
+          title="Rotate"
         >
           <RotateCw className="h-5 w-5" />
         </button>
diff --git a/frontend/src/components/Navigation/Navbar/Navbar.tsx b/frontend/src/components/Navigation/Navbar/Navbar.tsx
index 51fcb6a4c..0c370cfb5 100644
--- a/frontend/src/components/Navigation/Navbar/Navbar.tsx
+++ b/frontend/src/components/Navigation/Navbar/Navbar.tsx
@@ -41,6 +41,8 @@ export function Navbar() {
                 <button
                   onClick={() => dispatch(clearSearch())}
                   className="absolute -top-1 -right-1 flex h-3 w-3 items-center justify-center rounded-full bg-red-600 text-[10px] leading-none text-white"
+                  title="Close"
+                  aria-label="Close"
                 >
                   ✕
                 </button>
@@ -59,7 +61,11 @@ export function Navbar() {
 
           <FaceSearchDialog />
 
-          <button className="text-muted-foreground hover:bg-accent dark:hover:bg-accent/50 hover:text-foreground mx-1 cursor-pointer rounded-sm p-2">
+          <button
+            className="text-muted-foreground hover:bg-accent dark:hover:bg-accent/50 hover:text-foreground mx-1 cursor-pointer rounded-sm p-2"
+            title="Search"
+            aria-label="Search"
+          >
             <Search className="h-4 w-4" />
           </button>
         </div>
diff --git a/frontend/src/components/ThemeToggle.tsx b/frontend/src/components/ThemeToggle.tsx
index 842e05e09..a21d592ee 100644
--- a/frontend/src/components/ThemeToggle.tsx
+++ b/frontend/src/components/ThemeToggle.tsx
@@ -15,7 +15,13 @@ export function ThemeSelector() {
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
-        <Button className="cursor-pointer" variant="outline" size="icon">
+        <Button
+          className="cursor-pointer"
+          variant="outline"
+          size="icon"
+          title="Themes"
+          aria-label="themes"
+        >
           <Sun className="h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" />
           <Moon className="absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" />
           <span className="sr-only">Toggle theme</span>
diff --git a/frontend/src/components/ui/dialog.tsx b/frontend/src/components/ui/dialog.tsx
index c5744f166..86011b615 100644
--- a/frontend/src/components/ui/dialog.tsx
+++ b/frontend/src/components/ui/dialog.tsx
@@ -68,6 +68,8 @@ function DialogContent({
           <DialogPrimitive.Close
             data-slot="dialog-close"
             className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+            title="Close"
+            aria-label="Close"
           >
             <XIcon />
             <span className="sr-only">Close</span>