diff --git a/components/AccountCell/index.tsx b/components/AccountCell/index.tsx index 43f86c15..7b725a16 100644 --- a/components/AccountCell/index.tsx +++ b/components/AccountCell/index.tsx @@ -49,6 +49,9 @@ const Index = ({ active, address }) => { borderColor: "$neutral5", }} src={identity.avatar} + alt={ + identity?.name ? `${identity.name} avatar` : `${address} avatar` + } /> ) : ( ) : ( { transition: "opacity 150ms ease", }} src={avatarSrc} + alt={`${address} avatar`} onLoad={() => setImageLoaded(true)} onError={() => setHasAvatarError(true)} /> diff --git a/components/Logo/index.tsx b/components/Logo/index.tsx index 67e8d53e..b1165dd8 100644 --- a/components/Logo/index.tsx +++ b/components/Logo/index.tsx @@ -57,7 +57,7 @@ const LivepeerLogo = ({ isDark, isLink = true }: Props) => { if (!isLink) return markup; return ( - {markup} + {markup} ); }; diff --git a/components/Profile/index.tsx b/components/Profile/index.tsx index be84d78f..650e45c2 100644 --- a/components/Profile/index.tsx +++ b/components/Profile/index.tsx @@ -78,6 +78,9 @@ const Index = ({ account, isMyAccount = false, identity }: Props) => { height: "100%", }} src={identity.avatar} + alt={ + identity?.name ? `${identity.name} avatar` : `${account} avatar` + } /> ) : ( { href={identity.url} target="__blank" rel="noopener noreferrer" + aria-label={`Visit ${identity.url.replace(/(^\w+:|^)\/\//, "")}`} > - + @@ -242,12 +246,13 @@ const Index = ({ account, isMyAccount = false, identity }: Props) => { href={`https://twitter.com/${identity.twitter}`} target="__blank" rel="noopener noreferrer" + aria-label={`View ${identity.twitter} on Twitter`} > - +