Element Settings panel

Adding an aria-label to your navigation elements allows people using screen readers to understand each landmark's purpose quickly.

Full details

Autofocus can create confusion, especially for screenreader users, by moving them to a form field without permission or context. When the page <input> includes other content, or when the input field isn’t the primary purpose of the page, it's best practice to let visitors choose to fill out a form.

Full details

To display content in a table, table elements need to be properly labeled to be understood by people who use assistive technologies. While there’s currently no way in Webflow to natively create an HTML <table> element, you can create an equivalent structure using a series of <div> elements and proper aria attributes.

Full details

Decorative elements (that aren’t images) should be hidden with an aria attribute so assistive technology can ignore them.

Full details

Alt text describes images to visitors who are unable to see them. This includes screen readers and browsers that block images, but it also includes users who are sight-impaired or otherwise unable to visually identify an image.

Full details

A common web pattern is to animate the transition to an anchor link within a page. This animation can be harmful to people who are sensitive to motion.

Full details

Landmark regions help communicate the layout and important areas of a page or view to assistive technologies and can allow quick access to these regions.

Full details