10.3 Dates are not programmatically associated to the relevant news article (M)

FIGURE 10.3: date highlighted on news article page

10.3.1 WCAG 1.3.1 (A), 2.4.6 (AA) - Desktop, Mobile, iPad

There is a visual association between each article on the ‘News’ page and the date, however, they aren’t programmatically associated and therefore do not help screen reader users understand what the date is for.

10.3.2 Recommendation

Provide additional context for screen reader users by associating the date to the relevant article, so users are clearly informed of which element they are interacting with.

Change the text for each date element to the more meaningful text. E.g. ‘Date 08/07/21 for Article- Civil engineers offer solutions to Bangladesh’s toxic construction industry’.

This can be achieved using the aria-describedby attribute as it establishes a relationship between each date and the text that describes it. For more information on aria-describedby

---