<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"></head><body dir="auto"><div><h1 class="title" style="line-height: 1.4em; -webkit-hyphens: manual; margin-bottom: 1em; max-width: 100%;"><span style="font-size: 28px; background-color: rgba(255, 255, 255, 0);">How a Simple Browser Add-On is Changing the Way Visually Impaired People Use the Web</span></h1><div style="max-width: 100%;"><div style="max-width: 100%;"><img sizes="(min-width: 768px) 750px, 100vw" srcset="" data-pfsrcset="//assets.goodstatic.com/s3/magazine/assets/548079/original/piece.jpg 1900w,
//assets.goodstatic.com/s3/magazine/assets/548079/original/piece.jpg=s1600x1900 1600w,
//assets.goodstatic.com/s3/magazine/assets/548079/original/piece.jpg=s1300x1600 1300w,
//assets.goodstatic.com/s3/magazine/assets/548079/original/piece.jpg=s1000x1400 1000w,
//assets.goodstatic.com/s3/magazine/assets/548079/original/piece.jpg=s900x1300 900w,
//assets.goodstatic.com/s3/magazine/assets/548079/original/piece.jpg=s750x1300 750w,
//assets.goodstatic.com/s3/magazine/assets/548079/original/piece.jpg=s500x1300 500w,
//assets.goodstatic.com/s3/magazine/assets/548079/original/piece.jpg=s320x1000 320w" src="http://assets.goodstatic.com/s3/magazine/assets/548079/original/piece.jpg=s750x1300" width="375" class="extendsBeyondTextColumn" style="max-width: none; margin: 0.5em auto 0.5em -20px; display: block; height: auto; width: 375px;"><span style="max-width: 100%; background-color: rgba(255, 255, 255, 0);"><a data-share-image="pinterest" data-image-url="//assets.goodstatic.com/s3/magazine/assets/548079/original/piece.jpg=s1600x1600" style="max-width: 100%;"></a><a data-share-image="tumblr" data-image-url="//assets.goodstatic.com/s3/magazine/assets/548079/original/piece.jpg=s1600x1600" style="max-width: 100%;"></a></span></div><p style="max-width: 100%;"><span style="max-width: 100%; background-color: rgba(255, 255, 255, 0);">Illustration by Jean Wei</span></p></div><p style="max-width: 100%;"><span style="background-color: rgba(255, 255, 255, 0);">It was at lunch about a year ago that Niamh Parsley first had the idea for her thesis—a tool called Depict, which could radically improve the lives of the visually impaired. She was with her husband and Joe Stretchay, his friend from high school, and she watched how Stretchay, who is blind, navigated the meal. “I noticed a few mannerisms that he had [developed] to deal with his visual impairment,” she said. “I was thinking, ‘Oh wow, he must have all these little quick fixes for a ton of things that I had just never thought of.’” She was nearing the end of her time at Parsons, earning her MFA in Design and Technology, and realized that the Internet was a place where those little fixes are nearly impossible for the visually impaired to develop.</span></p><p style="max-width: 100%;"><span style="background-color: rgba(255, 255, 255, 0);">Last month, Parsley presented <a href="http://depictfor.us/" target="_blank" style="text-decoration: none; max-width: 100%;">Depict</a>, a crowd-sourced image description tool that could change the experience of the browsing the web for the blind and visually impaired. The tool works in two parts—a browser extension for blind users that provides user-created descriptions of images around the Internet, and a website for sighted users to provide those requested descriptions. If a blind user clicks on an image of an apple tree, which is not properly described in the HTML code, the photo will appear on the crowd-sourced website where sighted users can write “apple tree.” The highest rated description based on sighted user votes will then replace the original description, and be read aloud to any blind user that scrolls over the photograph in the future. Parsley’s husband Jason Sanders helped her develop the final iteration of Depict, which is now available as an extension on Google Chrome browsers.</span></p><div style="max-width: 100%;"><div style="max-width: 100%;"><img sizes="(min-width: 768px) 750px, 100vw" srcset="" data-pfsrcset="//assets.goodstatic.com/s3/magazine/assets/548043/original/134_img_01.jpg 1900w,
//assets.goodstatic.com/s3/magazine/assets/548043/original/134_img_01.jpg=s1600x1900 1600w,
//assets.goodstatic.com/s3/magazine/assets/548043/original/134_img_01.jpg=s1300x1600 1300w,
//assets.goodstatic.com/s3/magazine/assets/548043/original/134_img_01.jpg=s1000x1400 1000w,
//assets.goodstatic.com/s3/magazine/assets/548043/original/134_img_01.jpg=s900x1300 900w,
//assets.goodstatic.com/s3/magazine/assets/548043/original/134_img_01.jpg=s750x1300 750w,
//assets.goodstatic.com/s3/magazine/assets/548043/original/134_img_01.jpg=s500x1300 500w,
//assets.goodstatic.com/s3/magazine/assets/548043/original/134_img_01.jpg=s320x1000 320w" src="http://assets.goodstatic.com/s3/magazine/assets/548043/original/134_img_01.jpg=s750x1300" width="375" class="extendsBeyondTextColumn" style="max-width: none; margin: 0.5em auto 0.5em -20px; display: block; height: auto; width: 375px;"><span style="max-width: 100%; background-color: rgba(255, 255, 255, 0);"><a data-share-image="pinterest" data-image-url="//assets.goodstatic.com/s3/magazine/assets/548043/original/134_img_01.jpg=s1600x1600" style="max-width: 100%;"></a><a data-share-image="tumblr" data-image-url="//assets.goodstatic.com/s3/magazine/assets/548043/original/134_img_01.jpg=s1600x1600" style="max-width: 100%;"></a></span></div><p style="max-width: 100%;"><span style="max-width: 100%; background-color: rgba(255, 255, 255, 0);">Image courtesy of Depict</span></p></div><p style="max-width: 100%;"><span style="background-color: rgba(255, 255, 255, 0);">GOOD recently talked with Parsley about how she tackled the challenges facing blind Internet users, and about her dream of Depict launching a wave of web accessibility design.</span></p><p style="max-width: 100%;"><strong style="max-width: 100%; background-color: rgba(255, 255, 255, 0);">What did the research for Depict look like? What steps did you to take to gain an understanding of the challenges of web browsing for the visually impaired?</strong></p><p style="max-width: 100%;"><span style="background-color: rgba(255, 255, 255, 0);">I did the research for about a year, and it started with a literal Google search of ‘How do blind people use the Internet?’ [laughs] It sounds really stupid, but for someone like me a year ago—and for most sighted users, I imagine—they don’t actually know how blind people access the web at all.</span></p><p style="max-width: 100%;"><span style="background-color: rgba(255, 255, 255, 0);">I did some primary research—I went to the <a href="http://www.afb.org/default.aspx" target="_blank" style="text-decoration: none; max-width: 100%;">American Foundation for the Blind</a>and connected with Crista Earl, their director of web operations, and she helped me. She brought all her accessibility goodies and just let me watch her use them. And that was really beneficial for me, because part of the research is not just user testing of how people would use the products, but observing how they interact with the current tools. For example, she told me she prefers using an iPhone rather than an iPad because the phones’ screens are so small that they’re aimed toward single item focus. That makes it easier for a blind user, who can only focus on one thing on one screen at a time anyway.</span></p><div style="max-width: 100%;"><p style="max-width: 100%;"><span style="max-width: 100%; background-color: rgba(255, 255, 255, 0);">Niamh Parsley. Image courtesy of Depict</span></p></div><p style="max-width: 100%;"><strong style="max-width: 100%; background-color: rgba(255, 255, 255, 0);">When you started this research, did you have an idea that image descriptions were something you’d like to improve upon?</strong></p><p style="max-width: 100%;"><span style="background-color: rgba(255, 255, 255, 0);">I had a bunch of conversations with Joe about pain points using the web, and images were something that he mentioned very early on in my research process. But then, the more I dug into how the web works, I found that there were so many things wrong with accessibility for the visually impaired. Six or seven months ago, my thesis was to tackle the whole issue of how blind users access screen content. Screen-readers are great, but they adhere to the current accessibility specs, which are really great for HTML sites that are from the ‘90s (when it was super simple). But now that we have all this complicated Javascript, it makes it a lot harder. So originally, I was like, ‘the entire system needs a whole facelift’—I felt like everything needed to be updated, but that was obviously not within the scope of a one-year thesis project for someone who did not have a developer background.</span></p><p style="max-width: 100%;"><span style="background-color: rgba(255, 255, 255, 0);">As I started looking into how images are described on the web, I realized that a lot of coders use Alt-Text [the section of the HTML meant to describe the image] to game the system for search engine optimization. They’ll put in keywords that they want to come up in searches, which is horrible for blind users. Or I’ve found that some people just use it as a place to put the image filename. So sometimes you’ll see—or hear if you’re using a screen-reader to read the Alt-Text—just ‘Five Six Six Two Five Dot JPG.’ Like, wow, that means nothing to me.</span></p><p style="max-width: 100%;"><span style="background-color: rgba(255, 255, 255, 0);">Depict ended up being a little bit of a Band-Aid fix, but it gives image descriptions to blind users right now and, most importantly, it gets the conversation started and raises awareness about accessibility on the web for blind users.</span></p><p style="max-width: 100%;"><strong style="max-width: 100%; background-color: rgba(255, 255, 255, 0);">What do you see as the future for Depict?</strong></p><p style="max-width: 100%;"><span style="background-color: rgba(255, 255, 255, 0);">I think there’s really a lot of possibility for collaborations and using this crowd-sourced tool to inform the AI stuff that’s being built. I know that Google, Samsung, and one other group in Montreal, are doing a lot of research on getting computers to give accurate descriptions of images online. And tying in Depict with research like that could really help, because we have the human component. For example, I was trying out one these tools and I plugged in a close-up image of a spider in a web and the description that I got back was a ‘Man on a tightrope.’ So those types of tools are great for really simple images, like a man in a field, but for more complicated images, a human eye could really help.</span></p><p style="max-width: 100%;"><span style="background-color: rgba(255, 255, 255, 0);">I think if I can just work with other people who also want to improve accessibility design, then that would be a huge success for Depict. I see possible partnerships with publications online—like a <em style="max-width: 100%;">New York Times</em> or a <em style="max-width: 100%;">538</em>—partnering with them and proactively helping them improve their Alt-Texts. The more we get people putting content on the web to realize that what they’re doing is not accessible to 2 percent of the world’s population, the sooner we can get to making that content more accessible.</span></p><p style="max-width: 100%;"><span style="background-color: rgba(255, 255, 255, 0);">I want it to be in the world. I want it to be adding to the conversation about accessibility design. I don’t know about making money off of it quite yet.</span></p><p style="max-width: 100%;"><span style="background-color: rgba(255, 255, 255, 0);"><em style="max-width: 100%;"></em></span></p><p style="max-width: 100%;"><em style="max-width: 100%; background-color: rgba(255, 255, 255, 0);">To see more of Parsley’s design work, check out <a href="http://www.niamhparsley.com/" target="_blank" style="text-decoration: none; max-width: 100%;">her website</a>. And if you’d like to help with the project, go to <a href="http://www.depictfor.us/" target="_blank" style="text-decoration: none; max-width: 100%;">http://www.Depictfor.us</a> to start providing image descriptions for blind web users.</em></p></div><div><br></div><div><br></div><div><a href="http://magazine.good.is/articles/depict-accessibility-visual-impairment-web-browsing?utm_content=buffer29361&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer">http://magazine.good.is/articles/depict-accessibility-visual-impairment-web-browsing?utm_content=buffer29361&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer</a></div><div></div></body></html>