Responsive banner

The Responsive banner functionality was developed for the Liberate life sites. It presents possibility to upload three images with text inside to present readable material on different sized screens. You do not have to think about the switch as media queries makes the switch in the browser depending on visitors screen size.

Example of text in image

Problem - Text inside of image

Since text in an image is not actual text it is unreadable for a lot of people. Not only blind visitors but people with need of re-sizing text size are affected as the text is pixels in an image and not textual data. Also, people who depend on programs that read content out loud (dyslexia or lack of reading skills) can't access the information. 

Solution - Text in image field

There is a field for adding the text which makes it accessible for more people. Text in image. Add the text that is inside of the image. See example below.

This field is mandatory and will present an error for the user if not filled in correctly.

Screenshot of responsive banner fields