diff --git a/src/components/Navigation.jsx b/src/components/Navigation.jsx
index a010d69..510c64b 100644
--- a/src/components/Navigation.jsx
+++ b/src/components/Navigation.jsx
@@ -81,6 +81,8 @@ const Navigation = () => {
             exit={{ x: -320 }}
             transition={{ type: 'spring', damping: 30, stiffness: 300 }}
             className="fixed left-0 top-0 h-full w-64 bg-white shadow-xl z-40 lg:z-auto"
+            role="navigation"
+            aria-label="Primary"
           >
             <div className="p-6 border-b border-gray-200">
               <div className="flex items-center space-x-3">
diff --git a/src/components/NotificationList.jsx b/src/components/NotificationList.jsx
index f6c75e1..81c3b9c 100644
--- a/src/components/NotificationList.jsx
+++ b/src/components/NotificationList.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { motion, AnimatePresence } from 'framer-motion';
+import { AnimatePresence, motion as Motion } from 'framer-motion';
 import { useNotification } from '../context/NotificationContext';
 import { formatTime, formatDate } from '../utils/format';
 
@@ -41,10 +41,10 @@ const NotificationList = () => {
         )}
       </div>
 
-      <div className="space-y-3 max-h-96 overflow-y-auto">
+      <div className="space-y-3 max-h-96 overflow-y-auto" aria-live="polite">
         <AnimatePresence>
           {notifications.map((notification, index) => (
-            <motion.div
+            <Motion.div
               key={notification.id}
               initial={{ opacity: 0, x: -20 }}
               animate={{ opacity: 1, x: 0 }}
@@ -74,7 +74,7 @@ const NotificationList = () => {
                   ✕
                 </button>
               </div>
-            </motion.div>
+            </Motion.div>
           ))}
         </AnimatePresence>