浏览器插件: 改进图片直播平台Photoplus的无障碍体验-Photoplus A11y Patch

谱时智能云 Photoplus 的图片直播前端在无障碍支持上存在较大缺陷,几乎无法供屏幕阅读器或纯键盘用户顺畅使用。

Photoplus A11y Patch 是一款基于 Chrome MV3 标准的浏览器扩展插件,旨在修复和改善其公开图片直播页面的键盘交互与屏幕阅读器访问体验。

本插件完全在客户端运行,它依赖于当前站点的 DOM 结构和类名(Class Names),通过以下核心优化,为视障用户提供一个更加顺畅、无障碍的照片浏览与交互体验:

  • 语义与焦点修复: 为现有的交互元素(如照片、热门缩略图、活动信息、抽奖控制等)添加必要的无障碍名称(Accessible Names)、角色(Roles)与焦点管理,并为弹出层(如照片预览、展位选择)赋予对话框(Dialog)语义。
  • 全键盘支持: 允许纯键盘用户顺畅地浏览照片流并打开预览,同时在通过方向键切换照片时,保持焦点与滚动位置的稳定,避免页面大幅跳动。
  • 图片编号标记: 插件不依赖 AI 生成图片描述,而是采用稳定且可预测的数字编号(如 图片 1)进行标记,便于屏幕阅读器用户定位。

插件获取

目前该插件已上架 Chrome 应用商店,可以通过以下链接进行安装:

https://chrome.google.com/webstore/detail/npcceccnlmdkalcamknpkdpdodopnoci

本地侧载安装

先从这里下载扩展 zip: https://gh-proxy.com/https://github.com/cary-rowen/photoplus-a11y-patch/releases/download/v0.2.23/photoplus-a11y-patch-0.2.23.zip

  1. 解压扩展 zip:
    photoplus-a11y-patch-xxxxx.zip
    
  2. 解压后要选择的目录必须是包含 manifest.json 的目录,例如:
    photoplus-a11y-patch-xxxx
    

Chrome

  1. Ctrl+L,输入:
    chrome://extensions
    
  2. 打开 开发者模式
  3. 选择 加载已解压的扩展程序
  4. 选择刚才解压出来、包含 manifest.json 的目录。

Edge

  1. Ctrl+L,输入:
    edge://extensions
    
  2. 打开 开发人员模式
  3. 选择 加载解压缩的扩展
  4. 选择同一个解压目录,也就是包含 manifest.json 的目录。

安装后,打开 Photoplus 的公开图片直播页面,扩展会自动生效。

标签: 无障碍, 浏览器, 无障碍扩展, 扩展插件, photoplus

添加新评论