必威体育下载克里斯蒂安·海尔曼

“可访问性”标签的文章

WebmaKey MaKey?–这里有一些事情要开始

星期日,9月23日2012

马基马基非常酷。这是一个非常简单的基于Arduino的板USB电缆和鳄鱼夹模拟按键,触摸电缆并握住另一根电缆闭合电路。不过这很无聊,所以你可以把第二个夹子连接到任何能传输电流的东西上——水果,玩doh,石墨笔图纸,你说出它的名字。看看视频看看它背后的想法和一些例子。

不仅仅是一个玩具

乍一看这很酷,但对于孩子们来说,这似乎是一个玩电脑的第一步的玩具。是的,它的魔力在于夜间动物园教师实验所示。但还有很多。

一个很好的可访问性机会

我几乎已经放弃了试图让可访问性Web世界对价格合理且开放的解决方案感到兴奋,但是使用一个makey makey,你可以为那些不能在小本经营的情况下操作键盘,同时享受乐趣的人创建交换机接口,因为它可以以任何你想要的方式进行定制。的皮球接口对于Flabbyphysics就是一个很好的例子。

在Makey Makey论坛上有一个完整的部分专门用于访问劈柴.总的来说,当人们用它建造许多奇妙疯狂的东西时,检查论坛是否有灵感是一个好主意。

WebmaKey?

我在网站上缺少的是网页组件,因为许多演示使用了flash或各种本地代码。我觉得把MaKey MaKey混在一起是个好主意Webmaking我整理了一个非常简单的蓝图,使用makey-makey输入HTML页面调用易怒的,暴躁的.

它只是显示和隐藏页面中不同部分的右键的事件处理程序。还有一个演示用光标键移动狐狸.

这里是什么自述文件解释:

当makey makey模拟各种击键和单击事件时,您可以与计算机交互。易怒易怒是用这个做一些事情的简单开始。
HTML包含链接到由MaKey MaKey模拟的键的部分。当你激活一个时,适当的部分如下所示,当你释放钥匙(或电缆)时,它会被隐藏起来。


               
               身份证件=
               “对” 
               =
               “反应堆”
               >
              
  
               
                >
               正确的>		
>

所以,举个例子,如果你想把MaKey MaKey和香蕉联系起来给大家看一张香蕉的图片,你所要做的就是改变HTML:


               
               身份证件=
               “对” 
               =
               “反应堆”
               >
              
  
                
                href=
                “http://www.flickr.com/photos/robin24/5129712590/” 
               
     标题=“香蕉- robin_24分离,在Flickr上>
    
                 
                
      src=“http://farm5.staticflickr.com/4059/5129712590_98642c5ebf_n.jpg”
      宽度=“320” 
      高度=“213” 
      alt=“香蕉——孤立”>
  >		
>

希望这能让一些人开始混合HTML必威体育下载学习和MaKey MaKey黑客。

Mozilla节

在今年Mozilla节我们会有一个MAKEY MAKEY会议.实际上,我正在使用makey makey和webrtc制作一个拥抱/亲吻/高五个摄影棚。让我们看看结果如何:)

在任何情况下,我只能建议你自己买一个工具包,因为玩起来非常有趣!

在Google+上讨论(也许)。

Alcance by CPQD–智能手机的一个可访问且简单的界面

星期二,7月31日,2012

可访问性和移动设备仍然是需要解决的问题。当然,在相当长的一段时间内,手机都有解决方案,比如允许盲人听他们的手机(我认识的一个朋友使用诺基亚手机)N95为此)iPhone被许多人认为是一个非常好的残疾人解决方案,但iPhone的价格使得很多人无法使用它。

在校园聚会上,我给了一个讨论Mozilla和开放式网络设备由巴西Telefonic_的Felipe Cunha介绍给Alcance产品CPQD.这是对菲利佩的一个简短采访:

以下是要点:

  • CPQD在对盲人用户进行了用户测试和研究后,建立了这个原型,老年人和学习障碍和识字能力低下的人必威体育下载
  • 该软件运行在中档Android手机上,使用私有访问权限绕过主Android OS界面直接引导到界面
  • 用户可以在屏幕上滑动,声音会读出他们当前接触的应用程序。双击会打开包含更多语音信息的应用程序。随后的屏幕都是相同大小的图标(每个屏幕6个)

以下是正在运行的设备的一些屏幕截图:


按CPQD计算-启动屏幕
Alcance启动屏幕–未选择应用程序


Alcance由CPQD选择的应用程序
Alcance选择app屏幕


Alcance by CPQD -另一个选择的应用
Alcance其他选定的应用程序屏幕


Alcance按CPQD -二级菜单操作
Alcance二级app屏幕

当然,这并不能完全取代智能手机的所有可能性,但我非常喜欢它的理念和简单性。Telefonica很有兴趣了解它的发展方向,我很确定它可以很容易地转换成Firefox OS和inHTML5.

