What is it like to be visually impaired? As a well-sighted person you’ll likely never fully get to understand that. But SEE helps you imagine what it’s like.
For example, you could see what your website looks like for a colour blind person. Which might convince you to change the contrast in your design.
SEE is a product by Q42, created by Johan Huijkman and Marcel Duin. If you have any questions or just want to share your thoughts you can reach us at:
– [email protected]
– [email protected]
Or visit our website at q42.nl (Dutch) or q42.com (English).
You can download the source code at http://github.com/Q42/SEE. Or even better, improve it and do a pull request!
Known issues:
* It can overwrite certain used CSS transforms/filters which can break your site while using it
* It doesn’t work on certain websites with complex CSS/DOM models
* Not all effects work on Flash or canvas objects within a page
* When installed reload the current page to get it to work (only the first time)
Add css inline transform:matrix even if turned off !! Be careful
Creates a bug if it is active (even if not using one of the filters) where Material UI TextFields are prevented from properly floating the text label. When a Password Utility is used to autofill a login form the floating label doesn’t move up to become a label, instead the autofilled text overlaps the placeholder text.
This bug happens repeatedly with this extension active, but when switched off the problem is solved.
还是很有用的，希望设计师们从一开始就能考虑到自己的作品在其他人眼中会是如何呈现？
This could be a great tool to develop with. Unfortunately, it breaks a lot of sites and is therefore useless then. Just had to uninstall it, too bad 🙁
Although useful, this extension makes a lot of Google sites completely unusable (Google Play, Music, Cloud).
This shouldn’t happen, ever, most if I’m not using the extension on the page.
This app is absolutely not intended for use on any Chromebook even if one has already used it because for some oddity it will not recognize it. Unfortunately, one does not know this until a missed doctor’s appt/or session.After several calls to doctor’s office, I used the main technical support page. Several attempts were made in order to access the links to download app. After ‘troubleshooting’ with technical support for close to an hour it was concluded that in order to download this app it would be in ones best interest to skip the email invites, online website and go directly to the WEB STORE. Once this was done it was then and only then that the app was in fact downloaded to the Chromebook. Otherwise you will be thrown into perpetual loop of nowhere. Using this app on my cell phone was simple and much easier. Definitely needs to have these issues worked out and once done the service was fine and worthwhile. The technical support staff was very patient, not overly condescending(i.e. operator error, really, I get it;), and she did not give in until the issue was resolved. Kudos to her, thank you and wish I had caught her name.
The extension itself is very useful but it interfere with pages I didn’t wanted to alter using this extension.
When I enable this extension I can’t see any drawer panels for paper elements. It includes most of google websites for developers so I definitely can’t use it.
Causes a lot of CSS and JavaScript issues for webpages.
Genau das, was ich gesucht habe. Wie sieht ein Farbenblinder (unterschiedliche Typen sogar, da habe ich noch dazugelernt) meine Website, wie sehen sie die Welt. Als Entwickler gut um Barrierefreiheit zu verbessern, als Mensch gut um die Welt der Anderen zu begreifen.
Seems to do what it says it does, unfortunately I also found it mucking with random elements on my page, applying a transform to them, specifically.
I, as a web developer, cannot afford to include this inconsistency in my development, so cannot use it.
But I see it’s open source so I might pull request a fix in and give it a 5-star after that 😉
Breaks the new Google Inbox application — can’t access main menu, among other lesser things. Even when it’s not “turned on”.
Useful, but causes lots of issues with pages, even when “off”.
For example, Google Maps and Open Maps dragging features often fail, and things like GeoGuessr that take advantage of CSS transforms regularly break (things don’t show, or show in the wrong spot due to duplicate or missing transforms).
If you get this, keep it disabled when not in use.
This is a neat extension, however as Marek Augustynowicz has pointed out, it may well break onmousemove events on websites.
For instance, having this enabled seems to break the drag feature of Google Maps when it is embedded on sites (though Google Maps site itself seems fine).
Extension is great, *but* it does bind `onmousemove` event on every page, even if you are not testing.
It slows down some sites significantly.
Absolutely fantastic, I can see this being added into the a11y toolkit.
Great! it allows web-developer and designers to see how useful are their products. Just sad — it won’t work with flash-youtube movies.
Excellent tool to help you make your website accessible. It teaches you a thing or two about how visually impaired people actually see your site.
Very useful! Thanks
Really fantastic tool for developing accessible websites!