Zoom disabled for html5
May 06, 2015
By
Matt Elvey
We're using storyline 2 for an online course but testing finds the html5 option unusable on mobile devices.
Aside from not being responsive the zoom has been disabled making the small text unreadable and the application unusable. I have no idea why zoom is disabled but this is an absurd default setting as it is in direct conflict with common web design best practices. Is there an option anywhere to allow zoom? I could potentially edit the metatags in the *_html5.html file manually after each export but I can't expect most of our content editors to do that.
12 Replies
Hi Matt!
If you've applied the Zoom Picture feature to an image in your Articulate Storyline course, you may find that it doesn't work properly when the HTML5 output is viewed in mobile Safari on an iPad. Review this article for more information.
Thanks Leslie,
Actually this is not confined to zooming on an image. The issue is that zoom is disabled for the entire HTML document. This is because "user-scalable" is set to "no" in the viewport meta tag.
If you open the html5 document you can see the following tag in the head
This prevents zoom the zoom functionality which I require.
Applying this setting reduces usability as users cannot zoom in to view small text and creates an unpleasant user experience as mobile users are accustomed to zooming in and out of documents and expect this functionality.
In order for us to provide the best possible experience to our users we need to export html5 documents without this setting. It is possible to manually remove it after exporting but as our storyline designers do not necessarily know html I can't expect them to do so.
Hi Matt!
Here’s how Storyline determines which version of your content to display when learners view it. Are you sharing the story.html file?
We're exporting it as a SCORM package with HTML5 and no mobile player. The SCORM package loads index_lms.html which redirects to index_lms_html5.html if a mobile browser if detected. The problem however is that the file index_lms_html5.html contains the metatag in my above post. This disables zoom functionality in mobile browsers. Without zoom the small text cannot be enlarged and the page is unusable on small displays.
Hi Matt!
HTML5 output doesn't support gestures, such as pinch-to-zoom or swipe, on mobile devices. However, the Articulate Mobile Player app is optimized to support gestures.
If you wish to see this handled differently, I would suggest a feature request to our development team.
In addition, we do not support the modification of published output.
The problem isn't that gestures aren't supported. The problem is that *all* scaling is disabled as per the meta-tag. Considering that the html5 output isn't response this renders the output unusable on smaller screens. I'd rather not modify the published output, hence this question.
If there is no functionality to enable scaling then I will raise a support case as the html5 output functionality is effectively unusable.
Thank you Matt!
I agree that users should be able to scale content on mobile devices. We're running into an example with interactive markers on an image that are very difficult to precisely select without the ability to zoom. I'll also be submitting a feature request.
Has this feature been added? Is there a workaround for this? Is there anyway to allow users to zoom in and out of a page on a mobile device yet?
Storyline 360 and Storyline 3 allow zooming.
Hi Susan,
Here are the gestures you can use for the HTML5 output in Storyline 3/360.
I think there should be an option for us to choose what gestures we want to make available on mobile devices. For example, I don't want the zoom feature in my module. There should be an option at the time of publishing that will allow me to uncheck the zoom feature.
This discussion is closed. You can start a new discussion or contact Articulate Support.