Page Title: PG SLOT 999 PGSLOT.ORG
July 25, 2021 07:38

Images must have alt text


Severity Action
Violation Add an alt attribute or equivalent markup to the image element with missing alt text, or identify the image as decorative.


Rule ID Image 1
Definition Each img element must specify an alt attribute or equivalent markup that either defines a text alternative or identifies the image as being used for decoration, spacing or some other stylistic purpose.
  • A text alternative for an image, usually specified with an alt attribute, provides a summary of the purpose of the image for people with visual impairments, enabling them to understand the content or purpose of the image on the page.
  • An image with a text alternative that is an empty string or that has role="presentation" is ignored by assistive technologies. Such markup indicates that the image is being used for decoration, spacing or other stylistic purposes rather than meaningful content.
WCAG Success Criteria

1.1.1 Non-text Content (Level A, Primary Success Criterion)

Rule Category Images
Scope Element
Target Resources img and [role="img"]
  • area
  • img
  • A text alternative should summarize the purpose of an image as succinctly as possible (preferably with no more than 100 characters).
  • The alt attribute is the preferred and most commonly used way to provide a text alternative for img and area elements.
  • The aria-labelledby attribute can be used to provide a text alternative when an image can be described using text already associated with the image, or for elements with role="img".
  • The aria-label attribute should only be used to provide a text alternative in the special case when an element has a role="img" attribute. Use the alt attribute for img and area elements.
  • The title attribute will be used by assistive technologies to provide a text alternative if no other specification technique is found.
  • Use the attributes alt="", role="presentation" or include the image as a CSS background-image to identify it as being used purely for stylistic or decorative purposes and one that should be ignored by people using assistive technologies.
Informational Links

Element Results

Element Identifier Result Element Position Message

Column Definitions

Element Identifier
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.
Element Position
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.