我最喜欢它的一点是,它是在与目标受众做了研究之后构建的,而不是又一个原型,它假设了很多东西,并在几周后进入公司的“创新”箱中。

看看这个产品还会有什么变化将是很有趣的。尤其是在巴西这样的市场,低识字率是一个问题,这可能是一个很好的方法,可以让那些能从中受益的人建立联系。

TTMMHTM:缩放和重新设计,用于访问的iPad,旧游戏,HTML5 polyfill和独角兽

星期二,9月28日,二千零一十

今天早上让我快乐的事情:

TTMMHTM:摇摆,暗室,iPad的可访问性和PacMan中的AI

星期一,5月24日,二千零一十

今天早上让我快乐的事情:

追逐闪亮的HTML5,CSS3过渡期——哦,天哪!

星期五,5月14日,二千零一十

昨天我在推特上和保罗·爱尔兰和迪维娅·马尼安在推特上反复讨论了一件充满胜利但也让我发疯的事情。

那两个小伙子http://html5readiness.com/–一个关于你能做什么的漂亮演示CSS转换,Javascript和标记。它看起来是这样的:

HTML5准备

从本质上说,这是设计师的眼睛http://canius.com/它以一种不那么直观但非常有用的方式列出了相同的信息。

当我看到视觉化的时候,我“哇”了一声,其他人也一样。但事实上,当使用这个网站时,我的兴趣和魅力很快就消失了。

我认为自己是一个很有观察力的人,我能真正地阅读,非常快。尽管如此,看着这幅图像,我发现自己经常要检查从彩色光线到传说,才能了解我们现在谈论的是哪种浏览器。单击“固定浏览器位置”复选框使这一点更加明显,但我仍然很困惑,特别是当颜色彼此接近(在我的笔记本电脑上)并且滚动颜色更改不再与图例匹配时。当主光线和翻转的颜色发生变化时,这会变得更加混乱:

HTML5准备就绪黑暗翻转。

我不知道为什么光线的颜色不同。我认为它是两者之间的连接点HTML5CSS3,但地理位置不是一部分HTML5.

我通常对任何接口做的下一件事是关闭CSS看看它对非可视用户或旧的移动设备有什么影响(是的,我必须时常使用一个旧的黑莓手机)。

如果你这样做HTML5准备就绪你会得到一个可怕的经历:

没有CSS的HTML5

  • 年份名称和浏览器支持之间没有联系(除了链接之外——嵌套列表会使连接更加明显)。
  • 所有链接(如“多个背景”)都不起作用。

但真正让我困惑的是看源代码。作者在商店里到处都用B和I标签其中一条射线是:
















多背景

好啊,我懂了-我和B都是文本在文体上与普通散文不一致,没有传达任何额外的重要性>在技术上给了我们全权处理这些元素的权利。

回到现实世界,然而,所见即所得编辑器有B和I按钮,其中包含这些元素as大胆的斜体字.现在,作为可访问性和语义的爱好者,我们多年来一直争论这是一个坏主意,因为这是绘画HTML而不是告诉用户代理需要强调或加强文本。我们在这方面取得了相当大的进展,人们开始倾听我们的声音。现在我们回去说“哦,那好吧,实际上这一切都很好——你想用什么就用什么。

总之,这个例子让我想起了我建立的东西8年前:

带有布局表的徽标

那时候这很酷。这是为64号准将的场景做的,它必须在每一个知道HTML-包括朋友。我没有使用图像,而是使用带有间隔gif的布局表,成功地让它成为一个“这是怎么做到的”时刻:




















































































































.:最好的:




真的,可怕的,对吧?谁会使用桌子对于布局?这太疯狂了——这些是我们不需要再使用的技术。

或者是?的方法HTML在我们上面的视觉化中的元素完全同样的事情!HTML有没有逻辑结构的内容,并赋予它语义意义-而不是画可爱的图片。

页面使用我可以用作为它的数据源——但不是使用刮刀并将其转换为必要的HTML(通过这种方式,可以自动更新)数据是重复的——一旦显示,就没有任何语义值或逻辑结构。我们有技术来转换感知,好洁HTML把它变成不同的东西。我已经证明了这一点数据表到图表的转换脚本:

您可以使用谷歌图表API从可访问的数据表生成图表。

我真的不明白为什么我们忘记了一次又一次与用户分享的简单承诺:

  • 以有用的东西为基础,然后使其更具互动性和美观性。

在这种可视化的情况下,使用数据表并生成您需要的所有fluff和类CSS使用JavaScript。或者-怎么样使用SVG整个事情?

我不是说保罗和迪维亚做了什么坏事——我是他们工作的忠实粉丝——我只是说我们一直在犯同样的错误。如果你不写一些HTML用手,只需要一个效果——你做错了事情。