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

• scope
  • id_header_attr
    • precise_associations_no_room_for_error
    • explicit_definition_position_cell
    • header
    • id
  • row
  • rowgroup
  • col
  • colgroup
• table
  • nested_but_not_advised
  • structure
    • tag_tbody
    • tag_tfoot
    • tag_thead
  • captions
    • tag_caption
      • placed_beneath_table
• tag_td
  • header
• tag_th
  • id
• accessibility
  • scope_attr
    • tells_screen_readers_header
  • screen_readers_programmatic_associations
    • tells_screen_readers_header

Nodes

table
content	table
children	nested_but_not_advised, structure, captions

captions
content	captions
children	tag_caption
parents	table

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

structure
content	structure
children	tag_tbody, tag_tfoot, tag_thead
parents	table

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

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

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

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	screen_readers_programmatic_associations, scope_attr

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

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

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	precise_associations_no_room_for_error, explicit_definition_position_cell, header, id
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	id_header_attr, tag_th

header
content	header
parents	id_header_attr, tag_td

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