介绍一个实用的HTML属性enterkeyhint,可以让iOS和Android手机键盘出现时候的enter键显示出你需要的文案或者图标,从而从细节上提高用户体验,有demo有截图,希望本文内容可以对你的工作和学习有所帮助。
文章关键字 ‘语义化’
HTML enterkeyhint设置iOS/Android键盘enter键
2020年10月11日,星期日基于VoiceOver的移动web站无障碍访问实战
2017年01月20日,星期五所谓“无障碍访问”,指的是各类设备均可以无障碍访问。例如鼠标、键盘、读屏软件或设备等。
ARIA全称“Accessible Rich Internet Applications(可访问的富互联网应用)”。
VoiceOver是苹果设备上的读屏软件,当开启VoiceOver后,交互行为和通常行为是不一样。并且和ARIA属性之间的关系也比较深,本文就将通过项目实战展示基于VoiceOver的移动端ARIA特性和注意事项。
WAI-ARIA无障碍网页应用属性完全展示
2012年03月14日,星期三WAI-ARIA指无障碍网页应用。主要针对的是视觉缺陷,失聪,行动不便的残疾人以及假装残疾的测试人员。尤其像盲人,眼睛看不到,其浏览网页则需要借助辅助设备,如屏幕阅读器,屏幕阅读机可以大声朗读或者输出盲文。
而ARIA就是可以让屏幕阅读器准确识别网页中的内容,变化,状态的技术规范,可以让盲人这类用户也能无障碍阅读!
本文完整展示了ARIA相关的各个属性,角色。长长的表格,HTML代码示意,说明,截图等,希望本文可以对国内无障碍网页应用的重视和发展提供一些帮助。
i, b, em, strong元素在HTML5中的新语义
2011年11月26日,星期六HTML5中的语义那是相当劳力伤神的一件事啊。顾名思意,一知半解情况下使用HTML5的语义化标签,多半会进入“不合理使用标签”的深色名单。我们都是对自己有要求的人,虽然很烦,很折腾,我们还是有必要花大量的功夫去理解每个HTML5标签的真正语义。
不过嘛,这HTML5虽然势如破竹,但是,要真正一统天下还需时日。所以,HTML4还不是很了解的青年们,不必急于追随潮流,什么HTML5啊之类的,就当是浮云,知道有几只眼睛几条腿就行了。因此,对于这类青年,那些专门讲HTML5的文章,基本上可以当作流风之回雪。本文有些特殊,是对比HTML4,HTML5几个标签元素的。因此,不管你是哪个级别的青年,本文内容都算是有看头的。
很多HTML4中的标签元素在HTML5中被赋予了很多新的语义,这就像是给前朝遗孤赐予个什么官爵之类。本文就将讲述……