Icons are a great way to help users who have difficulties with reading, focus attention, and low vision impairments. For such use cases, Status can be used without accompanying
If Status appears without
accessibilityLabel should be used to provide a text description for screen readers to announce and communicate the represented icon, as shown in the first example.
Avoid using the generic words like "image" or "icon"; instead, use verbs that describe the meaning of the icon, for example: "Upload in progress".
title to describe what the icon represents,
accessibilityLabel does not need to be provided, as shown in the second example.
Be sure to localize the
accessibilityLabel props. Note that localization can lengthen text by 20 to 30 percent.