2. Fix the failures you found.
很多其實沒有框架卻要設定框架標題 還有修改字體大小的
所以 以下是修改前後的比較 剩餘的都是大小跟框架標題的錯誤
2010年4月19日 星期一
Lab 20: Making web pages accessible
1. Use Firefox Accessibility Extension to identify the accessibility failures and warnings in http://google.com
2. Fix the failures you found.
很多其實沒有框架卻要設定框架標題 還有修改字體大小的
所以 以下是修改前後的比較 剩餘的都是大小跟框架標題的錯誤
2. Fix the failures you found.
很多其實沒有框架卻要設定框架標題 還有修改字體大小的
所以 以下是修改前後的比較 剩餘的都是大小跟框架標題的錯誤
Lab 19: Firefox Accessibility Extension
Use Firefox Accessibility Extension to check the accessibility of three sites that you visit most.
Report the summary of all the errors and warnings for each site.
1.考選部http://wwwc.moex.gov.tw/sitemap.asp
2.www.epa.gov.tw
3.法務部http://www.moj.gov.tw/
Report the summary of all the errors and warnings for each site.
1.考選部http://wwwc.moex.gov.tw/sitemap.asp
2.www.epa.gov.tw
3.法務部http://www.moj.gov.tw/
Lab 18: Making images accessible
1. Use KompoZer or Notepad to edit the following homepage
at http://bloggercamp.blogspot.com/2007/01/2007.html
You can copy and paste the content to your KompoZer.
2. Take a look at the HTML 標籤, HTML 原始碼
3. Save your editings and preview your webpage using Firefox
4. Make the webpage accessible by
adding ALT text to the images.
5. Go to the Firefox Add-ons site for Firefox Accessibility Extension
6. Click the "Install now" button on the add-ons website
7. Check whether you can see the ALT text for the images by selecting the "Show Text Equivalent" function.
使用前使用後圖片比較
at http://bloggercamp.blogspot.com/2007/01/2007.html
You can copy and paste the content to your KompoZer.
2. Take a look at the HTML 標籤, HTML 原始碼
3. Save your editings and preview your webpage using Firefox
4. Make the webpage accessible by
adding ALT text to the images.
5. Go to the Firefox Add-ons site for Firefox Accessibility Extension
6. Click the "Install now" button on the add-ons website
7. Check whether you can see the ALT text for the images by selecting the "Show Text Equivalent" function.
使用前使用後圖片比較
Homework 4-12-2010
1. 依據 What is web accessibility，試針對三種不同障別舉出三種無障礙設計方式，並請探討跨障別設計是否可行?(也就是所謂的通用設計)
web accessibility 其實就是指網路無障礙在於確保任何人都有辦法取得放在網頁上的媒體內容 ── 無論人們是否遭遇了身體、心理或技術上的障礙，都不會妨礙人們接收作者所釋出的資訊。也就是讓網上的內容「易於親近」，易於取得、利用。
三種無障礙設計方式如下:
1.Lynx:是一個免費的純文字瀏覽器，搭配可覆新的布拉耶點字顯示器後就可以給盲人使用。
2.Links:是一個給頻寬不足的明眼人使用者用的純文字瀏覽器。
3.AccessKey:是鍵盤快速鍵。
2. 依據 Tutorial，HTML 3.2 與 HTML 4.0 最大差別在哪裡?
在3.2
當像標示和顏色配置被加到HTML 3.2的規格中，它開始了設計的夢靨。當設計的Web是大型時，font以及color將需要加到每個單一的Web,這將變成很費時的處理。
而在4.0
所有格式化的設計都可以移出HTML的文件，然後放在一個分開的style sheet。
因為HTML 4.0能依格式而分割文件。我們得到我們需要所有版面的元件而且不會弄亂它們。
所以方便性上當然是4.0取勝囉!
3. 依據永恆的數位分身的說法，試舉出一個實例或反例。
好處就是很容易去發現他的規律，有時候在網路上像是尋找朋友之類的很方便
壞處就是這種規律性的東西容易被破解拿去使壞 防不勝防囉。
web accessibility 其實就是指網路無障礙在於確保任何人都有辦法取得放在網頁上的媒體內容 ── 無論人們是否遭遇了身體、心理或技術上的障礙，都不會妨礙人們接收作者所釋出的資訊。也就是讓網上的內容「易於親近」，易於取得、利用。
三種無障礙設計方式如下:
1.Lynx:是一個免費的純文字瀏覽器，搭配可覆新的布拉耶點字顯示器後就可以給盲人使用。
2.Links:是一個給頻寬不足的明眼人使用者用的純文字瀏覽器。
3.AccessKey:是鍵盤快速鍵。
2. 依據 Tutorial，HTML 3.2 與 HTML 4.0 最大差別在哪裡?
在3.2
當像標示和顏色配置被加到HTML 3.2的規格中，它開始了設計的夢靨。當設計的Web是大型時，font以及color將需要加到每個單一的Web,這將變成很費時的處理。
而在4.0
所有格式化的設計都可以移出HTML的文件，然後放在一個分開的style sheet。
因為HTML 4.0能依格式而分割文件。我們得到我們需要所有版面的元件而且不會弄亂它們。
所以方便性上當然是4.0取勝囉!
3. 依據永恆的數位分身的說法，試舉出一個實例或反例。
好處就是很容易去發現他的規律，有時候在網路上像是尋找朋友之類的很方便
壞處就是這種規律性的東西容易被破解拿去使壞 防不勝防囉。
2010年4月12日 星期一
Lab 17: AccessBar
AccessBar: displays defined accesskeys in a fixed-position bar along the bottom of the window. Added 2005-04-01 (not a joke). Find how many access keys have been defined at
1.www.ocac.gov.tw
2.www.epa.gov.tw
Continued from the above, use google to find 3 more government sites in Taiwan that enable access keys.
3.考選部http://wwwc.moex.gov.tw/sitemap.asp
4.教育部http://www.edu.tw/sitemap.aspx
5.法務部http://www.moj.gov.tw/
1.www.ocac.gov.tw
2.www.epa.gov.tw
Continued from the above, use google to find 3 more government sites in Taiwan that enable access keys.
3.考選部http://wwwc.moex.gov.tw/sitemap.asp
4.教育部http://www.edu.tw/sitemap.aspx
5.法務部http://www.moj.gov.tw/
訂閱：
文章 (Atom)
