realazy


我们其实还可以做得更多……

我在这里说无障碍或者亲和力,即accessibility, 似乎有点尴尬。商业应用需要吗?除非我们的受众有残障,否则没有利润就不需要。没错,商业。但是,作为公共服务,天赋人权,应该保证信息的受众,无论在何种情况下(当然不是绝对的)都能获取。我们天天吹啊吹“以人为本”,其实政府应该立类似section 508的法了,使我们的政府网站建设有法可依,这才是真正的人文关怀。遗憾的是,作为accessibility的最重要的第一步,即web standards,我们的政府网站不仅还没开始,很多还是ie only的……路,漫漫兮……

虽说商业应用不能太过于关注无障碍,但是,如果不妨碍当前的应用,花点力气,不说为残障人士服务,在某些受限情况下,比如浏览器JavaScript关闭的情况下依然可用或者传达可用信息,那么用户顿生好感,对您的商业应用并非没好处。另外,值得一提的是,搜索引擎其实就是最大的盲人,做好无障碍,您其实就是做好SEO的根基工作。So,why not…,对不起,是所以,为什么不在项目开始的时候,就应该做做无障碍的工作呢?完全按照现有规范WCAG2WCAG1中译版),商业环境,预算等都不允许,但并不是不做点无障碍工作的借口。记住,Web 2.0并不是不能用

比方说,现在我们的网站,在没有CSS的情况下,ul标记的导航一般都会很长,对于我们来说,没问题,拖拖鼠标就ok,但是使用手机的家伙们呢?使用阅读器的家伙们呢(中国有么 -_-)?如果能有一个跳到内容的连接,那么就可以帮助许多人,迅速地跳到她/他所关心的内容上。我们加个连接并不困难吧?那你为什么不加?在我的上一个项目(无须保密,请访问HiThere)中,即使这是个十足的商业网站,我都加上了这个貌似没意义的连接。相信我,努力就有回报,您不能排除您的用户有一天会感动 ^_^。

当我们步入这个号称2的时代,CSS和JavaScript终有发飙之日。忽如一夜春风来,设计师,开发者不断分享各种各样的技巧,是的,有时候甚至是不择手段,目标只有一个,实现项目需求。然而,我们的产品经理不让我们考虑无障碍,right, boy, 你给我实现就是了。这并没有错,但是作为前端最终实现者的我们,在不影响实现的前提下依然可以有所作为。举两个例子,然后结束我们的文章,有所作为并非是为所欲为无所不为。

比如,以图代字的经典方法有两种,无外乎是使用display: none;text-indent两种办法,那么,您考虑过如何选择吗?它们除了技术以外还有什么不同吗?事实上,很多客户端会忽略掉display: none;的元素,当其不存在?不存在?!是的,在我们的视觉中,它是存在的,但其实是它的父元素存在。它的父元素?呃,它是个空元素,它只是一个为CSS而存在的钩子(hook),对视觉有意义。但对屏幕阅读器呢?将会是空白一片,因为文本被display: none;掉了。

Ajax让JavaScript得以复兴,我们很多网站都做了很多漂亮的应用,可以说,极大地提高了用户体验和可用性,但是在无障碍方面,却是不升反降的。您可以亲自去试一下,关闭掉您浏览器的JavaScript,看看还能有多少网站,我不要求能用,能提供出错信息不让用户迷茫的网站能有多少个?在此,我严重推荐ppk的一篇文章,Hide And Seek in The Head。看看人家的JavaScript是怎么用的,您的又是怎么用的?但是,其实您也可以做到,只要多一点点无障碍的考虑,对不?

对!所以,为什么不现在就开始?

P.S. 最近抽空练习了一下Rails,终于能够写一些小应用了,呵呵,我觉得这是我2006最大的进步。欢迎看看:http://www.dup2.net/realazy/,感谢qyb提供的空间,让我也学会了一点点的Rails部署。

