diff --git a/src/components/AISongModal.tsx b/src/components/AISongModal.tsx
index 1b5b26f..10b81a1 100644
--- a/src/components/AISongModal.tsx
+++ b/src/components/AISongModal.tsx
@@ -926,6 +926,7 @@ export function AISongModal({ isOpen, onClose, onImport, onShowToast, audioEngin
@@ -935,6 +936,7 @@ export function AISongModal({ isOpen, onClose, onImport, onShowToast, audioEngin
@@ -1044,6 +1046,7 @@ export function AISongModal({ isOpen, onClose, onImport, onShowToast, audioEngin
@@ -1258,6 +1261,7 @@ export function AISongModal({ isOpen, onClose, onImport, onShowToast, audioEngin
className="px-4 py-2 bg-emerald-600 hover:bg-emerald-500 text-white text-sm font-medium rounded transition-all flex items-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed"
onClick={() => onShowToast('Audio preview coming soon!', 'info')}
disabled
+ aria-label="Play Preview (Coming Soon)"
>
â–¶ Play Preview
@@ -1345,6 +1349,7 @@ export function AISongModal({ isOpen, onClose, onImport, onShowToast, audioEngin
onClick={handleClose}
disabled={isImporting}
className="px-3 sm:px-4 py-2 bg-gray-800 hover:bg-gray-700 text-gray-300 text-xs font-medium rounded transition-all disabled:opacity-50"
+ aria-label="Cancel Import"
>
Cancel
✕
@@ -1359,6 +1364,7 @@ export function AISongModal({ isOpen, onClose, onImport, onShowToast, audioEngin
? 'bg-emerald-600 hover:bg-emerald-500 text-white shadow-[0_0_20px_rgba(16,185,129,0.3)] hover:shadow-[0_0_30px_rgba(16,185,129,0.5)]'
: 'bg-gray-700 text-gray-500'
}`}
+ aria-label="Import AI Song"
>
{isImporting ? (
<>
diff --git a/src/components/RbsImportModal.tsx b/src/components/RbsImportModal.tsx
index 5a4311f..781daea 100644
--- a/src/components/RbsImportModal.tsx
+++ b/src/components/RbsImportModal.tsx
@@ -448,6 +448,7 @@ export function RbsImportModal({ isOpen, onClose, onImport, onShowToast }: RbsIm
onClick={() => fileInputRef.current?.click()}
className="mt-2 px-4 py-2 bg-gray-800 hover:bg-gray-700 text-gray-300 text-xs rounded transition-all"
disabled={isParsing}
+ aria-label="Browse Files to Import"
>
Browse Files
@@ -838,6 +839,7 @@ export function RbsImportModal({ isOpen, onClose, onImport, onShowToast }: RbsIm
onClick={onClose}
disabled={isImporting}
className="px-4 py-2 bg-gray-800 hover:bg-gray-700 text-gray-300 text-xs font-medium rounded transition-all disabled:opacity-50"
+ aria-label="Cancel Import"
>
Cancel