search

edina / spatial-memories

0 stars 1 forks source link

In Text editor form Save and Cancel label text read by VO #66

Closed benismobile closed 10 years ago

benismobile commented 10 years ago

Voice Over reads out "Save" and "Cancel" text in the buttons on the Text editor form which is confusing as the alt text on the button image is read out as well. Based on Colins previous work, aria-hidden=true tag should stop this happening. (VO will use the alt text on the button image instead).

colingor commented 10 years ago

I had a look at this earlier and couldn't find a non-hacky solution. Jquery mobile applies it's magic to <input data-theme="a" type="submit" value="Save"/>

transforming it to: <span class="ui-btn-inner"><span class="ui-btn-text">Save</span></span> <input data-theme="a" type="submit" value="Save" class="ui-btn-hidden" data-disabled="false">

This results in 'Save' being read out twice by Voiceover. The only solution I can see would be to use Jquery to inject the aria-hidden=true oito the generated span above. There may be a more elegant solution, but I'm not an ARIA expert...