transunion-table

Fixing the HTML version (iteration 1 with captiions)

CREDITOR NAME : CANADA TRUST
Account Type		Terms		Payment History
Account Type		Terms		30 days	60 days	90 days	#M Monthly
INSTALLMENT		0/A		0	0	0	1

DATES
Reported Date	Opened Date	Posted Date	Closed Date	First Delinquency Date	Last Payment Date	Charge Off Date	Balloon Payment Date
	Apr 07, 2020	Apr 16, 2020		Apr 15, 2020

Use CSS to make "DATES" look the way the design presents it.

Second iteration

An iteration of this would be to remove the <caption> elements and place those headings ouside the tables. Give them headings and ids and add aria-describedby to the table elements to associate them. This would ensure that table 2 was announced as "DATES Creditor Name:CANADA TRUST " Canada Trust. It would be associated with both the "Dates" heading and the "Creditor Name" heading.


	<h2 id="p1">CREDITOR NAME: CANADA TRUST</h2>

    <table aria-describedby="p1>...</table>
	<h3 id="p2">DATES</h3>

    <table  aria-describedby="p2 p1>...</table>