Browser's with Screen Readers in 2019

Cover Image for Browser's with Screen Readers in 2019

To improve the experience of our web extension in preparation for the Speechify Web App. I go over current screen readers in browsers which have come a long way this last year (2019). I walk through both integrated browser-based solutions and plugins.  

Browsers

 

To start we need to understand what is already provided to our users for free at a system level. Some browsers are adding speech-to-text services to expand their reader views for reducing the noise from new articles. Below is an example of what mainstream browsers and os native browsers offer.  

Chrome

 

There is not a native solution available unless you install [ChromeVox], which is by google but would seem to be considered a legacy extension. But would seem to act more as a way to navigate a webpage that's being dictated and less about reading selected portions of text.  

Edge

  browser-edge-text-to-speech  

After years of not knowing which way is up, Edge is final has good accessibility options. A native screen reader with a slightly computerized voice will read the article and highlighted the text. It's not the same playback quality as Speechify but it's a great native option.  

Safari

  safari-text-to-speech   Safari has the best free or native experience. It's optimized to work natively with the accessibility tools in macOS. They also have a lot of additional options based on how you read best. You can underline the current sentence or word spoken. Highlighting the text anywhere in macOS, including safari, and use the same shortcuts to read anything. Speechify may want to explore keeping a native app to help customers with writing papers, emails, texts, and other general writing across the OS.  

Firefox

  firefox-text-to-speech  

Firefox now has a built-in screen reader which integrates directly into your pocket account. (Has Speechify ever explored this type of integration?) Firefox owns pocket, and as screen readers become standard in browsers it could be good to look into opera or others to partners. The screen reader is limited to 3x max playback speed and the voice quality is limited. But the voice quality is decent.  

Extensions and Apps

 

Many of the following extensions are pretty similar, but all have different subtleties to the type of content being saved. We should mix one of these without an existing extension to allow for saving content to the web app.  

Are.na

  browser-extension-arena  

Notion

  browser-extension-notion  

Feedly

  browser-extension-feedly  

Extensions for Viewing Content

  These extensions are close to what we could aim to build. Something that allows for saving content and reading it right there on the screen.  

Evernote

  browser-extension-evernote   Here is one of the consistently best examples. You can select a series of ways to save the content. And it caches the last formate type you used to keep it consistent.  

Hypothesis

  Another good path could be optimizing for annotations with something like basic highlighting and notes.   extension-hypothesis  

Recommend Changes for Speechify

  Our web app and chrome extension serve two different functions at the moment, and for the most part, should continue to do so with a few exceptions. The chrome extension currently just reads the highlighted text, which is great! But we could add a button and shortcut that allows for the saving of articles to the Web App, and a few more options for the screen reader experience.   Here is a small map of extension features.   interface-example-kinopio   ↑ If the above URL has an issue loading please view it here  

Here are some wireframes that could become directions we take when updating the Chrome extension. For most popular web apps the extension purely helps import content into the core web app. We should keep the ability to read content outside the as a plugin or app feature.   plugin or app feature   Additional Layouts One of our strengths is how quickly you can highlight some text on a page and have it read back to you. But if we look at Evernote there could be a significant benefit to having a more advanced screen reader. One that allowed for annotations without leaving the webpage. There is also a wide range of options around how we signal which word, sentence, or div is spoken. Do we underline, highlight, or isolate the text?   Adding content to the web app from chrome extension might look like, starting with launching a mini-player. ⤵   mini-player   And you would have the option to click them ➕or use a shortcut to save articles directly to the library in the web app ⤵   web app  

A mini-player could be a nice way to show the current text⤵   mini-player