跳到主要內容
:::|

1.1:CS1010101 不可使用1像素見方的圖片、純色圖片、純透明的圖片

檢測碼

CS1010101

訊息

不可使用1像素見方的圖片、純色圖片、純透明的圖片。

英文訊息

C18: Using CSS margin and padding rules instead of spacer images for layout design

檢測規則

If 不使用spacer images (usually 1x1 pixel, transparent GIFs),僅使用margin and padding rules來佈局介面設計,通過檢測,否則檢測失敗。

規則說明

使用margin and padding rules來佈局介面設計,則通過檢測。

原始碼範例

table { margin: .5em; border-collapse: collapse; }

td, th { padding: .4em; border: 1px solid #000; }

...

 

<table>

        <caption>網站書籍分類</caption>

        <thead>

          <tr>

            <th>標題</th>

            <th>作者</th>

            <th>日期</th>

          </tr>

        </thead>

        <tbody>

          <tr>

            <td>如何策略網站標準標章</td>

            <td>安德魯</td>

            <td>2007年4月1日</td>

          </tr>

        </tbody>

      </table>

說明

範例為一表格,其CSS撰寫僅只能用margin 和 padding 的屬性來設計layout (邊距..等等)。

 

[參考] http://www.w3.org/TR/WCAG20-TECHS/C18.html

上一頁| 回首頁