Determine if any of the 4 img elements and/or elements with [role="img"] can benefit from a long description, and for each that can, provide a detailed description of the content of the image.
Complex images, charts or graphs (e.g. images generated from tabular data) must have long descriptions to provide an additional detailed description of the information conveyed by the image.
A long description should provide more information and detail than the text alternative for the image (e.g. alt attribute).
Images can convey a wide range of content and be used for many different purposes on a web page, from purely decorative to complex graphics helping people visualize the features and relationships of large data sets.
All users can benefit from long descriptions by providing another modality for the author to convey information contained in the image and by providing search engines with information to more accurately return relevant results.
Informative images of photographs or paintings can often benefit from long descriptions.
Informative images like charts or graphs need long descriptions to describe the data used to create the chart or graph.
img, [role="img"] that represent complex images and images generated from tabular data.
Ideally, the long description of an image should be accessible to all users by including it as part of the page content, and in close proximity to the image it describes.
Use the aria-describedby attribute to reference one or more ids on the page that contain the long description. When this technique is used, assistive technologies extract the text content of the referenced ids and make it available as concatenated, unstructured text (i.e., stripping out any list markup, links, paragraphs, etc.).
Use the title attribute to provide a long description.
Use the alt attribute or equivalent markup to indicate the presence and location of the long description when it consists of structured content (e.g. tabular data, lists, links) in close proximity to the image. For example, alt="..., for more information view the following data table".
Use the longdesc attribute, which requires a URI value, to link to a long description for an image. NOTES: (1) The URI can be an internal link on the same page as the image, or a link to an external page or a fragment thereof. (2) There is a discoverability problem with this technique in that the description will typically only be available to screen reader users. Therefore, until browser implementations for longdesc have improved, alternative techniques that enable all users to access the long description are preferred.
Use techniques that allow all users to view the long description. For example, the summary/details elements can be used when the author prefers the detailed description to be initially hidden from users.
Information about the element associated with the result.
The information typically includes the tag name, accessible name or other information related to the rule requirements.
"Page" means that the result applied to the page. For example, the rule "One main landmark on the page" is a page level rule.
The element position is based on the DOM order of elements in the page.
The element position maybe useful in helping to locate a specific element on the page evaluated (e.g smaller numbers are typically toward the beginning of a page and larger numbers typically toward the end of a page).
Element position 1 is the first element.
The highest element position is the last element.
Element position values for most rule/page results will not be consecutive since a rule only applies to a sub set of elements found on a page.