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+:|^)\/\//, "")}`}
>
-
+
{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`}
>
-
+
{
href={`https://github.com/${identity.github}`}
target="__blank"
rel="noopener noreferrer"
+ aria-label={`View ${identity.github} on GitHub`}
>
-
+
{
@@ -859,6 +860,12 @@ const ContractAddressesPopover = ({ activeChain }: { activeChain?: Chain }) => {
marginBottom: "$1",
}}
target="_blank"
+ rel="noopener noreferrer"
+ aria-label={`View ${
+ contractAddresses?.[
+ key as keyof typeof contractAddresses
+ ]?.name ?? "contract"
+ } on block explorer`}
href={
contractAddresses?.[
key as keyof typeof contractAddresses
@@ -900,7 +907,11 @@ const ContractAddressesPopover = ({ activeChain }: { activeChain?: Chain }) => {
passHref
href="https://docs.livepeer.org/references/contract-addresses"
>
-
+
{
height: 15,
}}
as={ArrowTopRightIcon}
+ aria-hidden="true"
/>
diff --git a/pages/migrate/broadcaster.tsx b/pages/migrate/broadcaster.tsx
index 7f266a12..8324440e 100644
--- a/pages/migrate/broadcaster.tsx
+++ b/pages/migrate/broadcaster.tsx
@@ -740,7 +740,7 @@ const MigrateBroadcaster = () => {
{state.image && (
-
+
)}
diff --git a/pages/migrate/delegator/index.tsx b/pages/migrate/delegator/index.tsx
index a24817a9..24835713 100644
--- a/pages/migrate/delegator/index.tsx
+++ b/pages/migrate/delegator/index.tsx
@@ -734,7 +734,7 @@ const MigrateUndelegatedStake = () => {
{state.image && (
-
+
)}
diff --git a/pages/migrate/orchestrator.tsx b/pages/migrate/orchestrator.tsx
index 629c8d6d..f3a8de03 100644
--- a/pages/migrate/orchestrator.tsx
+++ b/pages/migrate/orchestrator.tsx
@@ -711,7 +711,7 @@ const MigrateOrchestrator = () => {
{state.image && (
-
+
)}