# EOT Examples ## CSS: /swa/c/sitecopy_setup_eot_tw.css 紅色,藍,灰色,黑色,白色,綠色,天,月 更多 |

# Notes on table accessibility

## The details of making your tables meet accessibility requirements vary with the layout of your table.

If your table either does not use an "Optional Primary Header" as pictured in the examples below,
OR if your header reaches across the entire table
  Use scope="col" in the header th cells across the top. If the first column of cells going down the left side are also serving as headers, use scope="row" with those.
If you use more than one "Optional Primary Header" on the table, as in the first example below
  You will need to use id and header attributes throughout the table.

# Table Formatted w/ VBorders ## table-formatted-vborders 紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言.紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍.
Optional Primary Header | Optional Primary Header | Optional Primary Header | Optional Primary Header
--- | --- | --- | ---
Column Header That Wraps Multiple | Column Header | Column Header | Column Header
語言紅色 1 | 語言紅色 2 | 語言紅色 3 | 語言紅色 4
語言紅色 1 | 語言紅色 2 | 語言紅色 3 | 語言紅色 4
語言紅色 1 | 語言紅色 2 | 語言紅色 3 | 語言紅色 4
# Table Formatted w/ Vborders ## table-formatted-vborders 紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言.紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍.
Optional Primary Header
Column Header That Wraps Multiple | Column Header | Column Header * | Column Header
--- | --- | --- | ---
語言紅色 1 | 語言紅色 2 | 語言紅色 3 | 語言紅色 4
* 紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍,灰色,黑色,白色,綠色,天,月
# Table Formatted ## table-formatted 紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言.紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍.
Optional Primary Header
Column Header That Wraps Multiple | Column Header | Column Header | Column Header
--- | --- | --- | ---
語言紅色 1 | 語言紅色 2 | 語言紅色 3 | 語言紅色 4
紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍,灰色,黑色,白色,綠色,天,月 | 語言紅色 2 | 語言紅色 3 | 語言紅色 4
語言紅色 1 | 語言紅色 2 | 紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍,灰色,黑色,白色,綠色,天,月 | 語言紅色 4
# Table Formatted No Inside Borders ## table-formatted 紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言.紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍.
Optional Primary Header
Column Header That Wraps Multiple | Column Header | Column Header | Column Header
--- | --- | --- | ---
語言紅色 1 | 語言紅色 2 | 語言紅色 3 | 語言紅色 4
紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍,灰色,黑色,白色,綠色,天,月 | 語言紅色 2 | 語言紅色 3 | 語言紅色 4
語言紅色 1 | 語言紅色 2 | 紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍,灰色,黑色,白色,綠色,天,月 | 語言紅色 4
# Table Formatted (Alt) w/ VBorders ## table-formatted-alt-vborders 紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言.紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍.
Optional Primary Header | Optional Primary Header | Optional Primary Header | Optional Primary Header
--- | --- | --- | ---
Column Header That Wraps Multiple | Column Header | Column Header | Column Header
語言紅色 1 | 語言紅色 2 | 語言紅色 3 | 語言紅色 4
語言紅色 1 | 語言紅色 2 | 語言紅色 3 | 語言紅色 4
語言紅色 1 | 語言紅色 2 | 語言紅色 3 | 語言紅色 4
# Table Formatted Alt W/ VBorders ## table-formatted-alt-vborders 紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言.紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍.
Optional Primary Header
Column Header That Wraps Multiple | Column Header | Column Header * | Column Header
--- | --- | --- | ---
語言紅色 1 | 語言紅色 2 | 語言紅色 3 | 語言紅色 4
* 紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍,灰色,黑色,白色,綠色,天,月
# Table Formatted Alt ## table-formatted-alt 紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言.紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍.
Optional Primary Header
Column Header That Wraps Multiple | Column Header | Column Header | Column Header
--- | --- | --- | ---
語言紅色 1 | 語言紅色 2 | 語言紅色 3 | 語言紅色 4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec id urna vel ante | 語言紅色 2 | 語言紅色 3 | 語言紅色 4
語言紅色 1 | 語言紅色 2 | 紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍,灰色,黑色,白色,綠色,天,月 | 語言紅色 4
# Table Formatted Alt No Inside Borders ## table-formatted-alt 紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言.紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍.
Optional Primary Header
Column Header That Wraps Multiple | Column Header | Column Header | Column Header
--- | --- | --- | ---
語言紅色 1 | 語言紅色 2 | 語言紅色 3 | 語言紅色 4
紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍,灰色,黑色,白色,綠色,天,月 | 語言紅色 2 | 語言紅色 3 | 語言紅色 4
語言紅色 1 | 語言紅色 2 | 紅色,藍,灰色,黑色,白色,綠色,天,月,年,月亮, 時間,人,語言紅色,藍,灰色,黑色,白色,綠色,天,月 | 語言紅色 4