I disagree 100% with kcunning's answer. Like her, I don't have a staged demo, so I cannot give an official review. I took a look at the blog for Disqus, which I figured would be a good source. Looking at the rendered code, you will see:
<div class="textarea-wrapper" data-role="textarea">
<div class="textarea" contenteditable="true" tabindex="0" role="textbox"
aria-multiline="true" style="overflow: auto; max-height: 350px;">
<p>
text here<br>
</p>
</div>
They use ARIA to allow the div
to become a text area, but they do not use aria-label, -labeledby, or -describedby. So that is equivalent of not providing a <label>
, which is a violation of 508 (1194.22(n)).
Kcunning said
I was able to access everything with just a keyboard or mouse, inputs showed focus, and headers were used appropriately.
On the Disqus blog, you do not get focus indication anywhere except the div
acting as a textarea
, and the name and email boxes. This may be some be some CSS doings on their end vs defaults on the product/platform. If it is the default, it fails 1194.21(c), lack of a well-defined focus in the UI. The Software applications and operating systems apply because the form is heavily scripted.