• 如何测试网站的可访问性
    编者按:本文作者:安佳,360 搜索事业部的前端开发工程师,W3C CSS 工作组成员。站在 Web 开发的角度,一提到网站的可访问性,可能大部分人最想知道的就是:如何评判一个网站的可访问性的好坏?是否有自动化的检测工具可用,可以很直接地指出问题所在和改进策略?本篇文章就来聊聊这个话题,主要包括:自动化测试工具手动测试的方法和工具可访问性需要覆盖的特性列表一、自动化测试工具比较常用的四个工具:axe-core(https://github.com/dequelabs/axe-core) 是一个用于测试 We...
  • 关掉灯光,演出开始 -> 夜间模式来了
    在今年的 I/O 上我们正式发布了夜间模式,是的,我们在现场就听到了大家的尖叫。即便这个酷酷的 “黑色款” 已经在开发层面上可用,但不少应用在设计时却一时摸不着头脑: 似乎以往常用的配色关系、明暗对比甚至构图细节都需要重新设计。这里我们拿几个 Google 自己的产品为例,和大家分享一些我们使用 Material Design 夜间模式的经验。您也许会感到惊讶——我们今天为之雀跃的夜间模式 (Dark Mode) 其实是计算机显示设备诞生时的 “默认模式”。在早年的计算机上,屏幕完全是黑色的。即使您从未使用...
  • 【译】移动App的可访问性陷阱和测试方法
    编者按:本文作者:安佳,360 搜索事业部的前端开发工程师,W3C CSS 工作组成员。原文:Mobile App Accessibility Pitfalls, Plus an Intro on Testing for Accessibility.(https://www.microassist.com/digital-accessibility/mobile-application-accessibility-part-2-of-2/)确保残障用户可以访问移动应用程序:给设计师和开发人员的提示和测试指南...
  • 小米曲面显示器上手:2499 元买个 34 英寸的带鱼屏靠谱吗?
    在使用 2 天后,我终于适应甚至开始享受这个曲面超宽屏了。尽管早有准备,还是比预计时间长了不少。这就是小米在 10 月发布的曲面显示器。不同于市面上主流的 4:3、16:9 比例,21:9 对刚接触的人来说多少会有些「突兀」,当我将其用作笔记本的扩展屏后,这种感受更为强烈。34 英寸大小是笔记本电脑屏幕尺寸的两倍不止,而曲面效果也带来了一种扑面而来都是字的轻微压迫感。不过,在活用分屏、座位后移后接受起来就轻松多了,办公效率也有了大幅提升。正式开说小米曲面显示器前,不如先开箱了解下配件。除去显示器主机,包装箱...
公众号