社交网络图标

时间:2017-05-06 04:57:55

标签: accessibility title

在网页上有一段:跟随我们:Facebook,Twitter。社交网络图标缺少标题。当我检查网页代码时,我看到:标题属性值丢失:         虽然开发人员说这些图标清晰且不言自明,但缺少标题并不是一个很好的可访问性实例。而且,正如我所强调的那样,代码也不符合正确的HTML标准。请指出其他可能是什么问题。代码中缺少title属性值。

1 个答案:

答案 0 :(得分:2)

此上下文中缺少title属性没有可访问性问题(在<a href>上)。不要在这里使用它。

https://www.paciellogroup.com/blog/2013/01/using-the-html-title-attribute-updated/

  

由于缺乏支持,title属性无用的情况:

     
      
  • 显示在手机浏览器上查看的网页内容的信息。通常在桌面浏览器中,标题属性内容显示为工具提示。根据我的发现,任何移动浏览器都不支持工具提示显示,并且不支持访问标题属性内容的其他可视方法。
  •   
  • 为不能使用鼠标的人提供信息。通常在桌面浏览器中,标题属性内容显示为工具提示。虽然工具提示行为已经支持了10多年,但是目前还没有浏览器(IE10 + [关注焦点元素]除外)实现了使用键盘显示标题属性内容的实用方法。
  •   
  • 在大多数HTML元素上使用它,为各种辅助技术的用户提供信息。屏幕阅读器不统一支持访问标题属性信息
  •   

由于以上内容是从我对your other question的回答中复制而来的,而且这个问题不清楚哪个元素包含title,还有更多信息......

https://www.paciellogroup.com/blog/2016/02/short-note-on-use-of-alt-and-the-title-attribute/

  
      
  • ALT =&#34;&#34;屏幕阅读器软件的标准化指示是装饰性的,可以安全地忽略。 Powermapper从2015年开始测试:具有null ALT和非null TITLE属性的IMG发现了alt =&#34;&#34; +非空标题。
  •   
  • 在某些屏幕阅读屏幕阅读器软件中,没有alt属性导致不向用户传达。      
        
    • 注意:在Windows 10上发现了JAWS 17和Chrome 48的这个问题.Towermapper从2015年开始测试:带有TITLE的IMG屏幕阅读器兼容性没有发现此模式的问题。
    •   
  •   
  • 有些浏览器实现了alt =&#34;&#34;的HTML5要求等于role =&#34; presentation&#34;这会导致从辅助功能树中删除,因此尽管存在非空标题,但它是隐藏的。
  •   
相关问题