mdn/html/2_html_tables/1_html_table_advanced_features_accessibility

1_html_table_advanced_features_accessibility

dz / mdn / html / 2_html_tables / 1_html_table_advanced_features_accessibility

Summary

HTML table Advanced Features and Accessibility

Node Tree

Nodes

table
content table
children structure, captions, nested_but_not_advised

captions
content captions
children tag_caption
parents table

tag_caption
content <caption>
children placed_beneath_table
parents mdn/html/elements, captions

structure
content structure
children tag_tbody, tag_tfoot, tag_thead
parents table

tag_thead
content <thead>
parents structure, mdn/html/elements

tag_tfoot
content <tfoot>
parents structure, mdn/html/elements

tag_tbody
content <tbody>
parents structure, mdn/html/elements

nested_but_not_advised
content Can be nested, but not advised
parents table

placed_beneath_table
content Placed directly beneath <table> tag
parents tag_caption

accessibility
content Accessibility
children scope_attr, screen_readers_programmatic_associations

scope_attr
content Scope attribute
children tells_screen_readers_header
parents accessibility

tells_screen_readers_header
content Tells screen readers what cesll the header is a header for.
parents scope_attr, screen_readers_programmatic_associations

screen_readers_programmatic_associations
content Screen readers identify headers to make programmatic associations.
children tells_screen_readers_header
parents accessibility

scope
content scope
children col, colgroup, id_header_attr (alternative to), row, rowgroup

row
content row
parents scope

col
content col
parents scope

rowgroup
content rowgroup
parents scope

colgroup
content colgroup
parents scope

id_header_attr
content id and header attribute
children explicit_definition_position_cell, header, id, precise_associations_no_room_for_error
parents scope

explicit_definition_position_cell
content Gives explicit definition of position of each cell in table
parents id_header_attr

id
content id
parents tag_th, id_header_attr

header
content header
parents tag_td, id_header_attr

tag_th
content <th>
children id
parents mdn/html/elements

tag_td
content <td>
children header
parents mdn/html/elements

precise_associations_no_room_for_error
content Precise assocations, but uses a lot more markup, no room for errors
parents id_header_attr