空間無障礙: 2010

2010年9月15日星期三

9月14-9月15

整理了整個部落格內容
加上
上方左方右方中間導盲磚
圖片alt補注
site map(網站地圖)

圖層也用好了!

2010年9月14日星期二

7月14號-9月14號進度

創了一個新的八八水災義賣的部落格
http://1818gjo319.blogspot.com/

加了上方導盲磚
還有google API

2010年7月14日星期三

2010年7月13日星期二

2010年6月7日星期一

2010年5月31日星期一

有可能值得一看

http://jedi.org/blog/archives/002537.html

2010年5月25日星期二

人工檢測 - 檢測碼

請依「無障礙網頁開發規範」之「人工檢測碼」，自行檢視確認。

檢測碼的格式說明如下：

第四位數碼：檢測狀態代表本檢測碼是否能夠歸納出其檢測項目可以由機器辨識或機器檢測的規則。若是其檢測項目可以明確導出由機器辨識其在網頁原始碼的正確位置的規則，我們稱此檢測碼為機器可辨識（machine identifiable）；若是其檢測項目可以明確導出由機器檢測其在網頁原始碼的內容是否符合可及性設計的規則，我們稱此檢測碼為機器可檢測（machine checkable）。

標準檢測碼的檢測狀態可以定義為以下3種：

0：機器辨識/機器檢測（Machine Identify/Machine Check）

1：機器辨識/人工檢測（Machine Identify/Human Check）

2：人工辨識/人工檢測（Human Identify/Human Check）

2010年5月16日星期日

專題題目

1.原來我們這麼近
(我覺得這個挺棒的,意思是障礙者跟我們之間的差異不是那嚜遠)
2.上網恆久遠,輕鬆永留傳
(這是我突然看到鑽石廣告想的)
3.只用你手,不用你眼
(這是我去聯誼時想到的,一群北護人還在那裡吃MM巧克力)
上面是我想的!!請發表意見!!(但不要人身攻擊,我說的就是你們倆個)

2010年5月12日星期三

5/12預計進度

請開始修改指定的網站，目標是符合A+的標準。
把網站修改（程式撰寫）的過程紀錄在此Blog. 並解釋要修改的原因。
有圖和文字的紀錄會更讚。:D

2010年5月11日星期二

(html指的就是純文子網站)之前助教交我們的,那個打下去真的超費事

(1.)一般HTML網頁是一種固定格式的顯示方式，就像報紙是不會變動的，如果要更新資訊就必須重新再修改，跟報紙每天早上需要重新印製一樣！
而且使用者只能用眼睛接收資訊，不能提出資訊！如果是一般宣傳用的網站當然是OK，因為是表達自己的想法不需要時時更改，但是像是新聞網站、資訊網站，這些時時刻刻都需要更改資料或論壇那種需要收集使用者的意見的網站，如果是用HTML寫，是既麻煩又有很多問題的！
(2.)所謂互動式網頁就是指使用者與伺服器可以溝通傳遞資訊，而不是單純的網頁將資訊傳達給使用者的一種表現，論壇、部落格都是這種網頁的表現！

5/5 討論

１）為什麼需要無障礙網站的設計?
在網路的使用者上，所謂的障礙者跟一般的障礙人士定義會有所不同，網際網路的障礙者指的是某些人會因為其身心的特殊狀況，在使用一般電腦上網時，產生一般人不會發生的困難，例如某些坐輪椅的障礙人士在上網的能力上跟一般人是沒有差異的。在網路上來說，真正的障礙人士，主要為眼盲、弱視、智力障礙、以及部份肢障的使用者。其中因為網路憑藉的是視覺效果，所以又以視障者所受到的影響層面最為廣大。

２）無障礙網頁的標準有哪14個規範？
規範一　：對於聽覺及視覺的內容要提供相等的替代文字內容
規範二　：不要單獨靠色彩來提供特殊資訊
規範三　：適當地使用標記語言和樣式表單
規範四　：闡明自然語言的使用
規範五　：建立編排良好的規格
規範六　：確保網頁能在新科技下良好地呈現
規範七　：確保使用者能處理時間敏感內容的改變
規範八　：確保嵌入式使用者介面具有直接可及性
規範九　：設計裝置獨立網頁
規範十　：使用過渡的解決方案
規範十一：使用國際與國內官方訂定的技術和規範
規範十二：提供內容導引資訊
規範十三：提供清楚的瀏覽網站機制
規範十四：確保簡單清楚的網頁內容

３）該網站目前遇到什麼樣的無障礙空間設計問題？

圖型替代文字陳述不夠清晰時，提供更多的文字描述
確保所有顏色所傳達出的訊息，在沒有顏色後仍然能夠傳達出來
對於每一個存放資料的表格，標示出行和列的標題
表格中超過２行／列以上的標題，須以結構化的標記確認彼此間的結構與關係
使用ｃｃｓ樣式表編排的文件須確保在除去樣式表後仍然能夠閱讀
使用Script語言需指定不支援Script時的辦法
使用scripts.Applets及Objects所產生之資訊，提供可及性替代方式
以可及性的影像來替代ASC∥文字藝術
多媒體視覺影像呈現時，必須提供聽覺說明
多媒體呈現時，必須同步產生對應替代的語音或文字說明
明確地指出網頁內容中語言的轉換
確保網頁設計不會致使螢幕快速閃爍
如果你不能使這個網頁無障礙化，提供另一個相等的無障礙網頁
網頁內容要使用簡單易懂的文字
若網頁物件使用事件驅動時，確定勿僅使用滑鼠操作
對所有網頁內容元素，確保有滑鼠以外的操作介面
對經常使用的超連結，增加快速鍵的操作
為網站提供網站地圖或整體性的簡介

2010年5月5日星期三

6/2(三)繳交專題進度報告

你們可以多善加利用期中考後的這幾天，把接下來這幾天的研究紀錄在部落格上，預計兩週後5/19(三)開始把紀錄整理成期中報告。加油！

近期可以開始做的事情

熟悉網頁程式的撰寫。
到圖書館借閱網頁程式撰寫的相關書籍。EX: JavaScript,AJAX,HTML,CSS...,etc.
可以使用的工具Ex: NUV 今天有示範過；請再多多練習。
收尋其他無障礙相關網頁設計，分析優缺點。
旁聽每週一晚上的網際網路應用程式設計。

有任何新的進度、想法，請書寫在部落格上。

5/5討論紀錄 & 省思與回饋

專題方向：無障礙網頁設計。
為什麼需要網站需要無障礙空間設計？
無障礙網頁的標準有哪14個規範？
檢測您的無障礙網頁品質。「行政院研考會」
以今天給你們的網站為例，該網站目前遇到什麼樣的無障礙空間設計問題？
挑戰：相較於純文字的網站，能否設計符合無障礙規則的"互動式網頁"？

請再討論和找尋資料後，在部落格上書寫各自的心得。

空間無障礙