Tag Archives: Accessibility

superLink,让伪链接更有可用性

前几天,看到有人写了个superLink的东东,主要的做什么用呢? 我们有时会给在大块元素加个window.location='http://www.aoao.org.cn',还顺便把光标定义成移上去会变成手势还代替链接,为什么不直接用<a>因为有时东西太多,不能放在链接里,比如hx、p...
Posted in Web开发 | Tagged , | 15 Comments

省市级联菜单的可用性

省市级联这东西基本是网注一份,而且基本是全是js写的,js写唯一坏处就是JS无效时不可用,我所说的js无效包括不支持js,js加载未完成或者失败。 为了避免不可用,我曾经跟同事讨论过这样的实现方案。 默认显示为 input , 没加载完或者XX时,用户也可以填; js有效时,用select代替...
Posted in Web开发 | Tagged , | 6 Comments

语义化的label?

大家应该经常看到在文本框里提示文字,然后一点就没了。通常做法都是默认给个value,通过js来处理。详细实现都不介绍了,大家都会。现在来看一下一个比较创意的实现。 就是直接用label的内容盖在input上面,然后用js来处理一下。详细实现就不用说了,反正我想尝试纯CSS是没办法实现滴。从结构上来看...
Posted in Web开发 | Tagged , | 13 Comments

用书的概念理解小网站结构

博客就像一本书这话其实几个月前深圳FB时就有扯到,这也不是什么新概念,也许本身就应该是这样。 打个比方,当你拿到一本未看过的书时,理论上你会翻翻目录、翻翻前言,通过目录寻找感兴趣的内容,或者从头翻起。那博客呢?当你来到一个未访问过的博客时,也许你会翻翻导航、翻翻关于,通过导航寻找感兴趣的内容,或者从...
Posted in Web开发 | Tagged , , , | 2 Comments

缩放文字,不仅仅只是缩放文字

前些天Ian Liu发了篇有趣的发现:细致的易用性考虑,主要是讲网页的缩放,比如文章提到的IKEA网站。当然,最有价值的是评论部分,有兴趣的朋友可以先去看一下。 各个浏览器都有各自实现缩放的机制大约如下: IE7:整个页面缩放与文字缩放,鼠标操作(Ctrl+鼠标滚轮)为整个页面缩放,文字缩放没有...
Posted in 用户体验&信息架构 | Tagged , | 3 Comments

慎用 overflow

overflow有问题吗?没问题。那为什么说要慎用呢?因为有时会导致一些问题。。。 关于overflow:auto的,很多人贪他书写方便,直接用来清除浮动。但是Firefox使用overflow:auto会产生focus,引用网友fireyy的评论 我想这是FF浏览器的一个“可用性和亲和力”(usa...
Posted in Web开发 | Tagged , , , | 12 Comments

Accesskey引起的一点点思考

Access key 是什么?~估计除了做 Web 开发的没多少人知道,Access key 是网页提供的快捷键。先回到软件界面,看下我的 Opera 的菜单,我的 Opera 是修改过的,中英文混在一起。 中文的作法一般都是在文字后面加个括号,里面的键值用下划线标出。而英文一般是把开头当成键值,...
Posted in Web开发 | Tagged , , | 6 Comments

各位大大行行好,给checkbox配个老婆(label)吧

在大谈特谈用户体验的今天,一些问题总是在身边发生,试一下点下面两点复选框 测试的东东点啊点啊点这里点啊点啊点这里~是没用 代码是这样滴 <input type="checkbox" name="testtest" id="testtest" /><label for="testt...
Posted in Web开发 | Tagged , | 11 Comments

用JS给站外链接的cursor进行改造

因为我的小站是所有链接都在本窗口打开,我也喜欢这个所有链接在本窗口打开的网站。最少这样自己有选择权,想新tag就新tag,想新窗口就新窗口,当然,每个人的习惯都不一样。 选择都在本窗口打开,本来应该标明哪个是站外,哪个是站内,可是人总是懒的,我不会给页面中每个一外链加上class或者图片,原来一直是...
Posted in Web开发 | Tagged , , | 5 Comments