首页 无障碍 Color Contrast Analyzer
Color Contrast Analyzer

Color Contrast Analyzer

用户数 : 50000 分类 : 无障碍 扩展大小 : 57.57KiB 最后更新时间 : 2014-08-25 版本 : 1.1.2
prev extension banner next extension banner
  • Color Contrast Analyzer
  • Color Contrast Analyzer
  • Color Contrast Analyzer
  • Color Contrast Analyzer
                                                            

Color Contrast Analyzer 的使用方法详解,最全面的教程

Color Contrast Analyzer 描述:

用户数:50000 分类:无障碍 扩展大小:57.57KiB 最后更新时间:2014-08-25 版本:1.1.2

Color Contrast Analyzer 插件简介:

这是来自Chrome商店的 Color Contrast Analyzer 浏览器插件,您可以在当前页面下载它的最新版本安装文件,并安装在Chrome、Edge等浏览器上。

Color Contrast Analyzer 插件下载方法/流程:

点击下载按钮,关注“扩展迷Extfans”公众号并获取验证码,在网页弹窗中输入验证码,即可下载最新安装文件。

Color Contrast Analyzer 插件安装教程/方法:

(1)将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件 (2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面 (3) 打开扩展程序页面的“开发者模式” (4) 将crx文件拖拽到扩展程序页面, 完成安装如有其它安装问题, 请扫描网站底部二维码与客服联系如有疑问请参考:https://www.extfans.com/installation/
New in version 1.1: Download the image analysis to a PNG file. This extension allows you to analyze text color contrast problems on a webpage according to the WCAG 2 text color contrast requirements. It evaluates the page as it appears in the browser, so it is able to handle text over gradients and advanced CSS attributes. You can choose to analyze a portion of a web page, the entire visible contents of a tab, or an entire web page. Additionally, you can evaluate files on your computer that can be opened in Chrome, such as image files and PDF files. Note, with PDF files you will only be able to evaluate the visible portion of the page. To analyze local files you will need to go to your extensions page and check "Allow access to file URLs" for this extension. You can select to evaluate for either AA or AAA conformance, along with specifying the size of the text you want to analyze. The output will show you a map of where the edges between colors are different enough to meet the specified contrast requirement. If there is an item on the underlying page that is not outlined in the output mask, then the item does not have enough color contrast according to the conformance level you selected. The resulting image analysis can be downloaded to your computer as a PNG file. In order to better handle gradients, you can also select the pixel radius that should be used to analyze adjacent pixels. The larger the pixel radius, the further out it will look for a border with high enough contrast. However, a larger pixel radius will add significant computation time. When first installing the extension, you may need to refresh the webpage you wish to analyze for all of the selection options to be available. Also, when installing the extension it will ask you for permission to access your data on all of your websites and your tabs and browsing activity. We are not using or collecting this data in any way. In order to get permission to take screenshots of your browser window this is the level of access we must request. You can view the source code at the following URL. https://github.com/gdkraus/color-contrast-chrome This tool is a product of the IT Accessibility Office at NC State University. http://accessibility.oit.ncsu.edu/
查看更多
下载 如何离线安装? Chrome store

分享

全部评论

    展开更多评论

    错误提示保存失败
    成功提示保存成功
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“插件”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功
    下载遇到问题?请添加QQ群:398095333
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“脚本”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功