20 Responses to “我们其实还可以做得更多……”

  1. aoao Says:

    其实商业一样也可以做很好的做,只是大家愿意不愿意做,o_O~好像大家都比较懒..特别是小安安

    我比较倾向于这样的开发 HTML -> CSS -> JavaScript 好像大家都这样做的样子.

    一般我是HTML出原型,CSS美化,在页面能正常运行下,才加JS扩展,当然,JS扩展的东西是不会出现在html里,
    是由JS自己创建的,方式有点像最后推荐的文章那样,因为扩展的功能是JS自己生出来的,在noscript的情况下,原来的也是正常的,可是~这种方式对于流行的AJAX来说..相当于要做两个版本,(o_O~两个版本~成本很高滴老大,算了.只要AJAX那个就行,-_____-!!)
    gmail大家总应该用过吧, 他就干脆分成三个,传说中的ajax ,noscript ,M(手机),大家爱选哪个就哪个,
    -______-!! 工程好大的说,分离对开发来说应该会简单一些,可是要多加道判断,

    一般来说我喜欢ajax 跟noscript做一个,M的~自己的小站就混在一起好了,在服务端判断到就JS和部分CSS不输出就行,我的小站内容那样少..一般手机都可以装得下滴,

    大家自己看着办, 如果把163的首页装入手机里不知道有多少人的手机可以装得下,挖哈哈,

    闪了闪了, 大家要记得,那个不喜欢开JS的混蛋就是我~`

  2. 冷韵 Says:

    我们的政府网站不仅还没开始,很多还是ie only的……路,漫漫兮……

    我们的政府不仅仅是不关心Webstandards,而是不关心网站的问题。可能他们还没有认识到网络媒体的重要性,即使认识到了的那部分大都在如何去控制言论。大多数的政府网站更新缓慢或者就没有更新,连内容都不重视的网站,他可能去重视表现和用户体验吗?根本没有把网络当作一种媒体。作为国内甚至全球都影响力的媒体,CCTV.com据说几百万招标,是大项目了,可这个大项目足以让人目瞪口呆。

  3. Aether Says:

    轻重缓急,对于不同角度出发的人肯定是不同的。
    只求活着的人可能在拾荒吃拉圾,富有的人才可以吃满汉全席。
    完美不是状态,而是过程。

  4. 涛tall Says:

    国内用阅读器的用户还是有一些的。在本地就听说过一些盲人到网吧上网,自带着U盘装着阅读软件,让人帮忙插上。

  5. 酷软 Says:

    google有个accessible search

  6. 小马 Says:

    写的好!

  7. om19 Says:

    座主难得写博,但写皆惊人!
    和俺的想法一致。一些顺手做的事确实要方便某些人太多。网站,不要太功利。

  8. om19 Says:

    看了text-indent的做法,不是很赞同。虽然考虑了no-style的问题,但是实际上,没有考虑到其他的问题,就是,当Css,back-ground中所指的url失效时,将是一片空白,包括背景图片下载中也是。
    我想了一个办法并一直在用,不知道如何:
    Some text goes here…
    .replaceText div{
    position: absolute;
    width: 200px;
    height:60px;
    background:url(bg.jpg)
    }

  9. realazy Says:

    om19,确实会有您所说的情况发生,但不仅仅是text-indent才有的问题,display: none的方案亦存在这问题。只能是两权相衡取其轻。

    您的方案我看不明白。或许我可以理解您的基本意思。就是说,加上一个额外的div/span,使用相对/绝对定位,让这个额外的钩子显示背景图片,然后通过z-index来覆盖住文本。

    这应该是个不错的方案,但是,或许没有多少人愿意写上这个额外的钩子来“破坏”结构。综合来说,text-indent应该算是比较中庸的方案,呵呵。如果真的很在意说背景图片有可能下载不过来,您的做法无疑是最佳的。

  10. xw Says:

    兼职小黑板 有点意思~~~~

  11. Comer Says:

    懒的有理

  12. yyq123 Says:

    打电话问Taobao,他们竟然说只支持IE!交行网站在Firefox下几乎不能用。我不知道他们有什么权利限制用户。企业和政府的社会责任在哪里?

  13. KinK Says:

    屏幕阅读器阅读的应该是XHTML代码本身,而是否使用样式表来控制某一元素的显示与否似乎与能否被阅读器读到好象没有关系?

  14. realazy Says:

    回kink,我没有使用过屏幕阅读器,因此我也不敢肯定有没有关系。但可以参考一下 http://www.stopdesign.com/articles/replace_text/#notes 中提到的问题,应该可以确信,确实会有影响。

  15. BULO Says:

    yyq123:taobao我在FF下用的挺好的,不知道谁告诉你他们只支持 IE 的

  16. 小马 Says:

    Hijax? Degrade Gracefully? Progressive Enhancement? 我绝对同意, 也亲身尝试了。但项目经理或者Boss,甚至大多数同事通常都不那么认同。

    当前国情如此!当然这决不可以成为消极的理由。合适的场合下我仍然尽自己最大的努力去实践和倡导。

    不过也不用太过追求极致,例如display:none 应用如此频繁,那么我想应该改良的就应该是屏幕阅读器了,不是吗?

  17. igoldc Says:

    我们是可以做的更好,但什么时候才是个尽头呢

  18. 小黑 Says:

    taobao在ff下面可以,只是支付宝不支持非ie核心,还有好多网银的平台都不支持非ie核心….

  19. 只看优点 Says:

    在批评别人网站同时没人给你反应过你网站的滚动条很难控制吗? 而且你要一般的去寻找还找不到滚动条,非要用鼠标放上去才能看到有滚动条,而且拉又拉不动。 我一直以为已经到底了。 用鼠标网下刷才看到下面还有内容。 服了YOU

  20. 只看优点 Says:

    比如这个页面:http://realazy.org/blog/category/javascript-dom/
    当鼠标停在两边空白的地方,利用我们通常上网的经验会不认为下面还有内容,因为通常我们会根据滚动条来判断的,但你怎么看也看不出有滚动存在,但是。。。,却是有的。 鼠标移到某个区块时有隐约可以看到有条竖线,但根据我们通常的上网经验仍然不会以为那是滚动条,还以为只是一个鼠标效果。 当然你万兴悟出它的确是个滚动条时,你会发现你只能慢慢的拖动,因为你只要速度一快鼠标指针就会离开那条竖线,这时你就得重来一遍。 痛苦不堪。

Leave a Reply


realazy (懒到死) is proudly powered by WordPress | Entries (RSS) and Comments (RSS)