修改符合無障礙網頁設計

無障礙網頁設計的標準是 AAA > AA > A+ > A, 之前做的已經符合 AA, 但是到 AAA 的等級還要做兩個小修改.

  1. Link 間不能用空白隔開, 一定要有分隔的符號
  2. Table 要有 summary 的值, 代表此 Table 的涵義

因此, 對程式和 Template 做了一點小修改.

關於 Link 間不能用空白隔開, 一定要有分隔的符號

主要只有左下角的圖示要這種分隔符號, 所以都加上 | 做分隔.

關於 Table 要有 summary 的值, 代表此 Table 的涵義

這個就比較麻煩一點, 考慮想要回報給 pLog Term, 但是, 英文程度不好, 寫的意思可能比較差, 之後問人看看再回報好了..

對以下程式做了小修改.

class/data/htmlcalendar.class.php

第269行: <table class="calMonth"

改成 : <table class="calMonth" summary="this is the month list of current month">

(加上 summary="this ...")

第340行: <table class="calYear">

改成 : <table class="calYear" summary="display the current year">

(加上 summary="display ...")

就可以了, 再來就是送送 AAA 檢測看看能否通過囉~~


關於 Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.
本篇發表於 My_Note-pLog。將永久鏈結加入書籤。

修改符合無障礙網頁設計 有 6 則回應

  1. lss 說道:

    hi Tsung:
    無障礙環境只是我國研考會提出的一項標準,據我個人粗淺的瞭解,與國際上的標準有相當的不同。
    一個區域性的標準應該不會被考慮放進官方版本裡的。
    lss

  2. Tsung 說道:

    嗯, 感謝 lss 大大的通知. 謝謝您 m(_ _)m

  3. 想要麻煩您的人 說道:

    您好:
    我們有網站想修改成無障礙網頁
    想詢問您是否可以協助修改(付費的拉)
    因為我們本身不熟,但是又必須要修改
    麻煩您回覆我喔
    感恩
    tracy@elq.org.tw

  4. Tsung 說道:

    能否先給我看看您的網頁呢?? 留個 URL 看看?

  5. chifun 說道:

    您好:
    我有網站想修改成無障礙網頁 http://www.hkcpec.org
    我本身是用Dreamweaver 8 寫的
    想詢問您是否可以協助修改(付費的拉)
    因為我本身不熟,但是政府又必須要修改, 麻煩您回覆我喔
    感恩
    chifun@int-core.com

    • Tsung 說道:

      我剛剛看了一下, 看起來比較難耶.
      因為, 看來跟重寫沒兩樣, 應該說, 頁面全部需要重新切割.
      這個價位並不低阿. XD

      有比較作弊點得作法, 就是照說明的 a, img 加上一些說明 Tag, 可能可以騙過判斷, 那應該就可以交差了.
      可以考慮試試看.

發表迴響