回頭再看”深入親和力”

今天在XML in Nutshell中對XHTML了解更多。
回去看Dive into accessibility
他要求的那些規格理由是什麼?

1.DIV建議的DOCTYPE是
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”&gt;
而且他說, 如果排版變了
可以使用折衷的
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>

ok, 他建議是是 html 4.01
不是 XHTML 1.0 Transitional, XHTML 1.0 Strict, XHTML 1.1
方便 old browser user ,我了解

但是為什麼去掉URI 就可以使排版變回來呢?(我猜,是browser的問題)

不過,我們還是可以用 XHTML 1.0 Strict
迎接最新最好的XHTML 格式

2.指明語言
如果是 HTML 4, 這樣做
<html lang=”en”>
如果是 XHTML 1.0 ,這樣做
<html xmlns=”http://www.w3.org/1999/xhtml&#8221; lang=”en” xml:lang=”en”>

註: XHTML 1.1 就是 Modular XHTML

3.其他我以前沒有做到的部分,是
– 為<a href>標籤加上 title attribute
– 拒絕使用<a target=”_blank”> (會開出新視窗), 這是目前團契網站的缺點
– 為表格提供摘要, 在<table>裡加上summary attribute
– 使用真正的清單標記<ul><li>
– 為<img>提供alt attribute, 這是作者強調最重要的一點
如果不提視覺障礙者的需要,alt 可以幫助google在做圖片搜尋時找到東西
– 提供能取代image map 的文字
– 用真正的<hr>來做水平線
– 使用相對字型尺寸
– 使用<h1>, <h2>, <h3>這些真正的標頭
– 在表單的元件旁邊加上<label>,不僅對盲人更有親和力,而且使你按那一行文字就可以勾選
– 建議加上站台搜尋(這正是詩歌資料庫需要的!!!)
– 撰寫親和力聲明, 這樣視障朋友才知道要怎麼用你網站提供的功能

我的結論是,先把 design with web standard 看完
了解一個現代化網頁到底應該包含什麼
(像<h1>, <h2>, <h3>這些東西)
知道我該寫出什麼樣的網頁才是有意義的
再回來看親和力

Advertisements

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


%d bloggers like this: