Plugin Directory


Opened 3 years ago

Closed 3 years ago

#1710 closed defect (fixed)

Screen reader accessibility of jetpack comment form

Reported by: joedolson Owned by: migueluy
Priority: normal Severity: normal
Plugin: jetpack Keywords: accessibility, comments
Cc: migueluy, richard@…


References this Forums thread: http://wordpress.org/support/topic/labeling-comment-field-for-accessibility?replies=4#post-4150820

Relevant to file: /jetpack/modules/comments/comments.php

The JetPack comment form can not be readily used by users dependent on screen readers simply because the comment textarea label is hidden using display:none. For a screen reader, this means that the labels are removed from the flow of the DOM, and will not be read - this causes screen reader users to be unable to locate the comment form. If they were hidden by another means (such as being positioned absolutely off-screen), they would be read by screen readers.

The label is hidden here:

#respond .comment-textarea label{display:none;}


Change History (4)

comment:1 @ceo3 years ago

Related to this issue, JAWS shows two comment fields. One instance is real field, the other is, well, I don't know but it's not a text box. However, it is possible to select and type in - and so without vision this is incredibly confusing.

comment:2 @migueluy3 years ago

  • Cc migueluy added
  • Owner changed from tmoorewp to migueluy

comment:3 @richardmtl3 years ago

  • Cc richard@… added

comment:4 @migueluy3 years ago

  • Resolution set to fixed
  • Status changed from new to closed

Set html attribute aria-hidden to true in order to hide the unused textarea element from screen readers.
Add title attribute to improve the identification of the textarea.

Note: See TracTickets for help on using tickets.