Do Svgs Need Alt Text. Additionally since SVG is new type of image format you must also include an ARIA roleimage since some screen readers will skip over the alt tag for SVGs without that role specifically iOS VoiceOver. Tests using react-testing-library.
Any set of content that should be consumed as a single image which could include images video audio code snippets emojis or other content can be identified using roleimg. Currently if a page has an with an SVG as the src SafariVoiceOver completely skips the image and doesnt announce the alt attribute text. Definition and Usage The alt attribute provides alternative information for an image if a user for some reason cannot view it because of slow connection an error in the src attribute or if the user uses a screen reader.
Including an SVG in an img tag is no different than including a regular imagealways use an alt tag for SVGs that are important.
Currently if a page has an with an SVG as the src SafariVoiceOver completely skips the image and doesnt announce the alt attribute text. Additionally since SVG is new type of image format you must also include an ARIA roleimage since some screen readers will skip over the alt tag for SVGs without that role specifically iOS VoiceOver. In theory an svg image should be more accessible than a raster image with an alt-tag. In these cases a null empty alt text should be provided alt so that they can be ignored by assistive technologies such as screen readers.
