README.md screenshots url changed

This commit is contained in:
Hamlet 2018-08-02 14:04:44 -04:00 коммит произвёл Yura Zenevich
Родитель 66853611ea
Коммит bb2e738ee3
1 изменённых файлов: 5 добавлений и 5 удалений

Просмотреть файл

@ -2,7 +2,7 @@
Image A11y is an accessibility extension that allows screen reader users to click on an image and obtain the text content of that image. It is not a description of the image but the actual text content within the image that was previously inaccessible to screen reader users. Think of memes, comics, diagrams and any photos with superimposed text on them as part of the image, this is content non-sighted users are unable to access.
![Screenshot of headline, blurb of Firefox news](https://bit.ly/2vwmQVT)
![Screenshot of headline, blurb of Firefox news](https://raw.githubusercontent.com/hamletv/Images/master/Image%20A11y/Screenshot_2018-07-27%20New%20Firefox%20Releases%20Now%20Available.png)
Typically the text in this image would not be accessible to a screen reader and therefore to its user. Image A11y allows you to obtain the image text on demand by right clicking on the image to be scanned and passing the text into the reassigned alt attribute. Image scanning is done with the use of [Tesseract.js](https://github.com/naptha/tesseract.js), a JavaScript library that has been around for several years and initially developed by HP.
@ -10,16 +10,16 @@ Scanning accuracy is not 100%. There are multiple variables within the image its
## How to use Extension
![Screenshot of image with text, right click drop down menu](https://bit.ly/2vaTs80)
![Screenshot of image with text, right click drop down menu](https://raw.githubusercontent.com/hamletv/Images/master/Image%20A11y/Screen%20Shot%202018-08-01%20at%2010.54.34%20PM.png)
Once the extension is installed, right click on the image you want to scan. The Image A11y icon and "Discover Image Text" option will show at the bottom of the context menu.
![Screenshot of image with text, inspector open showing image attributes](https://bit.ly/2OEa5Bk)
![Screenshot of image with text, inspector open showing image attributes](https://raw.githubusercontent.com/hamletv/Images/master/Image%20A11y/Screen%20Shot%202018-08-01%20at%2010.58.20%20PM.png)
Prior to scanning and clicking "Discover Image Text" you can see the img alt attribute is empty. The attribute will be reassigned and scanned text will be injected there.
![Screenshot of image with text, inspector open, clicking on Image A11y icon](https://bit.ly/2O6FviN)
![Screenshot of image with text, inspector open, clicking on Image A11y icon](https://raw.githubusercontent.com/hamletv/Images/master/Image%20A11y/Screen%20Shot%202018-08-01%20at%2010.58.56%20PM.png)
With inspector still open (which is not needed during regular use), alt attribute still empty, right click and "Discover Image Text".
![Screenshot of image with text, inspector open, Image A11y clicked](https://bit.ly/2LUwawY)
![Screenshot of image with text, inspector open, Image A11y clicked](https://raw.githubusercontent.com/hamletv/Images/master/Image%20A11y/Screen%20Shot%202018-08-01%20at%2011.00.36%20PM.png)
Image has been scanned and the alt attribute now has text from image. Alt attribute text always starts with "Possible text:" due to the potential inaccuracies mentioned above.