Make textinput beauty tips more accessible [#2070603]

Currently when you are using the textinput fucntionality to display field descriptions in beauty tips it isn't very accessible.

The issue is that the description text is useful information and it is getting hidden and put elsewhere, with no link back to the field.

Possible solutions are:
1. Use aria-describedby. Add an id to the beauty tip and make the field described by the beauty tip when it is visible (similar to how http://jqueryui.com/tooltip/) works.
2. Don't hide the description text, just make it invisble so screen readers can still see it.

The first option is preferable, however it is very hard to do with the way the module & the plugin currently work.

Comment	File	Size	Author
#1	beautytips-description_accessibility-2070603-1.patch	1.61 KB	rooby

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

rooby CreditAttribution: rooby commented 21 August 2013 at 08:05

Status:

Active

» Needs review

File	Size
beautytips-description_accessibility-2070603-1.patch	1.61 KB

Here is a patch that does option 2.

Comment #2

mgifford

he/him

English

CreditAttribution: mgifford commented 26 November 2013 at 19:10

This definitely looks good to me.
This is usually wrong .hide().html(); and this is the D7 way to accessibly hide content .addClass('element-invisible').html();