Accessibility features (#14518)

* Add screen reader aria labels to buttons and menu items

* Fix sub_label score in search detail dialog

web/src/pages/ConfigEditor.tsx

@@ -192,6 +192,7 @@ function ConfigEditor() {
             <Button
               size="sm"
               className="flex items-center gap-2"
+              aria-label="Copy config"
               onClick={() => handleCopyConfig()}
             >
               <LuCopy className="text-secondary-foreground" />
@@ -200,6 +201,7 @@ function ConfigEditor() {
             <Button
               size="sm"
               className="flex items-center gap-2"
+              aria-label="Save and restart"
               onClick={() => onHandleSaveConfig("restart")}
             >
               <div className="relative size-5">
@@ -211,6 +213,7 @@ function ConfigEditor() {
             <Button
               size="sm"
               className="flex items-center gap-2"
+              aria-label="Save only without restarting"
               onClick={() => onHandleSaveConfig("saveonly")}
             >
               <LuSave className="text-secondary-foreground" />

web/src/pages/Exports.tsx

@@ -125,6 +125,7 @@ function Exports() {
             <AlertDialogCancel>Cancel</AlertDialogCancel>
             <Button
               className="text-white"
+              aria-label="Delete Export"
               variant="destructive"
               onClick={() => onHandleDelete()}
             >

web/src/pages/Logs.tsx

@@ -339,6 +339,7 @@ function Logs() {
         <div className="flex items-center gap-2">
           <Button
             className="flex items-center justify-between gap-2"
+            aria-label="Copy logs to clipboard"
             size="sm"
             onClick={handleCopyLogs}
           >
@@ -349,6 +350,7 @@ function Logs() {
           </Button>
           <Button
             className="flex items-center justify-between gap-2"
+            aria-label="Download logs"
             size="sm"
             onClick={handleDownloadLogs}
           >
@@ -365,6 +367,7 @@ function Logs() {
       {initialScroll && !endVisible && (
         <Button
           className="absolute bottom-8 left-[50%] z-20 flex -translate-x-[50%] items-center gap-1 rounded-md p-2"
+          aria-label="Jump to bottom of logs"
           onClick={() =>
             contentRef.current?.scrollTo({
               top: contentRef.current?.scrollHeight,

web/src/pages/Settings.tsx

@@ -252,6 +252,7 @@ function CameraSelectButton({
   const trigger = (
     <Button
       className="flex items-center gap-2 bg-selected capitalize hover:bg-selected"
+      aria-label="Select a camera"
       size="sm"
     >
       <FaVideo className="text-background dark:text-primary" />