WordPress.org

Plugin Directory

jetpack

#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@…

Description

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;}

http://s1.wp.com/wp-content/mu-plugins/highlander-comments/style.css

Change History (4)

comment:1 ceo12 months 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 migueluy12 months ago

  • Cc migueluy added
  • Owner changed from tmoorewp to migueluy

comment:3 richardmtl12 months ago

  • Cc richard@… added

comment:4 migueluy11 months 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.