Exercise 1.1 - Non-text Content

The following website has an accessibility issue regarding the styling of a list with non-text content.

A screen reader will not be able to understand that the image is used only for styling and will create unnecessary confusion to a user.

Note: When there isn't any alternative text on an image, a user will likely hear the screen reader recite the full path and file name of the image!

Requirements

Pending requirement:

Change the code so that the images are ignored by screen readers.

Pending requirement:

Make sure not to change the way that the list looks like. The decorated bullets must not be removed!

The following website has an accessibility issue regarding the styling of a list with non-text content.

A screen reader will not be able to understand that the image is used only for styling and will create unnecessary confusion to a user.

Note: When there isn't any alternative text on an image, a user will likely hear the screen reader recite the full path and file name of the image!

Pending requirement:

Change the code so that the images are ignored by screen readers.

Pending requirement:

Make sure not to change the way that the list looks like. The decorated bullets must not be removed!