Media
1 item
Description
Check all image and SVG elements are accessible. # A11y Image check Simple extension for basic accessibility testing images. ## Images (<img>) ### Background Image (CSS) + Identifies all the images inserted in the webpage using either inline styles or CSS. If an element contains a background image, a message about the method of image insertion is generated. ### Alternative Text * Finds all image elements in the document and checks if they have an ALT text present. If ALT text is found, a message is created displaying the ALT text. ### Decorative Images * Identifies decorative images on the webpage. Images are classified as decorative based on various attributes (aria-hidden, and alt). Each classification creates a message explaining why the image is classified as decorative. ### Missing ALT Attributes * Identifies images that are missing an ALT attribute. It looks for all the img elements in the document and checks if they have the alt attribute. If not, a message is generated indicating that the image is missing an ALT attribute. ## SVG ### SVG Accessible Name * Checks all SVG elements in the document for the presence of accessible names. It categorizes SVGs based on certain criteria such as, the svg has a role of 'img' but is missing an accessible name, if it is following best practices for a meaningful SVG, and if it is missing 'aria-hidden' or 'role img', or an accessible name. For each case, a message is generated explaining the status of the SVG. ### Decorative SVG * Checks all SVG elements in a document to identify which ones are decorative. Decorative SVGs are marked with 'aria-hidden true'. If the SVG has an accessible name, a message will be created that shows it's marked as decorative but has an accessible name.