云服务器价格_云数据库_云主机【优惠】最新活动-搜集站云资讯

数据库服务器_腾讯云实验室_免费1年

小七 141 0

使媒体可访问:如何为图像自动生成alt文本

图像和视频对于确保用户在网络上的参与至关重要。例如,在一个零售网站上,不同角度的产品图片或360度的产品视频可以提高转化率。对于新闻网站来说,用户更倾向于阅读带有视觉媒体的文章。据报道,包含图片的帖子比纯文本的用户参与率高出650%帖子。交流意图通过上下文图像和视频对用户很重要。大多数网站的重点是为用户确定上下文,然后用户可以直观地、以审计的方式解释媒体。但是残疾用户呢?同样重要的是,向那些因残疾而无法在网站和移动应用程序上解读媒体的人传达背景信息。美国残疾人法案(ADA)规定,美国任何政府机构或企业向残疾人无法获得的公共产品和服务提供都是非法的。在web上提供服务和产品的实体必须遵守web内容无障碍指南(WCAG)2.0 AA级数字无障碍技术要求。网络研讨会所有重要的alt text启用可访问内容最常见的缺陷之一是源代码中的HTML属性中缺少alt text。alt下嵌入的文本指定替代的措辞,如果无法呈现相关图像,则用该措辞代替相关图像。更重要的是,屏幕阅读器软件使用alt文本使正在收听网页内容的人(如盲人)能够理解并与内容交互。根据WebAIM.org网站89.2%的受访者使用屏幕阅读器是因为残疾。这个演示了如何利用第三方媒体管理中的第三方API自动生成文本。通过计算机视觉和机器学习算法,这些插件和API会自动生成关键字和短语,以供alt文本缩放-如果你有数千个,这将大大节省时间资产。这里是用于媒体识别和分类的Cloudinary附加组件,可以自动生成alt文本:亚马逊Rekognition自动标签亚马逊Rekognition名人检测谷歌自动标记谷歌自动化视频标签Imagga自动标记另外,一些第三方服务提供了用于媒体识别和分类的api。比如云景,克拉菲.ai,以及IBM Watson。另外,通过在Cloudinary上使用webhooks,您可以在可以集成到管道。例如下面的示例向您展示了如何使用Cloudinary的Amazon Rekognition Auto-Tagging插件和CloudSight自动生成alt文本。首先,订阅附加组件,如果适用,还可以订阅您选择的服务。之后,标记和维护上下文以生成图片的alt文本非常简单,这是对Cloudinary的upload API调用的一部分,如图所示下图:鲁比:复制到剪贴板云数据库::上传器.upload("冰_滑冰.jpg",:categorization=>"aws_rek_tagging",:auto_tagging=>0.95,:notification_url=>"https://mysite/my_notification_端点")PHP:复制到clipboard\Cloudinary\Uploader::upload("ice_滑冰.jpg",array("categorization"=>"aws_rek_tagging","auto_tagging"=>0.95,"自动标记"=>"https://mysite/my_notification_端点"));Python:复制到clipboardcloudinary.uploader.upload("冰_滑冰.jpg",categorization="aws_rek_tagging",自动标记=0.95,通知\u url="https://mysite/my_notification_端点")节点.js:复制到clipboardcloudinary.uploader.upload("冰_滑冰.jpg",函数(结果){控制台.log(结果);},{分类:"aws_rek_tagging",自动标记:0.95,分类:https://mysite/my_notification_端点"});Java:复制到clipboardcloudinary.uploader().上传("ice_滑冰.jpg", 对象实用程序.asMap("分类","自动标记","0.95","通知网址"https://mysite/my_notification_端点下图展示了Amazon Rekognition和CloudSight的示例工作流。绿色箭头表示与upload API调用同步发生的进程;橙色箭头表示发生的进程异步的过程按如下步骤进行:使用upload API将图像上传到Cloudinary。Cloudinary调用notification_url参数中指定的webhook。Webhook调用CloudSight API来请求上传图像的自然语言描述。有关详细信息,请参阅CloudSight API文档。在收到描述之后,webhook根据amazonrekognition和CloudSight的自然语言描述,使用显式API更新图像的上下文。当将图像发布到您的网站时,您可以通过管理API获取它们的上下文。请参阅下面的交互式演示,以获取带有预生成alt文本的图像示例。您可以上传自己的图片,并让Amazon Rekognition和CloudSight生成alt文本。首先单击图像下的上载。演示的代码级实现与所描述的工作流不同上方.CodePen此处演示结论为大量图像生成有意义的alt文本以满足WCAG对数字可访问性的法律要求是一项艰巨的任务。Cloudinary并非如此,如本文所示。现在,您可以通过使用Cloudinary附加组件或您的第三方服务自动生成alt文本,朝着正确的方向迈出一步选择。那这样,你可以让媒体更容易访问,同时刺激和丰富每个人的浏览体验。多么值得一试!关于cloudinarcolodinary为世界顶级品牌提供易于使用、基于云的媒体管理解决方案。Cloudinary在美国、英国和以色列设有办事处,迅速成为全球主要公司的开发者和营销人员用来简化富媒体管理和提供最佳最终用户的实际解决方案经验。为了更多信息,请访问网站或者在Twitter上关注我们。