Re: [jgen] Joomla 3.1 isis template bootstrap radio button and accessibility

417 views
Skip to first unread message

Michael Babker

unread,
Apr 10, 2013, 5:28:21 PM4/10/13
to joomla-de...@googlegroups.com
Part of the problem may be that we are using an older version of Bootstrap in Joomla right now and the fixes you're looking at are in newer versions.

On Wednesday, April 10, 2013, Pagchen wrote:
Hi,
Just playing around 3.1b3 to see if I'll build my next component with it and ran into an accessibility problem using ISIS admin template:

In any backend pages where radio button are used, you can navigate between the fields with tab key and get to the radio button.

I went to bootstrap demo page (http://twitter.github.io/bootstrap/javascript.html#buttons) and there it works and you can even select button with space or enter key.

When I dug into joomla code to see if I can fix this, I discovered that the underlying code in bootstrap and joomla to show radio button are not the same.

Joomla:
Using <input> <label> traditionnal combo hidding the input part and styling the label

Boostrap:
Using <button> and javascript

This is an important aspect to have an accessible backend. I also have many clients that are using mainly keyboard navigation in my apps and will be very sad to loose the time added by moving hand to mouse and click !

Do you see any way to have this working other than changing to (not so beautiful) hathor admin template?

Html overides for all component? it seems a bit too much.
Change Joomla way to render radio button? than we can only have bootstrap based admin template.

Any help or other way to see it would be appreciated.
thanks

--
You received this message because you are subscribed to the Google Groups "Joomla! General Development" group.
To unsubscribe from this group and stop receiving emails from it, send an email to joomla-dev-gene...@googlegroups.com.
To post to this group, send an email to joomla-de...@googlegroups.com.
Visit this group at http://groups.google.com/group/joomla-dev-general?hl=en-GB.
For more options, visit https://groups.google.com/groups/opt_out.




--
- Michael

Please pardon any errors, this message was sent from my iPhone.

Pagchen

unread,
Apr 11, 2013, 10:13:40 AM4/11/13
to joomla-de...@googlegroups.com
Hi Michael,
Thanks for your reply,
Do you know of an upcoming upgrade to isis to use latest bootstrap version ?
Are the changes important to accomplish this. I could probably help if not too difficult.

I don't want to put pressure, I just want to plan my development schedule.

Thanks

Reply all
Reply to author
Forward
0 new messages