Use the aria-live
attribute to announce a live character and word count to screen readers such as VoiceOver on macOS.
Want to learn how to build this? Join the next session of the Vanilla JS Academy ⚓️
A Pen by Kieran Barker on CodePen.
height: 600 | |
scrolling: no | |
border: yes |
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Toggle Passwords in Multiple Forms</title> | |
</head> | |
<body> | |
<h1>Toggle Passwords in Multiple Forms</h1> | |
<h2>Change Username</h2> |
Use the aria-live
attribute to announce a live character and word count to screen readers such as VoiceOver on macOS.
Want to learn how to build this? Join the next session of the Vanilla JS Academy ⚓️
A Pen by Kieran Barker on CodePen.
These use separate document structures instead of HTML, some are more modular libraries than full editors