Note: This page is for testing on desktop devices and may take longer to load as it includes many Webflow elements.
You can also check the browser console to see what’s happening behind the scenes!
Note 2: We are currently working on implementing a virtual keyboard and to create a global pause animations via a button.
You can also check the browser console to see what’s happening behind the scenes!
Note 2: We are currently working on implementing a virtual keyboard and to create a global pause animations via a button.
Richtext Element
This is a rich text
Link to a new tab (no aria set by default)
Link to a new tab (aria set to Click Here by default)
Link to a new tab (no aria)
Link existing tab with aria
Link existing tab without aria
Text Element
Text block
Richtext Element
This is a rich text
<h> H Tag Order Adjustments
In the below example, the order before Accessibility Widget running was H1, H3, H2, H5, H4, H6. The code will rename the H tag based on their position, but will not re-order them.
H1
H3
H2
H5
H4
H6
Richtext Element
This is a rich text
Div with class 'paragraph'
This is div with paragraph class
Duplicate ID's
This div has ID of "ALPHA"
This div has ID of "ALPHA"
Buttons: "Send", "Submit", "Read More", "Read Article"
Block Quote
Block Quote
Image with caption only
Code Block
<script>
// JavaScript code to toggle visibility
document.addEventListener('DOMContentLoaded', function() {
var button = document.getElementById('toggleButton');
var paragraph = document.getElementById('myParagraph');
button.addEventListener('click', function() {
if (paragraph.style.display === 'none') {
paragraph.style.display = 'block';
button.textContent = 'Hide Text';
} else {
paragraph.style.display = 'none';
button.textContent = 'Show Text';
}
console.log('Toggle Button Working');
});
});
</script>Dropdown List
Dropdown
Lightbox Element
Tab Element
Tab 1 content
Tab 2 content
Tab 3 content
Custom Element
Custom element
Element with Autofocus naturally on, but now removed
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Form Element
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Div with coloured background
Div with background Image
Div with background Image with ARIA
Image with no ALT tag
Image with ALT Tag
Image with ARIA label
Slideshow
Rive Animation autoplay off, handle events on
Rive Animation autoplay off, handle events off
Rive Animation autoplay on, handle events off
Rive Animation autoplay on, handle events on
Lottie Animation
Gif Animation
Webp Animation
Div with background video with autoplay off, no controls
Div with background video with autoplay, controls hidden
Div with background video with autoplay and controls visible
HTML code for video player, controls hidden