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