JS 网站可访问性 – Readabler源代码

2026-02-07 0 633

JS 网站可访问性 – Readabler源代码

Readabler 是一个可访问脚本,它为具有特殊便携性的人扩展了信息可访问性的边界。该脚本可用于常规 HTML 网站和不同的基于 CMS 的网站。为有特殊需求或信息感知困难的人提供内容是每个网站运营中最重要的部分。

根据世界卫生组织的研究:全球有 10 亿人患有本可以预防或尚未解决的视力障碍

这 10 亿人包括因未解决的屈光不正(1.237 亿)、白内障(6520 万)、青光眼(690 万)、角膜混浊(420 万)、糖尿病视网膜病变(300 万)而导致中度或重度远视力障碍或失明的人和沙眼(200 万),以及未解决的老花眼引起的近视力障碍(8.26 亿)。

Readabler 可访问性脚本将使有感知问题、认知障碍、听力或视力障碍的人可以访问您网站上的出版物。

Readabler 是一种轻量级且功能强大的解决方案,可提高任何网站上内容的可访问性。该脚本易于实施,只需几个简单的步骤即可使用。它可以在任何现代浏览器中快速运行,无论是在移动设备、笔记本电脑还是台式电脑上。

该脚本提供了广泛的参数来管理将在您的站点上使用的设置。同时,该脚本预装了 5 个配置文件,可以增加癫痫、视力障碍、认知障碍、ADHC 以及部分或完全失明的人对您网站的可访问性。

JS 网站可访问性 – Readabler源代码

可读经验
该脚本的主要功能之一是提高文本内容的可读性。为了解决这个问题,脚本具有缩放整个页面或仅某些类型的测试的设置,例如标题或纯文本。对于可读性而言,增加行距和字母间距、更改所有文本对齐方式的设置也很重要。

对于难以阅读以书法或无字体书写的文本的人,该插件提供了一种模式,可将整个网站上的字体更改为可读字体或阅读障碍者的字体。
当然,任何站点的一个重要部分是与页面的交互,为此脚本提供了突出显示文本和标题的模式,以及当您将鼠标光标悬停在文本上时放大文本的放大镜。

视觉上令人愉悦
对于有视觉障碍的人,该脚本提供了一组设置来优化整个页面或页面上单个元素的外观。

除了通常的亮度、饱和度和对比度控制模式外,该脚本还将在黑白模式下使站点单色。
字体和背景颜色的变化使得在通常模式下无法阅读或不明显的文本可用,并增加了页面上内容的可访问性。

易于定位
一大组设置,以改善有定向障碍的人的网站可访问性。 Readabler 会在加载时自动分析页面并创建页面上所有链接的列表,这样几个链接就不会因为任何原因而被忽视或无法访问。

该组中的一项重要设置允许您关闭任何可以闪烁或闪烁的内容,例如视频、CSS 动画和动画 GIF 图像。
脚本中提供了黑白大光标,以方便鼠标导航。几种改进悬停和焦点对象选择的模式以及从键盘控制页面的模式。

对于不能使用键盘输入测试文本的人,我们在脚本中添加了一个完整的虚拟键盘。它是一种屏幕键盘,您可以使用它使用鼠标或触摸板等操作器输入文本。

JS 网站可访问性 – Readabler源代码

Readabler 辅助功能脚本的文本到语音
对于视障人士来说,一个重要的设置是页面上文本的识别和发音。该功能由 Web Speech API 提供,支持 60 多种语言和语音。

从页面听到文本所需要做的就是打开设置中的模式并选择文本。

在线字典
对于有记忆困难或忘记定义事物和概念的人,我们将维基百科添加到脚本中。要访问维基百科庞大的知识库,您只需要打开可访问性控制面板并在搜索字段中写一个词来阐明含义。几秒钟后,维基百科将显示它所知道的关于这个事物或概念的一切。所有这一切都发生在不离开您的网站和用户为自己设置的舒适可访问性氛围的情况下。

隐私
其中一个重要部分是用户偏好在离开网站后被保存。这意味着您无需在您网站的隐私政策和数据保护政策中添加任何新内容,并且与 GDPR、CCPA 保持兼容。

Readabler 辅助功能脚本的主要特点
灵活的可访问设置集
可拖动的辅助功能窗口
辅助功能按钮的外观动画
灵活的按钮样式设置
文字转语音功能
与所有 CMS/非 CMS 网站兼容
与 HTML 网站完全兼容
7 放置辅助功能按钮的位置
非常适合 RTL 方向
本机有效的 JavaScript,没有 jQuery
巨大的定制能力
漂亮的现代用户界面
轻巧快速
兼容所有现代浏览器
易于使用和定制
安装指南
详细的用户手册
六个月包括对 CodeCanyon 买家的支持

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

申明:本文由第三方发布,内容仅代表作者观点,与本网站无关。对本文以及其中全部或者部分内容的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。本网发布或转载文章出于传递更多信息之目的,并不意味着赞同其观点或证实其描述,也不代表本网对其真实性负责。

左子网 开发教程 JS 网站可访问性 – Readabler源代码 https://www.zuozi.net/46999.html

常见问题
  • 1、自动:拍下后,点击(下载)链接即可下载;2、手动:拍下后,联系卖家发放即可或者联系官方找开发者发货。
查看详情
  • 1、源码默认交易周期:手动发货商品为1-3天,并且用户付款金额将会进入平台担保直到交易完成或者3-7天即可发放,如遇纠纷无限期延长收款金额直至纠纷解决或者退款!;
查看详情
  • 1、描述:源码描述(含标题)与实际源码不一致的(例:货不对板); 2、演示:有演示站时,与实际源码小于95%一致的(但描述中有”不保证完全一样、有变化的可能性”类似显著声明的除外); 3、发货:不发货可无理由退款; 4、安装:免费提供安装服务的源码但卖家不履行的; 5、收费:价格虚标,额外收取其他费用的(但描述中有显著声明或双方交易前有商定的除外); 6、其他:如质量方面的硬性常规问题BUG等。 注:经核实符合上述任一,均支持退款,但卖家予以积极解决问题则除外。
查看详情
  • 1、左子会对双方交易的过程及交易商品的快照进行永久存档,以确保交易的真实、有效、安全! 2、左子无法对如“永久包更新”、“永久技术支持”等类似交易之后的商家承诺做担保,请买家自行鉴别; 3、在源码同时有网站演示与图片演示,且站演与图演不一致时,默认按图演作为纠纷评判依据(特别声明或有商定除外); 4、在没有”无任何正当退款依据”的前提下,商品写有”一旦售出,概不支持退款”等类似的声明,视为无效声明; 5、在未拍下前,双方在QQ上所商定的交易内容,亦可成为纠纷评判依据(商定与描述冲突时,商定为准); 6、因聊天记录可作为纠纷评判依据,故双方联系时,只与对方在左子上所留的QQ、手机号沟通,以防对方不承认自我承诺。 7、虽然交易产生纠纷的几率很小,但一定要保留如聊天记录、手机短信等这样的重要信息,以防产生纠纷时便于左子介入快速处理。
查看详情

相关文章

猜你喜欢
发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务