修改符合無障礙網頁設計

無障礙網頁設計的標準是 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

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.

在〈修改符合無障礙網頁設計〉中有 6 則留言

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

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

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

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

想要麻煩您的人 發表迴響取消回覆

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料