diff --git a/app/lish/[did]/[publication]/[rkey]/Interactions/Interactions.tsx b/app/lish/[did]/[publication]/[rkey]/Interactions/Interactions.tsx
index 36713943..a89f07ec 100644
--- a/app/lish/[did]/[publication]/[rkey]/Interactions/Interactions.tsx
+++ b/app/lish/[did]/[publication]/[rkey]/Interactions/Interactions.tsx
@@ -329,8 +329,11 @@ const TagPopover = (props: {
     <Popover
       className="p-2! max-w-xs"
       trigger={
-        <div className="tags flex gap-1 items-center ">
-          <TagTiny /> {props.tagCount}
+        <div
+          className="tags flex gap-1 items-center"
+          aria-label={`${props.tagCount} tag${props.tagCount === 1 ? "" : "s"}`}
+        >
+          <TagTiny aria-hidden /> {props.tagCount}
         </div>
       }
     >
@@ -342,7 +345,7 @@ const TagPopover = (props: {
 const TagList = (props: { className?: string; tags: string[] | undefined }) => {
   if (!props.tags) return;
   return (
-    <div className="flex gap-1 flex-wrap">
+    <div className="flex gap-1 flex-wrap" role="list" aria-label="Tags">
       {props.tags.map((tag, index) => (
         <Tag name={tag} key={index} className={props.className} />
       ))}
diff --git a/components/InteractionsPreview.tsx b/components/InteractionsPreview.tsx
index 799c8663..af5d1d92 100644
--- a/components/InteractionsPreview.tsx
+++ b/components/InteractionsPreview.tsx
@@ -101,8 +101,11 @@ export const TagPopover = (props: { tags: string[] }) => {
     <Popover
       className="p-2! max-w-xs"
       trigger={
-        <div className="relative flex gap-1 items-center hover:text-accent-contrast">
-          <TagTiny /> {props.tags.length}
+        <div
+          className="relative flex gap-1 items-center hover:text-accent-contrast"
+          aria-label={`${props.tags.length} tag${props.tags.length === 1 ? "" : "s"}`}
+        >
+          <TagTiny aria-hidden /> {props.tags.length}
         </div>
       }
     >
@@ -113,7 +116,7 @@ export const TagPopover = (props: { tags: string[] }) => {
 
 const TagList = (props: { tags: string[]; className?: string }) => {
   return (
-    <div className="flex gap-1 flex-wrap">
+    <div className="flex gap-1 flex-wrap" role="list" aria-label="Tags">
       {props.tags.map((tag, index) => (
         <Tag name={tag} key={index} className={props.className} />
       ))}
diff --git a/components/Tags.tsx b/components/Tags.tsx
index a5af994b..bd6ec822 100644
--- a/components/Tags.tsx
+++ b/components/Tags.tsx
@@ -20,6 +20,7 @@ export const Tag = (props: {
       <Link
         href={`https://leaflet.pub/tag/${encodeURIComponent(props.name)}`}
         className={`px-1 py-0.5 hover:no-underline! ${props.selected ? "text-accent-2" : "text-tertiary"}`}
+        aria-label={`Tag: ${props.name}`}
       >
         {props.name}{" "}
       </Link>