跳转到内容

媒体无障碍化:如何为图像自动生成alt文本

图像视频对确保用户上网至关重要举例说,在零售网站上,产品从不同角度或360度视频摄像可提高转换率新闻网站用户更可能阅读带视频媒体内容的文章一直以来上报内含图像的文章生成比文本文章高650%用户参与率

通过上下文图片和视频向用户传递意向很重要网站多半聚焦于识别用户上下文,残疾用户呢向那些因残疾无法在网站和移动应用中解释媒体者传递上下文同样重要美国残疾人法(ADA)规定,美国任何政府机构或企业向公众提供残疾人无法获取的商品和服务均属违法。提供网络服务和产品实体必须遵守Web内容无障碍指南2.0级数字无障碍AA技术要求

最常用缺陷之一是缺少无障碍内容平面图文本输入HTML属性源文本嵌入平面图指定替代可置换相关图像更重要的是屏幕阅读软件使用平面图文本帮助监听网页内容者,如盲人理解内容并与之互动显示a调查WebAIM.org操作89.2%受访者因残疾使用屏幕阅读器

显示你如何利用云端附加和第三方API实现生成alt图像文本过程自动化,并将其作为媒体管理管道的一部分通过计算机视觉和机器学习算法,这些附加词和API自动生成关键字和短语平面图文本缩放-一个巨大的时间保护程序

云语添加媒体识别分类可实现生成自动化平面图文本 :

第三方服务提供API媒体识别分类例子有云光Clarifai.aiIBM华生.并使用云轨Webhoks系统可构建、培训并部署自机学习模型到可整合到管道中的大多数云提供商上

示例下显示如何自动生成平面图文字云化亚马逊自贴加载云光

优先订阅加载服务并视情订阅选择服务后加标签并维护上下文生成alt图像文本极简单上传API调用云形图详解

Ruby:

Cloudinary:Uploader.uploads/my_notication_end点

PHP:

Cloudiary/Uploader::加载(ice_skting.jpg)数组(clagorization)

Python:

云性.uploader.upload (ice_sking.jpg)分类s_rek_tla

节点js:

云性上载器.upload (ice_skting.jpg),函数(结果) {quative.log{分类s_rek_tla

ava:

cloudinary.uploader().upload("ice_skating.jpg", ObjectUtils.asMap(   "categorization", "aws_rek_tagging", "auto_tagging", "0.95", "notification_url", "https://mysite/my_notification_endpoint"));

下图显示亚马逊Rekognition和CloudSight样本工作流绿箭描述进程同步上传API调用橙色箭头 异步发生

样本工作流

进程逐步展开

  1. 上传图像到云形上传API
  2. 云形引用webhooknotification_url参数化
  3. Webhook引用云光API请求上传图像自然语言描述参考CloudSightAPI文档细节详解
  4. 接收描述后Webhook用图像更新上下文显式API显示亚马逊 Rekognition和云光自然语言描述标签
  5. 向网站发布图像时,通过网站获取上下文管理员API.

下方交互式图例用预生成图像举几例平面图文本上写上传自有图像并让亚马逊Rekognition和云光生成平面图文本上写启动点击上传下方图像显示.代码级执行演示与上文描述的工作流不同

代码化演示

看见笔无标题以哈里什贾卡尔盟誓@harishcloudinary码元.

生成有意义的平面图文本满足WCAG对数字无障碍的法律要求可能是一项艰巨任务云化学则不是这样,现在可以向正确方向跨出一步,实现制作自动化平面图文本加云或第三方服务

这样,你就能让媒体更容易访问,同时启发并丰富每个人浏览经验多值钱的事业

回顶

特征邮箱

Baidu
map