Fixing the HTML version (iteration 1 with captiions)

CREDITOR NAME : CANADA TRUST
Account Type Terms Payment History
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>