Image Has Accessibility Label

Link to Image Has Accessibility Label copied to clipboard

Rule ID: image-has-accessibility-label

WCAG 2.1 (A) 1.1.1

How to Fix the Problem

Ensure all Image components with the accessible prop also include the accessibilityLabel prop.

Passing Example

<Image
  source={require("pug.jpg")}
  style={styles.image}
  accessible
  accessibilityLabel="A small fawn pug"
/>

Failing Example

<Image
  source={require("pug.jpg")}
  style={styles.image}
  accessible
/>

Resources

React Native Image