add alt tags to emojis

src/components/embed-types/emoji.tsx

@@ -17,6 +17,7 @@ export function embedEmoji(content: EmbedableContent, note: NostrEvent | DraftNo
             display="inline-block"
             verticalAlign="middle"
             title={match[1]}
+            alt={match[1]}
           />
         );
       }

src/views/emoji-packs/emoji-pack.tsx

@@ -73,7 +73,18 @@ function AddEmojiForm({ onAdd }: { onAdd: (values: { name: string; url: string }
 function EmojiTag({ name, url, onRemove, scale }: { name: string; url: string; onRemove?: () => void; scale: number }) {
   return (
     <Tag>
-      <Image key={name + url} src={url} title={name} w={scale} h={scale} ml="-1" mr="2" my="1" borderRadius="md" />
+      <Image
+        key={name + url}
+        src={url}
+        title={name}
+        alt={`:${name}:`}
+        w={scale}
+        h={scale}
+        ml="-1"
+        mr="2"
+        my="1"
+        borderRadius="md"
+      />
       <TagLabel flex={1}>{name}</TagLabel>
       {onRemove && <TagCloseButton onClick={onRemove} />}
     </Tag>