Product

Create, publish and optimize pages with a drag&drop, pixel perfect and mobile-friendly builder

Speed up the creation process with 400+ customizable templates for landing pages, pop-ups and sections

Track microconversions in your Dashboard and analyze events and clicks with visual map

Integrate your pages with your favorite mar-tech apps and solutions to get the flow of your campaign going

Drive sales and conversions with irresistible product displays and seamless shopping experiences

Use a reliable and secure platform that smoothly handles millions of visits

Resources

Master digital marketing with the help from savvy professionals and increase your website’s conversions

Guides for beginners, set-up instructions and creation tips to get started and optimize your pages

A free online course for landing page creators! Learn the secrets of high-converting pages and become an expert

Get the answers you’re looking for – contact us

Schedule a one-on-one meeting with us and learn more about the benefits of our platform

Hire a Design Expert or order an import of your existing page from other platforms to Landingi

Home Help Center How to adjust landing page to Web Content Accessibility Guidelines

How to adjust landing page to Web Content Accessibility Guidelines

TABLE OF CONTENT

The Web Content Accessibility Guidelines (WCAG) are an internationally recognized set of recommendations that, when followed, make websites and online content more accessible to people with disabilities. Creating user-friendly web content is, of course, regarded as good practice globally; however, some countries may adjust their laws to WCAG differently. That being said, when creating your landing page, make sure that it is compliant with the legal standards of your country.

Following WCAG standards allows you to be certain that your landing page is understandable to the widest possible audience. This article will walk you through a few ways of making your Landingi landing page more accessible.

Remember that if you have any questions about the Landingi editor or platform, you can always contact our Support team.

Fulfilling major accessibility principles

WCAG-compliant pages should fulfill four major accessibility principles: Perceivable, Operable, Understandable, and Robust.

Unfold one of the following tabs to learn more:

Basics: navigation

Your page should be easy to navigate and use without a mouse or a touchpad. Make sure that visitors can move around your landing page with a keyboard – you can check such navigation availability by pressing Tab or Shift+Tab keys. Remember to add alternative links to phone numbers, email addresses, and menus, thus this navigation method does not work with plain text.

In Landingi, form (including all fields), buttons, or video widgets can be used with a keyboard.

Alternative access: contact data

Check all elements’ accessibility – if one of them is not usable enough, you should provide an alternative. This particularly applies to contact data.

Contact data in a fixed menu/footer

Phone number, correspondence address, or email address can be placed in a menu or a footer of your landing page, and pinned to the top or the bottom of the page. Fixed elements are always visible on a website, even during scrolling. Remember that you can not pin two elements at once.

Read more about fixed menu in Landingi.

Active contact links

To make contact data available from a keyboard, write them in an active alternative link form. That way, a user navigating with Tab and Enter is able to open the default email software or start a new SMS. Check how to use alternative redirect links in Landingi.

Alternative texts for images

Provide text alternatives for visual content – that way, images on your landing page can be understood even by people with blindness and impaired vision. Alternative texts should briefly and relevantly describe graphic elements or their function.

To add an alternative text to images on your landing page, go to the editor, click the image, and in the right-side toolbar, find the SEO / Sharing tab. Unfold it and enter your description.

Sometimes alternative text is not enough. If your image is more complicated, add text next to it and create a more detailed description.

Mobile view

More and more users visit landing pages on mobile devices. Ease their experience by adapting mobile view both for horizontal and vertical orientation. Read more about mobile view in the Landingi editor, adjust and publish your landing page, and check on your smartphone if your page works correctly. 

Page title

Provide ways to help users determine where they are. For a disabled or inexperienced visitor, being capable of recognizing the page they are browsing is not mainly a matter of comfort, but first and foremost, it is their basics for web navigation.

Page differentiating is possible with page titles – they are displayed on browser tabs. To add a title to your landing page, go to Page Settings and adjust the SEO / Social share tab.

Unexpected elements: sounds, animations

Surprising your visitors with unexpected sounds or moving and flashing objects may draw their attention. However, it is not recommended if you want to create a page that meets accessibility standards. For people with blindness and impaired vision or for elders, those unexpected elements are highly uncomfortable. Therefore, limit video and sound autoplay and animations on your landing page.

If you want to optimize your landing pages for more leads, more sales, and more revenue, get a 30-minute demo – tailored specifically for your business.