guardian / dotcom-rendering

The Guardian web rendering service (aka DCR/DCAR)
https://www.theguardian.com
Apache License 2.0
250 stars 28 forks source link

Issue ID: DAC_Table_Content1 #5069

Open VDuczekW opened 2 years ago

VDuczekW commented 2 years ago

Report Link: https://drive.google.com/file/d/1LI458y3fEQ6gKJ-OirDV7nTRbsOqyaEe/view?usp=sharing

Full issue list: https://docs.google.com/spreadsheets/d/1vWQtZfD49uq7uNCNELuYN_HcIj-BKiE4t4Hwda3tJaQ/edit#gid=0

bryophyta commented 2 years ago

Note This is an automatically-generated comment. Feel free to edit the content, but please don't edit this 'note' block.

Intro to report

Copying the intro here to aid discoverability of the report's content:

Table Content
Table content was not in the correct order and was confusing for screen reader users.
Reference:
1.3.1 Info and Relationships (Level A)
Understanding Info and Relationships | How to Meet Info and Relationships
1.3.2 Meaningful Sequence (Level A)
Understanding Meaningful Sequence |How to Meet Meaningful Sequence
Issue ID: DAC_Table_Content1
URL: https://www.theguardian.com/football/live
Page title: Live matches | Football | The Guardian
Journey: 1.29
Screenshot:

Due to the way the table content has been marked-up, it does not get read out correctly to
screen reader users. For example, it would read ‘Inter Sassuolo v’ against the visual
representation of ‘Inter v Sassuolo’. This is caused because within the DOM the ‘v’ has been
added via CSS and is below the two team names. This issues also exists when a score is
present as well.