WCAG 1.4.4 AA: Loss of table content when text resized (Issue 15)

[CJE001]

Summary

Via Vision Australia assessment: August 2024

Impact: medium

Note: DTA have a 90 day remediation period to address the identified issues within the audit, all issues must be resolved to obtain WCAG 2.2 certification for digital.gov.au.

Steps to reproduce

Risk assessment for use of AI | digital.gov.au (https://www.digital.gov.au/policy/ai/risk-assessment)

Observed outcome

When text is resized to 200%, the layout of the "Risk Matrix" table breaks, and table header cell content is lost.

Table - default view

Table - Text resized to 200%

Code used

<table>
<thead>
<tr>
<th>
&nbsp;
</th>
<th>
&nbsp;
</th>
<th colspan="5">
<p class="text-align-center ct-text-large">
Consequence
</p>
</th>
</tr>
<tr>
<th>
&nbsp;
</th>
<th>
&nbsp;
</th>
<th>
Insignificant
</th>
<th>
Minor
</th>
<th>
Moderate
</th>
<th>
Major
</th>
<th>
Severe
</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="5" data-title="&nbsp;">
<p class="ct-text-large">
Likelihood
</p>
</td>
<td data-title="&nbsp;">
<strong>
Almost certain
</strong>
</td>
<td data-title="Consequence">
Medium
</td>
… 
</tr>
</tbody>
</table>

Implications

Users with low vision who zoom content may not be able to make sense of the table or understand its content.

Expected outcome

Ensure that text can be resized to 200% without any loss of content or functionality. For data tables, it is acceptable for a horizontal scrollbar to be present and required for viewing the table content.

Please refer to Issue 19 for further information: https://github.com/civictheme/uikit/issues/387

[CJE001]

1.4.4 Resize Text WCAG 2.0 Level AA Except for captions and images of text, text can be resized without assistive technology up to 200% without loss of content or functionality.

Many users with mild visual disabilities need to enlarge the text size on web pages. Since all recent versions of the most popular web browsers offer the option to zoom in content, it is important to ensure that pages scale effectively when users utilise this feature.

[fionamorrison23]

@jcloys can you please check this to ensure it's a core issue? Thanks.

[febdao]

Hi @fionamorrison23 This issue will be fixed by this PR https://github.com/civictheme/uikit/pull/420

[jcloys]

@fionamorrison23 confirmed core issue

[fionamorrison23]

@febdao @sonamchaturvedi28 will this be tested in PR 420?