m16y:提高云图像无障碍性

HTML使用替代文本(alt文本)长期以来一直是SEO常用最佳做法,对无障碍性也有效本文章展示你如何编程生成、保存并使用alt文本

Alt文本对图像的好处

显示莫兹at文本使用HTML代码描述页面图像的外观和函数

• 即帮助视障用户理解内容
• 以占位符作用 万一相关图像无法访问
• 帮助搜索引擎爬虫索引内容提供上下文

最理想的是,你应该用alt文本标记所有图像即使是不做,大指法则是,如果图像与内容相关,则向图像添加alt文本

举例说,您可以跳过alt文本装饰图像但是,如果他们不加载,您的浏览者将没有任何线索,说明他们所缺的东西。因此,为了提高用户经验,使alt图像文本成为通用实践

Alt文本云

上传图像云化时,我们分配元数据字段上下文元数据.内域内为alt文本占位符,显示在鼠标翻转或点击图像预览上

或,如果你有结构化元数据启动上下文步骤访问alt文本

1. 选择图像并点击打字器图标设置
2. 点击变换右上角按钮
3. 点击编辑元数据链接化上下文细节显示如下例

后期文章使用alt文本学习标签平面图字段显示上方

搭建并检索 Alt文本

待设平面图上下文元数据设置上下文方法论.比方说Python类型

结果=云性.上加载器.add_context

接下取标签云式获取单资源细节APIPython代码看起来像

cloudinary.api.resource(public_id, **options)

查找字段context->custom->altJSON响应偏响应示例

public_id:wvbmcdyuxdkqwgzstats:bird,brownplican,pelican}

生成 Alt文本

上百万问题:你如何大规模生成alt文本前一博客文章标题媒体无障碍化:如何为图像自动生成alt文本拥有答案解释图像使用第三方API提供云光.

生成并嵌入图像

上传图片云化时,可指定 webhook通知URL利用此能力标记下图说明过程

注意https://api.cloudsight.ai/v1/images标签图片端点

取出生成式平面图标签标签

曾位平面图标签生成后,您可使用云形取取单资源API.然而,API收费有限用法限制随云计划变化

替代搭建云花工人代理代理通过代理调用工作员,你可以缓存响应Cloudflare工人KV上标并免引出API率限制

在此工作流中,当您请求标签信息图像时,云花工人检验KV数据库worker从云端获取细节并返回并存储到kV商店,从那里服务所有后续请求缓存是必要的,以避免下方云端API调用率限制

见下文图进程

样本请求

下表样本请求

KV商店缓存缺失

第一次请求alt文本时,它不在kV存储处,如下例响应所示:

Curl-s “s/testfetch.cloudary.works.d
                
                 publicId: Some-image,apiKey:NNNNNNET/apiscret
                

KV商店缓存

KV存储器中出现图像可变文本时,云法工人返回响应,免损API成本请求格式与前例相同响应看起来像:

{alt_text}:polican日间插木码头

kv存储器条目删除

Cloudflare员工目前无法删除项可重置缓存耗时为0

your_KEY_NAMESPACE.put

键从商店删除

准备好让你的图像无障碍化了吗Do给云情免费试.现居样本代码建构本文章描述的解决方案期望看到你们构建