Add accessible label to the in-call logo mark

2023-09-13 16:17:37 -04:00
parent 1f95ec7a0c
commit 21c234ebee
1 changed files with 6 additions and 2 deletions
--- a/src/room/InCallView.tsx
+++ b/src/room/InCallView.tsx
@@ -382,8 +382,12 @@ export function InCallView({
      <div className={styles.footer}>
        {!mobile && !hideHeader && (
          <div className={styles.logo}>
-            <LogoMark width={24} height={24} />
-            <LogoType width={80} height={11} />
+            <LogoMark width={24} height={24} aria-hidden />
+            <LogoType
+              width={80}
+              height={11}
+              aria-label={import.meta.env.VITE_PRODUCT_NAME || "Element Call"}
+            />
          </div>
        )}
        <div className={styles.buttons}>{buttons}</div>