Accessibility features (#14518)

* Add screen reader aria labels to buttons and menu items

* Fix sub_label score in search detail dialog

web/src/components/overlay/dialog/FrigatePlusDialog.tsx

@@ -131,9 +131,14 @@ export function FrigatePlusDialog({
         <DialogFooter className="flex flex-row justify-end gap-2">
           {state == "reviewing" && (
             <>
-              {dialog && <Button onClick={onClose}>Cancel</Button>}
+              {dialog && (
+                <Button aria-label="Cancel" onClick={onClose}>
+                  Cancel
+                </Button>
+              )}
               <Button
                 className="bg-success"
+                aria-label="Confirm this label for Frigate Plus"
                 onClick={() => {
                   setState("uploading");
                   onSubmitToPlus(false);
@@ -143,6 +148,7 @@ export function FrigatePlusDialog({
               </Button>
               <Button
                 className="text-white"
+                aria-label="Do not confirm this label for Frigate Plus"
                 variant="destructive"
                 onClick={() => {
                   setState("uploading");

web/src/components/overlay/dialog/SearchFilterDialog.tsx

@@ -76,6 +76,7 @@ export default function SearchFilterDialog({
   const trigger = (
     <Button
       className="flex items-center gap-2"
+      aria-label="More Filters"
       size="sm"
       variant={moreFiltersSelected ? "select" : "default"}
     >
@@ -141,6 +142,7 @@ export default function SearchFilterDialog({
       <div className="flex items-center justify-evenly p-2">
         <Button
           variant="select"
+          aria-label="Apply"
           onClick={() => {
             if (currentFilter != filter) {
               onUpdateFilter(currentFilter);
@@ -152,6 +154,7 @@ export default function SearchFilterDialog({
           Apply
         </Button>
         <Button
+          aria-label="Reset filters to default values"
           onClick={() => {
             setCurrentFilter((prevFilter) => ({
               ...prevFilter,
@@ -256,6 +259,7 @@ function TimeRangeFilterContent({
           <PopoverTrigger asChild>
             <Button
               className={`text-primary ${isDesktop ? "" : "text-xs"} `}
+              aria-label="Select Start Time"
               variant={startOpen ? "select" : "default"}
               size="sm"
               onClick={() => {
@@ -293,6 +297,7 @@ function TimeRangeFilterContent({
           <PopoverTrigger asChild>
             <Button
               className={`text-primary ${isDesktop ? "" : "text-xs"}`}
+              aria-label="Select End Time"
               variant={endOpen ? "select" : "default"}
               size="sm"
               onClick={() => {