挑战
网站开发人员发现突破伤残人士浏览网站障碍的关键！ http://www.dw8.org Dreamweaver 专业网站
随着时代的进步，本港残迹人士的权益问题越来越受到重视，平等机会委员会及多个残疾人士团体，都在大力争取伤健平等。政府也鼓励广大机构和团体为残疾人士提供为他们而专门设立的网站，力求符合“制作方便残疾人士使用的网站内容导航”的标准。但是很多开发人员都认为需要大量额外资源，例如:另外设置纯文本版本（text version）等，来配合残疾人士的辅助器材，以至于辅助残疾人士的网站迟迟未能普及。
针对上述问题，社会福利署增设了“康复数码网络”网站，用以促进伤健之间的交流。建立该网站的ICON多媒体制作公司的制作人员，在符合政府规定的基础上，征询残疾使用者的意见，并经过一系列的研究工作，发现只要加入别出心裁的网站制作特色，在节省制作成本之余，身有残疾及健康浏览者可以分享同一版本的网站，两者之间更可轻松的进行相互交流。 http://www.dw8.org dw专业网站
http://www.dw8.org dw专业网站
解决方案
Macromedia Dreamweaver 及 Fireworks 的整合能力相当完善，通过简化版面排列整合的程序，使得开发者更加高效的开发上述功能。我们鼓励更多的开发人员能够更好的利用这些软件，在更多的网站中加入这些简易的无障碍功能，让真真正正的“伤健一家”精神得以实现。
优惠政策
残疾人士可以通过屏幕阅读器以及“一触式”快捷键功能，轻松浏览“康复数码网络”的种种切身资讯，例如残疾人士交通指南、相关设施的位置、进修及就业资料以及其它残疾人士的奋斗故事等。而一般人士也可以通过该网站了解残疾人士的真正需要，有助他们尽早融入社会，为生活增添色彩。 http://www.dw8.org Dreamweaver 专业网站
- 专为手部不方便的浏览者设置的快捷键功能
手部不方便的浏览者只要按照图片旁边或文字标签（Alt-text）上所提供的英文字母及数字，只需按相应的键就可到达相关的网站页面，这样取代了对于他们来说相当费力的重复按键动作。 - 自定义字体大小及颜色对比功能
不同视障程度的浏览者可以随时根据自己的需要设定适合自己的字体大小和颜色对比。浏览者登陆后，便可以将自己的设定存储起来，以后只要浏览者再次登陆网站，浏览者就可以通过其存储过的样式来浏览本网站。 - 配合辅助设备的内容
为了让视障浏览者浏览网站图文并茂的内容，所有图片都附加了文字标签说明（Alt-text）；而简单的表格形式及版面安排则可以配合阅读器的运作。
项目细节
网站特色
为方便残疾人士浏览“康复数码网络”的内容，该网站特增设以下特色，如：
- 浏览者可以根据自身视力状况来选择色彩及字体；
- 通过文字标注及简单的表格，失明人士便可以通过屏幕阅读器阅读所有图文；
- 手部不方便的浏览者可以通过“一触式”快速按键动作，取代费力的重复按键动作链接到达各页面内容
为了让残疾浏览者可以无拘无束地享受浏览的乐趣，ICON制作人员询访了香港失明人协会等残疾人士团体的意见，从浏览者的角度出发，进行网站页面版式设计与安排，不但符合政府为残疾用户设定的网页标准，而且开发人员还针对不同浏览者的需求进行特别设计，给残疾浏览者提供了无微不至的体贴关怀。这些特别设计包括：
专为手部不方便的浏览者设置的快捷键功能
手部不方便的浏览者往往因为不断重复“双击”动作来浏览网站，导致肌肉收到损伤。为了方便他们进行浏览，本网站特别加设了快捷键功能：只要一按图标或文字标注（Alt-text）所提供的英文字母或数字快速键，便可取代费力的“双击”动作。 http://www.dw8.org Dreamweaver cs3 专业网站
http://www.dw8.org Dreamweaver cs3 专业网站
如文字标注所示，按“S”快捷键可访问“生活贴士”页面。
网站开发人员在导航条（navigation bar）上特意设置了快捷键字母，次序跟随键盘上的字母次序，分别按照由上至下，由左向右的排序（如A、S、D、F、G），这样使得视力障碍及手部不方便的浏览只需按照页面导航条内容与键盘相对应的位置顺序按键即可，从而无需另行记忆快捷键字母。 http://www.dw8.org Dreamweaver cs3 专业网站
http://www.dw8.org Dreamweaver 专业网站
网站内页中的数字快捷键可以取代“双击”动作，选取所需页面。
版式上的特别设计与安排
供视力障碍人士阅读专用的屏幕阅读器如语点 98、Homepage Reader及Jaws，均是按照由左向右、由上至下的顺序阅读网页的内容，因此本站的表格排列也需要按照这样的顺序进行排列，而且形式要清楚简单，以配合阅读器的操作。Macromedia Dreamweaver 内容显示清晰，便于网站版面内容的设计与安排；而Fireworks 完善的图像处理功能，能将图像和表格内容同时输出到 Dreamweaver：一个步骤，就能输出符合简单表格设计要求的网页，节省不少排列设置表格的时间。
http://www.dw8.org dw专业网站
简单的表格形式，可配合屏幕阅读器的操作。 http://www.dw8.org dw专业网站
http://www.dw8.org dw专业网站
http://www.dw8.org Dreamweaver cs3 专业网站
此外，在整体的版面设计与安排上，充分反映出了开发人员对残疾浏览者的关怀。对一般浏览者而言，当页面一打开，就可以轻松地浏览网站每个角落。但对于视力障碍人士来说，却无法对网站有整体的概念，只能通过阅读器获得信息内容。因此开发人员在每个页面的开始部分特别增设了内容介绍，如“共有3个主题”让阅读器先读出这三个主题的内容介绍，让浏览者对网页内容有初步的概念。 http://www.dw8.org Dreamweaver cs3 专业网站
自定义字体大小及颜色对比功能
根据残疾人士团体的专业意见，弱视浏览者及色弱浏览者，分别需要16号以上的字体和强烈的背景和文字颜色的对比效果，才能够清楚阅读网页上的文字。开发人员所开发的自订选项功能，就能一一顾及到他们的需要。
http://www.dw8.org Dreamweaver cs3 专业网站
浏览者可以随时根据自己的需要设定适合自己的字体大小和颜色对比。浏览者登陆后，便可以将自己的设定存储起来，以后只要浏览者再次登陆网站，浏览者就可以通过其存储过的样式来浏览本网站。开发人员通过运用 Dreamweaver 的 style sheet 功能可以预设多种页面版式布局，配合后台程序编码及 cookies，浏览者无论登陆与否均可随时改变字体及背景。 http://www.dw8.org Dreamweaver cs3 专业网站
http://www.dw8.org dw专业网站
针对不同程度的视障浏览者，网站提供彩色、白底黑字、黑底黄字以及三种字体大小等供选择。 http://www.dw8.org dw专业网站
http://www.dw8.org Dreamweaver cs3 专业网站
ICON 的制作人员感谢残疾人士团体所提供的专业意见，并期望未来有更多网站加入共同发展无障碍的浏览使用设备。 http://www.dw8.org Dreamweaver cs3 专业网站