diff --git a/third_party/aria-practices/src/content/patterns/table/examples/table.html b/third_party/aria-practices/src/content/patterns/table/examples/table.html index 365e660abd96b..6f86cf2025e53 100644 --- a/third_party/aria-practices/src/content/patterns/table/examples/table.html +++ b/third_party/aria-practices/src/content/patterns/table/examples/table.html @@ -2,49 +2,12 @@ - Table Example - - - - - - - - - -
-

Table Example

- -
-

About This Example

- -

- The below example illustrates an implementation of the WAI-ARIA Table Pattern. - Note that when possible, using a native HTML table element is recommended. -

-

Similar examples include:

- -
- -
-
-

Example

-
-
Students currently enrolled in WAI-ARIA 101 for the coming semester
@@ -84,104 +47,5 @@
- -
- -
-

Keyboard Support

-

Not Applicable

-
- -
-

Role, Property, State, and Tabindex Attributes

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
RoleAttributeElementUsage
tabledivIdentifies the element containing the table structure.
- aria-label="Students" - divProvides an accessible name for the table.
- aria-describedby="IDREF" - divRefers to the element that serves as the caption for the table.
rowgroupdiv -
    -
  • Identifies the elements that serve as containers for the table header and table body rows.
  • -
  • Unlike HTML, WAI-ARIA does not include separate roles for the table header and table body row sets.
  • -
-
rowdivIdentifies each element that contains the cells for a row.
columnheaderspanIdentifies elements that serve as a cell containing a column label.
cellspanIdentifies elements containing content for a single cell.
-
- -
-

JavaScript and CSS Source Code

- - -
- -
-

HTML Source Code

-

To copy the following HTML code, please open it in CodePen.

- -
- - -
-