柳影花阴:按钮元素的外观重构(下)
你肯可能会对代码中空白的alt标签感到疑惑,尤其是那些认为页面中每张图片都应该添加alt属性的人。事实上alt中的描述信息不是必须的,空白标签完全符合标准,并且能帮助屏幕阅读器有效的筛选信息,为用户寻找下一个可访问项目节省宝贵时间。
你肯可能会对代码中空白的alt标签感到疑惑,尤其是那些认为页面中每张图片都应该添加alt属性的人。事实上alt中的描述信息不是必须的,空白标签完全符合标准,并且能帮助屏幕阅读器有效的筛选信息,为用户寻找下一个可访问项目节省宝贵时间。
结合一定的美工设计,这种美化提交表单的方法显得非常方便,但不幸的是,很多设计者和开发者都不知道这个元素的存在。那么现在,如果你决定把button元素应用到你的网站中去,在标签和CSS方面必须明确几个基本的要求 …
对一个设计者而言,创建良好的用户界面一直是件比较费力的事情,尤其网站应用程序的开发,由于不同浏览器在外观渲染上的差异,加之操作系统的不同,使得这个任务更加艰巨。在视觉设计方面,表单元素是难以应付的对象之一,下面我们就来看看经常使用到的“按钮”。
很多人习惯用一些无关外观的元素来调整页面的显示效果,比如堆砌几个换行标签来为页面留白,这种在文档中随意添加无意义标签的做法应该尽量避免,况且CSS有足够的能力来控制这些外观上的表现。而如段落和换行之类有实际含义的标签,就应该只出现在能体现它们分段和换行功能的地方。
最终表现出来的结构和元素都是静态的,我们无法对其节点进行增删操作。首先在XHTML结构中,只是很规则的一个多重列表,除了在最外层的ul上应用了tree样式之外,没有附带任何的其它元素 …
一些比较流行的图像替换方法对于屏幕阅读器是无效的,而且如果关闭图像但是打开CSS,就会出现内容缺失。因此,许多CSS作者停止使用图像替换方法,恢复为使用一般文本。
标题中体现出了站点的名称、页面在站点中所处的目录结构,这些对网站的浏览者而言都是相当有用的信息。下面展示的是一个糟糕的标题设计,它对用户起不到任何的帮助作用,我们应该尽量的利用Title,为用户提供一些使用的信息 …