 |
台湾 行销企划部
电话：(02) 2704-1758
传真：(02) 2704-0372 |
| |
USA Service Dept.
ADD：5138 Parkfield Ave.
San Jose, CA95129
Tel：408-2034565
|
|
|
|
网站建置无障碍化前，除熟稔各标章等级的机器及人工检测码外，于建置网站时尚需要了解每个检测码应注意的地方，为使网站维护(承辨)人员建置无障碍信息网能更顺利，以下提供大部份使用者常遇到的问题，所列常见事宜可能无法含概所有网站所遇到的问题，尔后若对建置无障碍网站有更好的建议，欢迎来信提供建言。
下列所列项目为各标章等级会抽测的重点，当网站有重大问题(影响网站信息获取)或错误事项过多时，网站会被退件，因此申请标章前请务必自我落实全网站机器检测、人工检测。
为维护本网站的标章申请数据，及避免标章数据被退件，请依「标章申请程序」及遵守「标章申请声明」配合办理！标章申请资料，若包含下列原因者，标章资料将被退件，说明如下：
壹、标章申请登录数据不正确者，将退回标章申请：
1. 网站名称登录错误或标示不清楚者，如：登录成网址、信息中心等。建议网站名称加上机关名称，如：台北市政府信息中心
2. 网址登录错误或无法浏览，如：以local端的网址登录。
3. 机关代码未填写或错误，如：null。
4. 未以最新版本检测工具检测。
5. 申请单位填写不完整或错误，如：申请单位为厂商，经限期通知改善而未配合修正者。
6. 申请人数据填写不完整(尤其是申请人姓名、联络信箱)，如：陈小姐、Andy、未填写联络信箱…等，经限期通知改善而未配合修正者。
7. 政府机关网站的标章「申请单位」及「申请人」资料，虽为机关网站承办人员的资料，惟申请人的「邮件信箱」为厂商，经限期通知改善而未配合修正者。
8. 以「测试网址」或另辟的「无障碍版(或文字版)」申请标章者；若网站某些因素有另辟一个文字版需要，请将网站原来的图文版(或多体媒版)网页一并通过无障碍可及性设计。
贰、上传报告错误情况者，将退回标章申请：
1. 检测报告中的标章等级与登录的标章等级不同。
2. 报告中的受测网址与标章申请登录的网址不同。
3. 除相关个案确实无法检测完，或无法产生全网站检测报告等例外，若检测状态未完成，如：检测中断者，将退回要求检测完成。
4. 检测网页数量异常，如：只检测出0或1页。
5. 网页只检测单一网页者、机器检测报告无内容。
6. 同时提出二笔标章申请，仅保留最新数据且标章等级较高之标章申请数据。
参、其它情况者，将退回标章申请：
1. 该网站经过数次尝试皆无法进入。
2. 功能选单以script或flash制作时，在浏览器不支持script或flash时所提供的替代方案，影响网页信息浏览、造成版面凌乱或排版不美观(若网站有重大错误或过多问题时)，为符合无障碍网页设计精神，请将网站版面重新规划并排版。
3. 未完整或尚未建置完成的网站，请勿申请标章。请以能包含机关大部分网页信息的网址申请标章，一个完整的网站，应包含有主要的基本信息。学校网站分歧网址甚多，惠请学校网站建置人员配合将属于学校网页的基本信息整合于同一网址下再申请标章。另，若属于学校信息内容，但列于不同网址者，亦请个别申请标章，避免使用者误解。
4. 申请标章的网址内有特定埠时，因资安控管，列A及B级的中央单位，皆无法浏览特定埠的网站，若无特殊用途，请勿将公众网站的网址加上特定埠，亦请勿以特定埠为网址网站来登录标章。
肆、建议：
1. 为方便使用者快速了解网站架构及内容，「网站导览(或网站地图或Sitemap)」连结位置，请设置于进入网页时，在未藉助任何快速键下，使用键盘移动能于３个光标内能到达的位置较适宜。(参照：http://www.webguide.nat.gov.tw/wSite/ct?xItem=1147&ctNode=166&mp=1)
2. 网站请张贴申请等级之无障碍标章，请勿以其它等级无障碍标章替代。
3. 无障碍标章仅受理『开放网站』，即不需账号及密码登入的网站；而「管理机制」网站因未对外提供浏览，检测工具无法检测，该类网站请暂时勿申请标章。
伍、各标章等级申请应注意事项，自申请标章起7日内，若发现申请的各标章等级有未执行下列人工检测项目者，将退回标章申请：
一、A标章等级
(一)图片替代文字说明：(1.1、1.9)
1.美编、排版图片等装饰图，请以null(即“”)为图说；而项目符号，请以”*”做为替代文字说明，勿以「装饰图、项目符号」等无意义的替代文字做为说明，避免语言朗读系统重复读取无意义的信息。
2.统计图、流程图、平面图、位置图、组织图等内含信息内容图标，请依图片内容提供详细说明，勿仅以图片标题做为说明，亦勿于alt属性内加注超过150字说明，请于图示上方(或下方)加注完整的文字说明，或提供「xx图完整说明」页等作法。
(1)统计图：可制作成表格形态的文字作为替代方案。可参考阳明山国家公园管理处「政府信息公开 > 施政统计 > 历年参访统计分析资料」网页http://www.ymsnp.gov.tw/web/intro3b-2.aspx。
(2)流程图：可参考台南市警察局妇幼园地http://www.tncpi.gov.tw/wanda/volunteer/volunteer03志工招募流程表。
(3)组织图：可参考行政院灾害防救委员会的组织架构说明http://www.ndppc.nat.gov.tw/Show.aspx?MID=663&UID=804&PID=0。
(4)位置图：请额外提供行车路线、交通状况的说明。可参考内政部警政署保安警察第四总队全球信息网-交通导览说明http://www.4pppc.gov.tw/modules/tinyd1/index.php?id=1。或高雄荣民总医院英文版「Traffic Information」网页内的位置图http://www.vghks.gov.tw/English/Traffic.htm。
3.儿童版网页内容，若以图示呈现，请比照上述2的作法。
4.上述图片以外，网页内只要属于有意义(非装饰用)的图示，请加注跟图示内容相符的说明。
5.网页内有多个「more」(或「更多」)图示时，请个别标示图说，俾利区分不同更多讯息，如「更多出版品讯息」、「更多最新消息」．．等。
6.外语版系提供外籍人士浏览，应使用外语说明，请勿以中文说明。
7.不同图示或不同下载档案，请个别标示文字说明，勿皆为「活动图示」或「下载word档」，请加注不同信息内容，如：「xxx颁奖活动图示」或「xxx申请书doc档案」。
(二)键盘操作注意事项：键盘移动顺序请遵守由上而下，由左而右的规则。
1.网站内所有功能，皆必须提供鼠标与键盘都能操作。(9.4)
2.功能选单，以script或flash设计时，必须提供键盘可以浏览主、次选单。
3.主选单下尚有次选单时，点选主选单后，须能展开次选单，且展开次选单后，键盘光标请能接着浏览子选单。(本说明系指主、次选单是以有层次的收合功能设计时)
4.光标移动时，请看得到光标浏览的动线，勿看不到光标位置。
5.使用页签(TAB)方式设计时，请注意键盘能浏览至每个页签(TAB)项目。可参考故宫网站http://www.npm.gov.tw/zh-tw/home.htm。
(三)使用script语法，应确保浏览器不支持script时，也能浏览信息且不破坏版面结构。
1.在浏览器不支持script时，请确保网站能进入，或数据皆能运作。(6.3)
2.主功能选单，以script或flash设计时应注意事宜：
(1)可提供2种选单设计(原选单设计及html选单连结)，让使用者自行选择要使用何种选单操作。
(2)主功能选单，设计于上方区块时，可提供点选主选单后，次选单出现在中间内容区或左侧区块，不影响网页结构。可参考高雄县政府地方税务局http://www.khtb.gov.tw/core/main/index.php。
(3)主功能选单设计于左侧或右侧区块时，可提供点选主选单后，将次选单放置于中间内容区。或展开列于该项主选单下方。
(4)「下拉式」的查询窗体，请确保于浏览器不支持script时，亦有替代查询窗体。
(5)「回上页」、「打印」、「跳页」功能，可提供使用者使用键盘快速键「ALT键+←向左键」或「Backspace」替代回上页；而「ctrl键+P」替代打印功能。
(四)表格设计：
1.非数据表格(即排版表格)或非行列卷标或非表格标题，请不要使用行列标题th标签、也不要使用表格标题caption卷标。
2.数据表格的行列标题，请使用正确的th标签。(5.1)
(五)多媒体设计：
1.早期已拍摄完成的语音、影音、多媒体档案，请于影音档案旁提供文字旁白叙述或相对应的替代文字说明。(1.10、1.12、1.15)
2.正规划拍摄(或未来)的语音、影音、多媒体档案，请于影片播放时，能同步提供文字旁白。
二、A+标章等级
(一)上述A标章应注意人工检测项目。
(二)定位点设计：
1.整个版面未有「选单区」与「内容区」的切割时，可不需提供定位点与快速键设计。定位点系用来定位与搜寻，请了解其用途，避免无谓的设计。也就是说，版面有选单区与内容区的切割时，应有「定位点(:::)(原名导盲砖)与快速键」的设计。(9.5)
2.快速键的设计，请避免与浏览器预设的快速键设定相同，造成冲突，如：Accesskey T快速键，与浏览器IE的工具列之[工具]快速键设定相同，请避免使用。
3.不同版面区块，请使用不同快速键设计，且同一版面区块请使用1个定位点(:::)与快速键设计即可。
4.每个区块的快速键定位点位置，请设计于能含概该区块信息的起始处。
5.定位点与快速键设计应正确，及光标移动顺序亦有规则性，以发挥快速键与定位点的功能。
6.请勿将定位点(:::)设置过小，请与网页字体一般大小呈现，若觉得破坏画面，可将定位点(:::)利用背景颜色隐藏。
(三)网站地图（或网站导览或sitemap）(13.6)。
1.应提供「网站地图」页，并将快速键设定说明载明于「网站地图」页。
2.「网站地图」页，请将每个连结前的数字层级符号，亦并入连结内，便利使用者了解连结间的层级关系。
3.「网站地图」页内的各阶层导览项目，请提供连结功能，若主项目未有页面时，请以锚点设计提供键盘光标亦能走访至主项目，提供辅具浏览网页的使用者，可容易察觉阶层与阶层间的层级对应关系。
三、AA标章等级
(一)上述A+标章应注意人工检测项目。
(二)请使用相对尺寸(如%)提供使用者依个人需求调整表格及文字大小，及随浏览窗口的分辨率(1024*768、800*600、…等)而变化。(3.5)
(三)数据表格(非排版表格)，请提供表格标题，并使用正确的caption标签。(5.6)
(四)网站请勿大量使用gif移动式图片。(7.4)
(五)超级链接若以另开一个窗口的方式开启网页，请加注「另开新窗口」。(10.1)
(六)网站的网页标题，请随网页内容而变化。(13.5)
(七)首页使用自动转址功能设计，在不支持时转址功能时，请确保也能进入网站。(7.6)
(八)窗体控件，请使用Lable for卷标提示信息，并对应Input ID或Select ID。(12.6) 可参考玉里医院的「便民服务>院长信箱-写信给院长」(http://www.vhyl.gov.tw/index.php?mo=ServiceInfo&ac=service1_save)
四、AAA标章等级
(一)上述AA标章应注意人工检测项目。
(二)表格设计：
1.排版表格，可以「排版表格」或「*」或「空白」作为summary摘要说明。
2.数据表格(非排版表格)，请勿用「排版表格」或「数据表」…等无意义的文字作为摘要说明，请提供与数据表格相关的信息。(5.5)
(三)档案下载，请提供多种档案型态，如：doc、pdf、txt、html。若另有提供压缩档下载时，请勿解压缩后，又与其它提供的下载档案型态一样。(11.4)
(四)勿限定仅能于某浏览器下或某浏览器版本以上才能正常浏览。
(五)群组超级链接前，请增设可绕过此区域的超级链接功能设计。(13.10) 可参考彰化县文化局网站之http://www.bocach.gov.tw/county/cht/active_art.jsp网页。
五、其它常见问题：
(一)无效连结：Freego检测软件所检测到的无效连结，系判断连结网址时，是用绝对路径的写法去判断，当检测软件无法读取到正确的连结路径时，会判断为无效连结，网站维护人员可实际试着连结这些无效连结，确认是否可以正常连结，若确认可以连到正确网页，则可忽略，若确认无法连结至正确路径，请检视网页语法的正确性并重新设定连结路径。
(二)跑马灯设计：跑马灯设计对于使用辅具浏览网页的使用者而言，将造成信息读取不易，请避免跑马灯设计，若网站需有跑马灯设计，跑马灯请放慢速度，另额外提供静态讯息信息。可参考台南市警察局网站(http://www.tncpi.gov.tw/)的「最新消息」及「公事事项」，在进入跑马灯之前，额外提供「更多」静态连结网页。
(三)动画音乐容易干扰语音朗读软件之操作，请避免使用，或是增设提供使用者可以自行选择关闭的功能。所增设的关闭或忽略功能，如：按ESC键关闭音效，或skip设计，请勿设计于flash或script语法内，造成辅具使用者仍旧无法点选，请于flash或script语法外提供使用者能自行选择的功能。可参考高雄市立历史博物馆儿童网http://w5.kcg.gov.tw/khm/kids/index.htm。
|
| 文章整理： |
|
| 关键词： |
无障碍网站,注意事项,无障碍规范 |
|
|
|
