Adding login instructions to the login page, while also being WCAG compliant.

[tktaylor]

It was requested that our login page have an instruction that states, "Please enter your JWCC account name and password below." above the login form.  I can do this easily with Javascript, but it would not be WCAG compliant because most screen readers cannot read the HTML that is generated by Javascript, since it does not load with the DOM, but instead is added after the DOM has loaded.  Is there any way text like this can be added to the Canvas login page, while also being WCAG compliant?

[stuart_ryan]

Hi  @tktaylor ,

I am going through having a look at some of the early days in the Canvas Developers group, and checking in to see if older enquiries have been answered. I also noticed there hasn’t been any discussion on this question in quite some time.

I am wondering, were you ever able to resolve this? I am hoping I can assume that it is well and truly resolved by now, but if not, please let us know and we can certainly have another look. Alternatively, if have some insights you may be able to share for others that would be awesome too!

Cheers,
Stuart

[tktaylor]

As far as I know, it was not resolved.  However, our Canvas login page is not JWCC branded currently so I'm not sure that it matters anymore.

In my original post, I was under the assumption that screen-readers would read a webpage before Javascript loaded.  If a script modified the DOM after the page loaded, I believed that screen-readers would be unable to read off the information I appended.  But I'm not sure if that's true anymore, and it probably wasn't true when I posted either since there have been great improvements in that area.

[stuart_ryan]

Hi Tiffany,

Thanks so much for the update, I will have a ponder on this, I think it is still true that screen readers struggle with JavaScript. Appreciate your update!

Cheers,
Stuart