WebAIM - Web Accessibility In Mind

E-mail List Archives

Scrolling Agree to Terms Screen


From: Isabel Holdsworth
Date: Sep 20, 2018 5:48AM

Hi all,

We have an "Agree to terms" screen, where the "I agree" button is
disabled until users have scrolled to the end of the terms and
conditions. This scenario is non-negotiable for legal reasons.

One of my colleagues created a prototype that has the T&Cs in a
scrollable div with tabindex="0". It works great using a keyboard, but
screenreaders don't know what the component is or how to interact with

I made it work quite well by adding contentEditable="true" to the div.
But, again for legal reasons, this approach won't get past our change
board even if we use JavaScript to disable editing.

Have any of you created an accessible component that has this
functionality? If so, how did you do it? And if not, do you have any
thoughts on how to go about it?

As always, thanks for any advice or ideas.

Cheers, Isabel