From 5a2e25033702b19dafed4df0f848540e42b568c1 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 2 Nov 2025 02:42:45 +0000
Subject: [PATCH] Fix PhotoModal accessibility and audit log RLS

---
 src/components/moderation/PhotoModal.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/moderation/PhotoModal.tsx b/src/components/moderation/PhotoModal.tsx
index 5a5ee770..06de1c7a 100644
--- a/src/components/moderation/PhotoModal.tsx
+++ b/src/components/moderation/PhotoModal.tsx
@@ -1,6 +1,7 @@
 import { useState, useEffect, useRef } from 'react';
 import { X, ChevronLeft, ChevronRight } from 'lucide-react';
-import { Dialog, DialogContent } from '@/components/ui/dialog';
+import { Dialog, DialogContent, DialogTitle } from '@/components/ui/dialog';
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { Button } from '@/components/ui/button';
 import { useIsMobile } from '@/hooks/use-mobile';
 
@@ -83,9 +84,12 @@ export function PhotoModal({ photos, initialIndex, isOpen, onClose }: PhotoModal
 
   return (
     <Dialog open={isOpen} onOpenChange={onClose}>
-      <DialogContent className={`max-w-7xl w-full p-0 [&>button]:hidden ${isMobile ? 'max-h-screen h-screen' : 'max-h-[90vh]'}`}>
+      <DialogContent className={`max-w-7xl w-full p-0 [&>button]:hidden ${isMobile ? 'max-h-screen h-screen' : 'max-h-[90vh]'}`} aria-describedby={undefined}>
+        <VisuallyHidden>
+          <DialogTitle>Photo Viewer</DialogTitle>
+        </VisuallyHidden>
         <div 
-          className="relative bg-black rounded-lg overflow-hidden touch-none" 
+          className="relative bg-black rounded-lg overflow-hidden touch-none"
           onKeyDown={handleKeyDown} 
           onTouchStart={onTouchStart}
           onTouchMove={onTouchMove}