上一页 1 ··· 23 24 25 26 27 28 29 30 31 ··· 45 下一页
2019年10月10日
你不知道的css各类布局（二）之流体布局、液体布局、栅格布局
摘要： 流体布局 什么是流 在谈论流体布局之前我们需要知道一件事情就是何为“流”，所谓“流”就是“文档流”，是css中的一种基本定位和布局 概念 流体布局（Liquid/Fluid Layout）指的是利用元素“流”的特性实现的各类布局，流式布局采用了相对长度单位（%、em、rem、vm、vh）。典型的流式 阅读全文
posted @ 2019-10-10 17:21 坤嬷嬷 阅读(2334) 评论(0) 推荐(0)
你不知道的css各类布局（一）之固定布局、静态布局
摘要： 前言 当为大量用户设计网站时，设计人员必须考虑到访问者的差异： 屏幕分辨率， 浏览器的选择， 是否在浏览器最大化状态， 浏览器的额外工具栏的开启（历史记录，书签等）， 操作系统和硬件。 屏幕分辨率， 浏览器的选择， 是否在浏览器最大化状态， 浏览器的额外工具栏的开启（历史记录，书签等）， 操作系统和 阅读全文
posted @ 2019-10-10 15:30 坤嬷嬷 阅读(2217) 评论(0) 推荐(0)
2019年9月24日
无障碍开发（十一）之参考文章
摘要： 参考文章 WAI-ARIA无障碍网页应用属性完全展示 翻译-盲人如何使用互联网的8个误区 WAI-ARIA 无障碍Web规范 Web 可访问性与无障碍最佳实践 Using ARIA: Roles, states, and properties Using ARIA: Roles, states, a 阅读全文
posted @ 2019-09-24 10:53 坤嬷嬷 阅读(522) 评论(0) 推荐(0)
无障碍开发（十）之读屏软件读什么？
摘要： 例如使用了 a 标签制作了按钮，如果不进行额外的优化，读屏软件在朗读时会读作"文字内容 链接"，但实际上该 a 标签是用作按钮使用，因此可以在标签上添加 role="button" 属性。此时，读屏软件会读作"文字内容 按钮"。 可以看到，读屏软件在朗读时会在结尾朗读出元素的属性，这也是无障碍优化中 阅读全文
posted @ 2019-09-24 10:48 坤嬷嬷 阅读(4027) 评论(0) 推荐(0)
2019年9月23日
无障碍开发（八）之盲人如何使用互联网的8个误区
摘要： 盲人如何使用互联网的8个误区 误区1：屏幕阅读器读取链接标题文本 不试不知道，一试吓一跳，这居然是不正确的。很长一段时间里，我总是试图在链接上增加title文字以描述这个链接，目的是方便屏幕阅读器理解。现在我是知道了，屏幕阅读器压根就不会鸟title属性中的文字，这意味着为屏幕 阅读器用户添加额外信 阅读全文
posted @ 2019-09-23 20:32 坤嬷嬷 阅读(856) 评论(0) 推荐(0)
无障碍开发（九）之焦点相关知识
摘要： 哪些元素默认可以获得焦点 在html中表单元素、button、带href的a可以默认获得光标焦点，对表单元素设置autofocus=“autofocus”在页面加载完毕后可以自动获得光标焦点，除非有其它的方法修改了界面的焦点．比如通过focus() 方法修改页面的焦点．其他可以获得焦点的元素 可以通 阅读全文
posted @ 2019-09-23 20:32 坤嬷嬷 阅读(2650) 评论(0) 推荐(0)
无障碍开发（七）之实例讲解
摘要： radio <div role="radio" aria-checked="true" aria-label="单选2" tabindex="0">单选tabindex="0"</div> 这个div模拟了radio的功能，在平时读屏软件是分辨不出来的，但是加上role及aria-checked状态 阅读全文
posted @ 2019-09-23 20:31 坤嬷嬷 阅读(2174) 评论(0) 推荐(0)
无障碍开发（六）之ARIA在HTML中的使用规则
摘要： ARIA使用规则一 如果你使用的元素( HTML5 )具有语义化，应该使用这些元素，而不应该重新定义一个添加ARIA的角色、状态或属性的元素。 浏览器的语义化标签已经默认隐含ARIA语义，像nav,article,button已经隐含ARIA的role="navigation",role="arti 阅读全文
posted @ 2019-09-23 15:44 坤嬷嬷 阅读(5383) 评论(0) 推荐(0)
2019年9月22日
无障碍开发（五）之设置获取无障碍属性值
摘要： 设置获取无障碍属性值 为了跨浏览器兼容，总是使用WAI-ARIA属性解析来访问和修改ARIA属性，例如object.setAttribute("aria-valuenow", newValue)或者$('DOM').attr() 附图 点击查看大图 阅读全文
posted @ 2019-09-22 21:25 坤嬷嬷 阅读(1290) 评论(0) 推荐(0)
无障碍开发（四）之ARIA aria-***状态值
摘要： aria-***状态值 2020-0115修改 注意：aria-checked：true 读屏软件读已选中、aria-checked：false 读屏软件读未选中，aria-selected：true/false 同理 2020-0507修改 aria-checked：在ios上不读（6p） 202 阅读全文
posted @ 2019-09-22 21:20 坤嬷嬷 阅读(2540) 评论(0) 推荐(0)
上一页 1 ··· 23 24 25 26 27 28 29 30 31 ··· 45 下一页