[Avatar] Add presentational avatar

.changeset/lemon-lizards-scream.md

@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': patch
+---
+
+Added support for `Avatar` being presentational

polaris-react/src/components/Avatar/Avatar.tsx

@@ -109,8 +109,6 @@ export function Avatar({
     label = i18n.translate('Polaris.Avatar.labelWithInitials', {
       initials: splitInitials,
     });
-  } else {
-    label = i18n.translate('Polaris.Avatar.label');
   }
 
   const className = classNames(
@@ -175,7 +173,11 @@ export function Avatar({
   );
 
   return (
-    <span aria-label={label} role="img" className={className}>
+    <span
+      aria-label={label}
+      role={label ? 'img' : 'presentation'}
+      className={className}
+    >
       {svgMarkup}
       {imageMarkUp}
     </span>

polaris-react/src/components/Avatar/tests/Avatar.test.tsx

@@ -169,4 +169,22 @@ describe('<Avatar />', () => {
       });
     });
   });
+
+  describe('accessibilityRole', () => {
+    it('is presentation role if name, initials, or accessibilityLabel not passed', () => {
+      const avatar = mountWithApp(<Avatar />);
+
+      expect(avatar).toContainReactComponent('span', {
+        role: 'presentation',
+      });
+    });
+
+    it('is img role if name passed', () => {
+      const avatar = mountWithApp(<Avatar name="Hello World" />);
+
+      expect(avatar).toContainReactComponent('span', {
+        role: 'img',
+      });
+    });
+  });
 });