文章关键字 ‘可用性’
2012年05月21日,星期一
我们平时因为A原因或B原因,需要复制web页面上的文字内容。常见的操作就是按住鼠标,选中要复制的文字区域,抬起鼠标按键,目标区域的文字就选中了。
不知你知不知道,有些看山去OK的CSS布局实际影响了页面上文字复制的可用性。
这么说吧,假设你在微博上看见一个名为“屌丝逆袭”的标题,但是,由于孤陋寡闻,不知道这个标题啥意思,于是想百度之,最快的方式就是选择→复制→搜索。结果,像中了邪,这几个文字TMD就是选不准,老把旁边的“萝莉御姐”一起选中了;然后,这个标题又是链接,不能双击选……
本文重在抛砖引玉,希望对各个同行有所小小意识与启发。
阅读全文…
标签:margin负值, 可用性, 可访问性, 文字复制, 文字选中, 流体布局, 浮动, 绝对定位
发布在 CSS相关 | 16 条评论 »
2012年03月14日,星期三
WAI-ARIA指无障碍网页应用。主要针对的是视觉缺陷,失聪,行动不便的残疾人以及假装残疾的测试人员。尤其像盲人,眼睛看不到,其浏览网页则需要借助辅助设备,如屏幕阅读器,屏幕阅读机可以大声朗读或者输出盲文。
而ARIA就是可以让屏幕阅读器准确识别网页中的内容,变化,状态的技术规范,可以让盲人这类用户也能无障碍阅读!
本文完整展示了ARIA相关的各个属性,角色。长长的表格,HTML代码示意,说明,截图等,希望本文可以对国内无障碍网页应用的重视和发展提供一些帮助。
阅读全文…
标签:aria, 可用性, 可访问性, 屏幕阅读器, 无障碍网页应用, 语义化
发布在 HTML相关 | 43 条评论 »
2011年07月28日,星期四
一般稍微有些经验的页面制作人员都知道label
标签可以优雅地扩大表单控件元素的点击区域,这对于提高页面的可访问性是很有帮助的。但是,具体的些情况是如何的呢?本文就将比较巷子地介绍下label标签在HTML5中的可访问性,以及目前的一些支持情况,发展等。
一贯优良传统,有demo页面,有源代码展示,有截图。总之,希望本文的内容能够对您学习有所帮助。
阅读全文…
标签:HTML5, label, 可用性, 可访问性, 屏幕阅读器, 控件
发布在 HTML相关 | 8 条评论 »
2011年04月8日,星期五
国外就页面可用性方面的讨论是很多也是很深的,貌似关注longdesc属性的前端相关人员还是很多的,相关的讨论也较多。相比国内,就淡得多。其实自己之前对该属性也是七窍只通六窍——一窍不通。所以,不想班门弄斧,本文就简单介绍下longdesc属性相关的一些内容,一些深入的可用性方面的东西自己确实业余的很,就不提及了。总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签:HTML5, longdesc, opera, 可用性, 图片, 搜索, 链接
发布在 HTML相关 | 7 条评论 »
2011年04月2日,星期六
CSS中有一个属性叫做clip,为修剪,剪裁之意。配合其属性关键字rect可以实现元素的矩形裁剪效果。此属性安安稳稳地存在于CSS2.1中,且使用上基本上没有类似于max-height/display:table-cell等浏览器的兼容性问题。但是,貌似大家很少使用此属性。实际上clip是实在在的可以在实际项目中大放光彩的东东。
本文一如既往,提供必要的demo页面以及源代码展示,提供属性的一些具有代表性的实例。总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签:clip, css sprites, css相关, IE6, png32, rect, 可用性, 图片剪裁, 旋转, 滤镜
发布在 CSS相关 | 35 条评论 »
2010年09月10日,星期五
从本文的题目可以看出,内容的重点在于“下拉菜单”“可访问性”,其实前面的“下拉菜单”只是用来示例,“可访问性”才是本文的重点。本文就页面的“可访问性”讲了很多。一如既往,丰富的截图,必要的代码示例,还有UI良好的demo页面。天色已晚,话不多说,总之,应该会对您的学习有所帮助的。
阅读全文…
标签:focus, js相关, outline, 下拉菜单, 可用性, 垂直下拉菜单, 导航, 屏幕阅读器, 标签, 选项卡, 键盘事件
发布在 JS实例 | 11 条评论 »
2010年06月19日,星期六
本文主要阐述我们绝大多数开发人员可能会忽略的不知道的一个用户体验与页面可用性的一个问题,截图丰富,没有Demo,下面为文章内容摘要,相信会对您的进步提供一点帮助的。
我们可能仅仅是忽略而已,仅仅是不知道而已!对于中文网站,我们的用户绝大多数是中文用户,在页面上设置中文字体属性(宋体/simsun)会降低页面的可用性和潜在的用户体验。如今的web,好的产品往往是可以满足用户的个性需求和自主能动性。页面上中文字体的设置会扼杀浏览器的默认中文字体,无法让用户以自己喜欢的中文字体显示。所以,我个人的倾向是,不要再CSS中,至少在body/html这类标签上设置中文字体。
我本想把本文的题目定为“不要再CSS中定义中文字体”,这样的题目更有噱头,但是……(我要转折)。因为我突然想到,有些网站就是不让你使用您自己定义的字体,比如网站可能会使用“微软雅黑”与“宋体”来区分中文与标题,如果网站中文字体可以提过浏览器自定义,例如“微软雅黑”,则标题与正文字体一致,反而增加了阅读浏览负担,降低了用户体验。
所以,到底哪种做法更好,要看实际的情况,合适的往往是最好的。但是,您需要知道:在CSS中设置中文字体会让中文用户无法通过修改浏览器默认字体来按照自己的需要浏览网页。至于具体您会怎么做,那就看您自己了……
阅读全文…
标签:css相关, font, font-family, simsun, 中文字体, 可用性, 字体, 宋体, 浏览器, 用户体验
发布在 CSS相关 | 18 条评论 »