diff --git a/content/practices/grid-and-table-properties/grid-and-table-properties-practice.html b/content/practices/grid-and-table-properties/grid-and-table-properties-practice.html index 5a5d99f656..767d17ff8d 100644 --- a/content/practices/grid-and-table-properties/grid-and-table-properties-practice.html +++ b/content/practices/grid-and-table-properties/grid-and-table-properties-practice.html @@ -115,8 +115,7 @@

Using aria-rowcount and aria-rowindex

aria-rowcount tells assistive technologies the actual size of the grid is 463 rows even though only 4 rows are present in the markup. --> -<table role="grid" aria-rowcount="463"> - aria-label="Student roster for history 101" +<table role="grid" aria-rowcount="463" aria-label="Student roster for history 101"> <thead> <tr aria-rowindex="1"> <th>Last Name</th> @@ -237,8 +236,8 @@

Using aria-colindex When Column Indices Are Not Contiguous

In this example, the first two columns with the student name are shown, but the score columns have been scrolled to show columns 10 through 13. Columns 3 through 9 are not visible so are not in the DOM.

-
<table role="grid" aria-rowcount="463" aria-colcount="13">
-  aria-label="Student grades for history 101"
+          
<table role="grid" aria-rowcount="463" aria-colcount="13"
+  aria-label="Student grades for history 101">
   <!--
     aria-rowcount and aria-colcount tell assistive technologies
     the actual size of the grid is 463 rows by 13 columns,