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

您当前正在浏览firefox类别的存档。必威体育简介

“firefox”类别的存档

webvisum.com–众包可访问性

星期一,7月14日,2008年

很有意思的是,现在有几个产品正在尝试众包可访问性。国际商用机器公司发布了他们的社会无障碍项目另一个项目在无障碍世界引起了相当大的轰动:WebVISUM.com.

后者是一个FireFox3扩展,与屏幕阅读器相连,允许用户在浏览页面时添加正确的元数据,从而增强他们遇到问题的页面。然而,Webvisum更具争议性的特点是它还提供了验证码工具中的识别服务。

我找到了Webvisum的Marc Dohnal,问了他一些关于产品的问题:

尝试更易于访问的就地编辑解决方案

星期五,1月4日,2008年

今天我将尝试找到一种更容易访问的方法来提供就地编辑脚本。这个此处描述的解决方案可能还没准备好现实生活,请在不同环境中测试并提供修复程序。它被授权与创意共享相似,所以发疯吧!

我真的很喜欢就地编辑的想法。最常用的就地编辑示例可能是Flickr,它允许您在登录时单击任何标题或描述来直接编辑。我喜欢就地编辑的原因是它让用户更容易描述事物,希望能使网站更容易访问和查找(毕竟,所有的文本都是被索引的,并且对每个人都是可用的)。就地编辑的缺点是许多解决方案不太容易访问。它们向元素添加了一个单击处理程序,这些元素不一定对辅助技术可用,而且根本无法通过键盘访问。

非脚本解决方案尝试

从技术上讲,创建可访问的就地编辑的最简单解决方案是使用带标签的输入字段并使用CSS使它们看起来像其他元素。代码可能如下:


              
              =
              “可编辑”
              >
             
  
               
               对于=
               “主攻方向”
               >
              标题:>
  
               
               类型=
               “文本” 
               身份证件=
               “主攻方向” 
              
         价值=“东欧水獭”>
>

以及CSS

可编辑的标签{
  位置绝对的
  顶部0
  左边-99 99 PX
}
可编辑的输入{
  边境没有人
  字体系列阿拉里无衬线
}

但是唉!它更容易接近吗?我不确定,因为标题的语义美受到干扰。我很肯定搜索引擎会对它皱眉,当屏幕阅读器在表单模式下的工作方式与在阅读模式下的工作方式不同时,它可能会更加令人困惑。所以,让我们拭目以待吧。

使其不受干扰地工作

下一步是使用一个普通的标题,并以某种方式将其与文档中其他地方的表单字段连接起来。很酷的是我们在平原上有类似的东betway体育官方网西HTML:目标链接。例如:


              
              身份证件=
              “编辑表单” 
              行动=
              “servermagic.php”
              >
             

               
               =
               “可编辑”
               >
              
  
                
                HREF=
                “第二代教育家”
                >
               编辑我,小熊!>
>

               
               =
               “可编辑”
               >
              
  
                
                HREF=
                “编辑说明”
                >
               我也是,去做吧!>
>

               
               身份证件=
               “编辑节”
               >
              
  
               
                >
               
    
               
               对于=
               “编辑标题”
               >
              主标题内容:>
    
               
               类型=
               “文本” 
               身份证件=
               “编辑标题” 
               名称=
               “编辑标题”
               >
              
  >
  
              
               >
              
    
              
              对于=
              “编辑说明”
              >
             说明内容:>
    
              
              类型=
              “文本” 
             
           身份证件=“编辑说明” 
           名称=“编辑说明”>
  >
  
             
              >
             
             
             类型=
             “提交” 
             价值=
             “保存更改”
             >
             >
            
>
>

编辑我,小熊!

我也是,去做吧!

这在没有javascript的情况下也能工作(但不知何故,当你点击链接时,我的火狐并没有突出显示表单字段,有人知道为什么吗?请评论!).它需要的只是一个javascript来将其转换成一个可工作的就地编辑版本。脚本的作用是:

  • 查找包含身份证件“编辑分区”并将其隐藏在视图中
  • 查找类为“可编辑”的所有元素,并添加指向编辑函数的单击处理程序
  • 重写表单的提交事件以指向存储函数

编辑功能应执行以下操作:

  • 检查是否已在编辑另一个元素,如果有则将其聚焦
  • 从目标链接的href获取表单元素的ID
  • 将表单元素的值设置为元素的内容
  • 将“已编辑”样式设置为原始元素以隐藏它
  • 显示原始链接所在的表单域
  • 聚焦窗体域
  • 告诉主脚本当前正在编辑的元素

存储功能应:

  • 检查是否有已编辑的元素(以避免覆盖正常表单提交)
  • 将目标链接的内容设置为字段的值
  • 将表单域移回其来源
  • 将焦点设置回链接
  • 异步存储内容(此处未实现)
  • 停止正常表单提交
  • 将脚本的编辑状态重置为“无”

下面是执行此操作的脚本。我正在使用悠悠在这个例子中,我喜欢集中精力编写脚本,而不是担心浏览器问题。也就是说,注意,您需要在firefox中超时包装表单域焦点,那是怎么回事?

雅虎。命名空间'频道'雅虎。中国.编辑就地 = 功能{/*使用的名称和ID*/
  变量人名= {编辑部分'编辑节'编辑“编辑”隐藏的“隐藏”可编辑的可编辑的形式'编辑表单'
  }变量=雅虎。实用工具.事件YD=雅虎。实用工具.国内变量编辑= {}
  变量编辑节=得到人名。编辑部分
  如果编辑节{加法类编辑节人名。隐藏的功能doDebuge{
      如果编辑。目标{
        变量T=是的。获取目标e
        如果THREF{
          变量字段ID=T获取属性“HREF”.分裂''[1个]
          变量领域=得到字段ID
          .附属物领域字段。价值 =T内层HTML加法类T人名。编辑设置超时功能{字段。集中}10个编辑= {目标T领域领域身份证件字段ID}
        }
      } 其他的 {设置超时功能{编辑。领域.集中}10个
      }是的。防止违约e
    }功能商店e{
      如果编辑。目标{编辑。目标.内层HTML =编辑。领域.价值删除类编辑。目标人名。编辑编辑部。附属物编辑。领域编辑。目标.集中
        //这里是Ajax魔术,您可以使用edit.id作为ID是的。防止违约e编辑= {}
      }
    }变量编辑=获取元素循环名称人名。可编辑的是的。编辑点击doDebug是的。得到人名。形式“提交”商店}
}

尝试解决方案将脚本作为zip下载示例页告诉我你的想法!

在Firefox中测试过,IE7标准以及PC上的Opera 9,请给我一些其他系统和浏览器的反馈。

那么,新的Gmail崩溃我的火狐(或者拖延)是怎么回事?

星期二,11月6日,2007年

我是Gmail的忠实粉丝(很多同事为此都嘲笑我)。每天我都会收到大量的电子邮件,而且我在3台电脑上工作,没有其他方法可以绕过它们。

但在最新的Gmail更新之前。现在我的两台笔记本电脑(两个窗口)都卡住了,我必须每天击落5次火狐才能工作。对不起,谷歌,但发生了什么?我按你的要求关掉了萤火虫,但它弄乱了。我还尝试切换到“旧界面”,但我的设置没有被存储(是,已启用cookie)。

我也试着关闭Gmail内部的聊天声音,但它总是崩溃。别让我因为多余的钟声和口哨而改变,我在你的系统中有太多好的联系人。