From 754996bff3596c7fa1d45bc5bb8b84d10a4bcbe5 Mon Sep 17 00:00:00 2001
From: Ky Lee <132851666+kyhyco@users.noreply.github.com>
Date: Thu, 13 Jun 2024 18:49:36 -0700
Subject: [PATCH] fix: identity components lint errors (#555)

---
 .changeset/proud-buttons-flash.md  | 5 +++++
 src/identity/components/Avatar.tsx | 5 +++++
 src/identity/components/Badge.tsx  | 2 ++
 3 files changed, 12 insertions(+)
 create mode 100644 .changeset/proud-buttons-flash.md

diff --git a/.changeset/proud-buttons-flash.md b/.changeset/proud-buttons-flash.md
new file mode 100644
index 0000000000..8c43aeeca3
--- /dev/null
+++ b/.changeset/proud-buttons-flash.md
@@ -0,0 +1,5 @@
+---
+"@coinbase/onchainkit": patch
+---
+
+- **fix**: fix identity components lint errors. By @kyhyco #555
diff --git a/src/identity/components/Avatar.tsx b/src/identity/components/Avatar.tsx
index 34b40c7e8e..339c0dbc23 100644
--- a/src/identity/components/Avatar.tsx
+++ b/src/identity/components/Avatar.tsx
@@ -32,6 +32,8 @@ export function Avatar({
     return (
       loadingComponent || (
         <svg
+          role="img"
+          aria-label="ock-avatar-loading-image"
           data-testid="ockAvatarLoadingSvg"
           width="32"
           height="32"
@@ -66,6 +68,8 @@ export function Avatar({
       <WithAvatarBadge showAttestation={showAttestation} address={address}>
         {defaultComponent || (
           <svg
+            role="img"
+            aria-label="ock-avatar-default-svg"
             data-testid="ockAvatarDefaultSvg"
             xmlns="http://www.w3.org/2000/svg"
             height="32"
@@ -80,6 +84,7 @@ export function Avatar({
 
   return (
     <WithAvatarBadge showAttestation={showAttestation} address={address}>
+      {/* biome-ignore lint: alt gets assigned */}
       <img
         className={cn('rounded-full', className)}
         loading="lazy"
diff --git a/src/identity/components/Badge.tsx b/src/identity/components/Badge.tsx
index d057381374..7dfcd68783 100644
--- a/src/identity/components/Badge.tsx
+++ b/src/identity/components/Badge.tsx
@@ -23,6 +23,8 @@ export function Badge({
       }}
     >
       <svg
+        role="img"
+        aria-label="ock-attestation-icon"
         width="12"
         height="12"
         viewBox="0 0 12 12"