diff --git a/app/javascript/flavours/glitch/features/collections/components/collection_list_item.tsx b/app/javascript/flavours/glitch/features/collections/components/collection_list_item.tsx
index 1f2601cb28..724cb629a5 100644
--- a/app/javascript/flavours/glitch/features/collections/components/collection_list_item.tsx
+++ b/app/javascript/flavours/glitch/features/collections/components/collection_list_item.tsx
@@ -27,14 +27,14 @@ export const CollectionListItem: React.FC<CollectionListItemProps> = ({
   ...otherProps
 }) => {
   const uniqueId = useId();
-  const linkId = `${uniqueId}-link`;
-  const infoId = `${uniqueId}-info`;
+  const titleId = `${uniqueId}-title`;
+  const subtitleId = `${uniqueId}-info`;
 
   return (
     <Article
       focusable
-      aria-labelledby={linkId}
-      aria-describedby={infoId}
+      aria-labelledby={titleId}
+      aria-describedby={subtitleId}
       aria-posinset={positionInList}
       aria-setsize={listSize}
     >
@@ -52,6 +52,8 @@ export const CollectionListItem: React.FC<CollectionListItemProps> = ({
             className={classes.menuButton}
           />
         }
+        titleId={titleId}
+        subtitleId={subtitleId}
         {...otherProps}
       />
     </Article>
diff --git a/app/javascript/flavours/glitch/features/collections/components/collection_lockup.tsx b/app/javascript/flavours/glitch/features/collections/components/collection_lockup.tsx
index cdd3421504..6dbc657ade 100644
--- a/app/javascript/flavours/glitch/features/collections/components/collection_lockup.tsx
+++ b/app/javascript/flavours/glitch/features/collections/components/collection_lockup.tsx
@@ -51,6 +51,8 @@ export interface CollectionLockupProps {
   sideContent?: React.ReactNode;
   className?: string;
   headingLevel?: 'h2' | 'h3' | 'h4';
+  titleId?: string;
+  subtitleId?: string;
 }
 
 export const CollectionLockup: React.FC<CollectionLockupProps> = ({
@@ -59,6 +61,8 @@ export const CollectionLockup: React.FC<CollectionLockupProps> = ({
   withTimestamp,
   sideContent,
   headingLevel = 'h3',
+  titleId,
+  subtitleId,
   className,
 }) => {
   const { id, name } = collection;
@@ -77,6 +81,7 @@ export const CollectionLockup: React.FC<CollectionLockupProps> = ({
       <ListItemLink
         as={headingLevel}
         to={getCollectionPath(id)}
+        id={titleId}
         subtitle={
           <CollectionInfo
             collection={collection}
@@ -84,6 +89,7 @@ export const CollectionLockup: React.FC<CollectionLockupProps> = ({
             withTimestamp={withTimestamp}
           />
         }
+        subtitleId={subtitleId}
       >
         {name}
       </ListItemLink>