Mobile internet usage on the rise

fella on computer, fella on mobileLatest statistics show that of the over seven billion people on this planet, almost 2.5 billion use the internet. But even more significant is the number of mobile subscribers at just over 6.5 billion. While this figure does not represent unique users, it is still huge. Going further, analysts at eMarketer confirmed in January that just over 73% of people accessed the web in 2013 using their mobile devices. And in some regions, that percentage is much higher. This means that a huge portion of your audience may be visiting your website on their smartphone or tablet. With this number increasing more and more, it is imperative that your mobile visitors have access to the same content and functionality as when visiting your website on a computer. This includes the ReadSpeaker Listen function.

Giving your mobile visitors access to the ReadSpeaker Listen function

There are basically two ways for you to adapt your website for use on mobile devices: using responsive design and creating a separate mobile version of your website. Responsive design involves designing your website to appear correctly on any size screen. You basically position the elements so that they flow into the available space and modify positions or layout as the screen size changes. In this case, there is no extra work to implement ReadSpeaker. You simply add our JavaScript and Listen button code as normal, and it will work at any size. Since the player is in HTML5/CSS3, it will work without issue on any mobile device you choose. The second option involves creating a separate version of your website that is designed for mobile devices only. The URL will typically be something like http://m.url.com. Anyone visiting your website on a desktop will see the normal version. Mobile visitors can also choose to visit the desktop version as well. ReadSpeaker works very well on mobile websites, but what tends to happen is that ReadSpeaker is implemented only on the desktop version of the site and not on the separate mobile site. Then as the number of mobile users accessing your website increases, the number of users being able to listen to your content decreases. To avoid this, all you have to do is make sure to implement ReadSpeaker on your mobile site in the same exact way that you implemented on your desktop website: add the JavaScript, add the Listen button code, and define the reading area. This way, all users will be able to visit any version of your website and have the option to listen to your content. Another option not covered here is to not actually adapt your website for mobile use. You simply develop your website as normal, and your mobile users will pan and zoom to navigate it. While the Listen function will work as expected, anything that requires hovering or other mouse actions will not. We believe it is important that you cater your website to all users regardless of which device they may be using and how they prefer to interact with your content. Making the ReadSpeaker Listen function available on any device further enables you to make your content more accessible to more of your users. [speech-enabling_websites]