Keyboard navigationTabAccordionSliderMenuPopupDescribe images with alt textStructure content with headingsCreate descriptive URLsAccessible multimediaConclusion
An accessible website is incredibly important for businesses that want to ensure that a wide variety of customers can use their online stores. Accessible websites provide equal access to all users, regardless of their abilities or disabilities, and allow everyone to access the same information on the website.
Fortunately, Zeno Page Builder makes it easy to create pages that are compliant with WCAG 2.1 accessibility standards. This means that your store can reach a larger audience, including people with disabilities who may not have been able to shop on your site before.
Using a keyboard to navigate a website is important because it makes it possible for people who can't use a mouse to still use the website.
In Zeno Page Builder, many elements have been designed to be easily navigated with a keyboard.
The Tab element is a great way to break down the content into more manageable panels. Each panel is visible by clicking on its name, allowing you to easily navigate through each panel with ease.
You can easily navigate between Tab panels created by Zeno by using Arrow left and Arrow right keys.
The Accordion element is composed of several content panels that can be vertically opened or closed with one simple click, allowing users to quickly and efficiently explore all the information.
The Accordion created by Zeno allows you to:
- Press Arrow up and Arrow down to switch between panels.
- Press Enter to toggle a panel.
The Slider element breaks down a page's content into smaller pieces that can be accessed with the click of a button or swipe on your mouse. It provides viewers with an interactive experience as they cycle through rotating slides.
The Slider created by Zeno allows you to:
- Press Tab or Shift+Tab to navigate between buttons.
- Press Arrow Left and Arrow Right to navigate the slides.
The Menu element provides a simple sort of navigation, with a list of links that will be visible when users click on it.
The Menu created by Zeno allows you to:
- Press Enter to toggle the menu dropdown.
- Press Tab or Shift+Tab to navigate the links.
The Popup element is a helpful tool for grabbing the attention of visitors to your website by displaying key information in an inviting manner.
The Popup created by Zeno allows you to:
- Press Enter to open the popup.
- Press Esc to close the popup.
Describe images with alt text
When you put a picture on your website, you can write some words to describe the picture. This is called alt text. People who are blind or have trouble seeing can read this to learn what the picture is about.
You can set alt text for images easily in Zeno Page Builder.
Structure content with headings
A key part of website accessibility is to structure your content with various levels of headings (H1, H2, H3, and so on) in order to create orderly navigation. This makes the information easier for people to read and comprehend. Additionally, headings and subheadings aid those using screen readers by providing a means of navigating around your webpages.
You can set the levels of headings in Zeno Page Builder.
Create descriptive URLs
A descriptive URL is key for anyone to understand the context of a link, especially those with visual impairments or who are blind and rely on screen readers.
In Zeno Page Builder, you can select a part of the text to create an URL.
To provide an exemplary user experience and heighten engagement on your website, videos, audio clips, and other multimedia elements are indispensable.
However, some users may possess different requirements based on their particular disability. For instance, visually handicapped individuals cannot interpret text or images but can comprehend audio recordings; conversely, those who are deaf can observe video clips without any sound playing in the background.
Bearing this in mind, it's optimal to equip your visitors with as many pathways of comprehension for your content as feasible.
Zeno Page Builder allows you to insert all kinds of content: Video, Audio, and Text into the page. With the Custom code element, you can even insert more content types for example 3D models.
Making websites accessible is important because it means that more people can get information and do things on the internet. It requires some work but with Zeno's built-in features, the process can be much more easier and enjoyable. Let's try optimize your store for accessibility today!