Complex
Complex images refer to visuals that contain intricate or detailed content, such as diagrams, charts, graphs, or illustrations with multifaceted information. Text alternatives for complex images aim to provide a concise yet comprehensive description that conveys the crucial information within the image. It should offer a textual representation of the image's content, structure, and relationships between various elements within the visual, ensuring that users relying on screen readers or other assistive technologies can grasp the essential details presented by the complex image. This text alternative intends to offer an equivalent understanding of the image's information without overwhelming the user with excessive details.
Decorative
Decorative images refer to images that serve a solely aesthetic or decorative purpose, providing no significant content or information relevant to understanding the app's functionality or content. Text alternatives for decorative images are typically left empty or use a null value, indicating to assistive technologies that the image is purely decorative and does not convey any meaningful information necessary for understanding the app's content or functionality. This approach helps screen readers focus on essential content without disrupting the user experience with irrelevant descriptions for purely ornamental visuals.
Functional
Functional images refer to images that represent controls, links, or buttons essential for users to interact with the app's functionality. Text alternatives for functional images should convey the function or purpose of the control, aiding users who rely on screen readers or assistive technologies to understand the interactive nature of the image. This alt text should succinctly describe the action or outcome triggered by interacting with the image, ensuring users comprehend its role in the app's functionality. Providing accurate text alternatives for functional images is crucial for users who rely on assistive technologies to navigate and interact effectively within the mobile application.
Informative
Informative images are images that convey essential information, context, or conveyance of function within the app's interface. Text alternatives for informative images are descriptive text alternatives that succinctly describe the content or message conveyed by the image, aiding users who rely on screen readers or other assistive technologies to understand the significance of the visual element. The text alternatives for informative images should be informative and concise. They should clearly represent the image's purpose or content to ensure users receive the relevant information conveyed by the image.