S3Image attributes like ALT about amplify-ui HOT 3 CLOSED

Faced the same problem recently. While team is working for a fix here is workaround:

export const updateImageAlt = (id) => {
    const imageContainer = document.getElementById(encodeURI(id))
    if (imageContainer && imageContainer.getElementsByTagName) {
        const image = imageContainer.getElementsByTagName('img')
        if (image && image[0]) {
            image[0].alt = id
        }
    }
}

and

  componentDidUpdate() {
            updateImageAlt(yourimageid)
    }

<S3Image imgKey={yourimageid}/>

from amplify-ui.

We use the AmplifyS3Image component in my team, but would like it to have an alt prop in order to meet accessibility requirements. I'd be very happy to submit a PR that adds this.
The PR would be the same feature as PR aws-amplify/amplify-js#6915 but for the new UI components, rather than the legacy component in aws-amplify-react. @amhinson

from amplify-ui.

Closing out issue as the S3Image component has been deprecated.

from amplify-ui.