Digital Accessibility On Tilda

Making the Web Accessible For Everyone: Discover How You Can Shape the Future Of the Internet

Digital Accessibility On Tilda

Making the Web Accessible For Everyone: Discover How You Can Shape the Future Of the Internet

Digital accessibility is the concept that makes technology inclusive and equally accessible for a wide range of visitors including people with disabilities

Digital accessibility is the concept that makes technology inclusive and equally accessible for a wide range of visitors including people with disabilities

"a11y" is a numeronym that stands for "accessibility"
  • 1.3

    billion people experience significant disability

  • 16%

    of the world population lives with a disability

  • 1 in 6

    of us have some type of disability, according to the WHO (March 2023)

  • 1.3
    billion people experience significant disability
  • 16%
    of the world population lives with a disability
  • 1 in 6
    of us have some type of disability, according to the WHO (March 2023)

Create websites that are easy to use for people with physical and cognitive impairments

On Tilda, you can create websites that are user-friendly for a wide range of visitors including those with disabilities. The platform allows you to design projects usable by everybody. Discover how Tilda's digital accessibility is developing.

Create websites that are easy to use for people with physical and cognitive impairments

On Tilda, you can create websites that are user-friendly for a wide range of visitors including those with disabilities. The platform allows you to design projects usable by everybody. Discover how Tilda's digital accessibility is developing.

Websites made on Tilda are designed with digital accessibility in mind

Tilda's pre-designed blocks include all the necessary features to create a user-friendly website for people with disabilities. The layout and attributes allow you to create a website that is easily understandable by assistive technologies. For example, screen readers will accurately read the website content.
Design system for people with different information perception abilities
  • Visible focus indicator when navigating a website using the keyboard
    The colored focus box helps people navigate the page and makes it clear what element is being interacted with.
  • All title blocks include H1-H6 tags
    The titles of different levels allow the screen reader to accurately read the page structure and navigate pages using the keyboard.
  • Alt text for images in all blocks

    The users with visual impairments will hear the image's description. If there is a temporary problem, such as slow connection, sighted visitors will also benefit from it and read the image's description.

  • Header and footer
    The screen reader will recognize that a person has switched to a header or footer block and will voice them accordingly. In the header, it is possible to skip reading menu items and go straight to the main content.
  • Menu and submenu navigation
    Menu and submenu items are properly marked so that visitors can browse through them with a screen reader or keyboard.
  • Forms
    Most fields are accessible for screen readers and keyboards. The success or error messages are also voiced.
  • Pop-ups

    Visitors using a screen reader will understand that they have opened a pop-up window and are interacting with it. Pop-ups are also available for keyboard navigation.

  • Feature blocks

    Semantically correct markup allows the screen reader to recognize such blocks as a list.

  • Video players

    The screen reader correctly reads the Play button of the video player so that the visitor can play and pause videos.

  • Tile and Link: All blocks from the category
    In these blocks, visitors can browse using the keyboard. Depending on the block, the screen reader will read a button or card title for visually impaired users.
  • Tabs
    Tabs can be browsed by using the keyboard. The content will be voiced by the screen reader for the visitors with visual limitations.
  • Accordion-style blocks
    The items in the accordion will be voiced by the screen reader. Also, they can be browsed using the keyboard.
  • Sliders
    Buttons, arrows, and pagination are legible by the screen reader and can be navigated from the keyboard.
Driving accessibility on Tilda
We've made a lot of progress and keep on working to make the platform more accessible. We are planning to improve the remaining blocks from the library, Zero Block, Product Catalog, Feeds, and the Tilda interface. We will also be adding more tools to test the accessibility of your websites.
Using the web should not be a privilege but an ordinary routine. And we at Tilda can have an impact on that. We do our part to ensure that everyone, regardless of their physical or perceptual characteristics, can feel comfortable online while browsing, searching for information, shopping, and much more.
Anastasia Skoblova,
digital accessibility lead at Tilda

Tools To Create Accessible Websites At Your Fingertips

Website accessibility for people with disabilities is the responsibility of both the platform and the website creator. Discover what you can do for your website to be more friendly for all users.
specify the Alt tags for images
use the H1-H6 title tags
use contrasting colors for the background and text
choose a font that is easily readable
include not just phone numbers but also email addresses and other contact details
These actions will improve not only accessibility but also the user experience in general, conversion rates, and search engine ranking (SEO).

It is essential to care about visitors with disabilities

Anyone can face a situation where they temporarily or constantly start to perceive the world differently.
Constant
Temporary
Situational
SIGHT
Blindness
Cataract
A blinding light
Touch
Missing limb
Limb fracture
Hands are busy
Voice
Mutism
Laryngitis
A thick accent
Hearing
Deafness
Ear infection
Noise in the subway
Cognitive impairment
Dyslexia or ADHD
Brain injury
Shaking in transport
Constant
Blindness
Temporary
Cataract
Situational
A blinding light
Constant
Missing limb
Temporary
Limb fracture
Situational
Hands are busy
Constant
Mutism
Temporary
Laryngitis
Situational
A thick accent
Constant
Deafness
Temporary
Ear infection
Situational
Noise in the subway
Constant
Dyslexia or ADHD
Temporary
Brain injury
Situational
Shaking in transport

Share Your Opinion

Let's make Tilda more inclusive together. Share your thoughts on accessibility and send your questions, suggestions, and comments to team@tilda.cc

Create Accessible Websites Using Tilda

Made on
Tilda