Comments on: Better looking radio buttons and checkboxes with FancyBoxes http://functino.com/2009/02/better-looking-radio-buttons-and-checkboxes-with-fancyboxes/ My daily struggle with webdevelopment Fri, 26 Feb 2010 08:33:10 +0100 http://wordpress.org/?v=2.9.2 hourly 1 By: Andreas http://functino.com/2009/02/better-looking-radio-buttons-and-checkboxes-with-fancyboxes/comment-page-1/#comment-1312 Andreas Fri, 26 Feb 2010 08:33:10 +0000 http://functino.com/?p=5#comment-1312 Hi Joe, thanks for pointing this out to me. It was a wrong setting in wordpress. It's fixed now. Hi Joe, thanks for pointing this out to me. It was a wrong setting in wordpress.

It’s fixed now.

]]> By: Joe Flesh http://functino.com/2009/02/better-looking-radio-buttons-and-checkboxes-with-fancyboxes/comment-page-1/#comment-1311 Joe Flesh Fri, 26 Feb 2010 01:09:19 +0000 http://functino.com/?p=5#comment-1311 Would love to use FancyBoxes, but the download link on the project page is broken -- says that I don't have permission to download the file! If you fix this, do shoot me an e-mail. Would love to use FancyBoxes, but the download link on the project page is broken — says that I don’t have permission to download the file! If you fix this, do shoot me an e-mail.

]]> By: admin http://functino.com/2009/02/better-looking-radio-buttons-and-checkboxes-with-fancyboxes/comment-page-1/#comment-5 admin Sat, 07 Mar 2009 14:36:57 +0000 http://functino.com/?p=5#comment-5 Well, thanks. I just uploaded the new version. The script now visually indicates which checkbxo/radio has focus. So now it is usable with the keyboard. It uses the onfocus/onblur events of the input/radio elements. So if JavaScript or CSS is disabled it works - and if JavaScript and CSS are enabled it works too. Perhaps this is not the perfect solution when it comes to WAI-ARIA. But I think it is pretty good usable and accessible. Well, thanks. I just uploaded the new version. The script now visually indicates which checkbxo/radio has focus. So now it is usable with the keyboard. It uses the onfocus/onblur events of the input/radio elements. So if JavaScript or CSS is disabled it works – and if JavaScript and CSS are enabled it works too.

Perhaps this is not the perfect solution when it comes to WAI-ARIA. But I think it is pretty good usable and accessible.

]]> By: Manko10 http://functino.com/2009/02/better-looking-radio-buttons-and-checkboxes-with-fancyboxes/comment-page-1/#comment-4 Manko10 Wed, 04 Mar 2009 00:57:27 +0000 http://functino.com/?p=5#comment-4 <a href="#comment-3" rel="nofollow">@ admin</a> I guess it isn't. WAI-ARIA is no just for knowing where I am on a website/web application, first of all it's to make a control element usable for everyone. Even if you check the focus state with your script you would never get such a result as when you use the operating system's elements. I suggest you to use image buttons as explained on the websites linked above. They also have the advantage that you don't have to worry about focus state since it's done by the OS. @ admin
I guess it isn’t. WAI-ARIA is no just for knowing where I am on a website/web application, first of all it’s to make a control element usable for everyone. Even if you check the focus state with your script you would never get such a result as when you use the operating system’s elements. I suggest you to use image buttons as explained on the websites linked above. They also have the advantage that you don’t have to worry about focus state since it’s done by the OS.

]]> By: admin http://functino.com/2009/02/better-looking-radio-buttons-and-checkboxes-with-fancyboxes/comment-page-1/#comment-3 admin Tue, 03 Mar 2009 23:20:39 +0000 http://functino.com/?p=5#comment-3 Hi Manko10, thanks fot the advice. I just added a focus status that indicates which element is active/has the focus. It simly adds a new css-class "fb_focus" which is dynamicilly added onFocus and removed onBlur. So now you can tab through all elements using your keyboard. I'm going to test this and then upload it. But I'm not quite sure if that's enough according to WAI... Hi Manko10,
thanks fot the advice. I just added a focus status that indicates which element is active/has the focus.
It simly adds a new css-class “fb_focus” which is dynamicilly added onFocus and removed onBlur.

So now you can tab through all elements using your keyboard. I’m going to test this and then upload it.
But I’m not quite sure if that’s enough according to WAI…

]]> By: Manko10 http://functino.com/2009/02/better-looking-radio-buttons-and-checkboxes-with-fancyboxes/comment-page-1/#comment-2 Manko10 Tue, 03 Mar 2009 21:55:27 +0000 http://functino.com/?p=5#comment-2 Hi, very nice tool, but unfortunately non-accessible. The elements don't have a focus status and therefore they are unusable for keyboard navigation. To make sure no users are excluded from using your forms without forcing them to turn off their JavaScript you have to use WAI-ARIA compliant form elements (see here: http://www.w3.org/WAI/intro/aria or for a German introduction: http://www.hessendscher.de/wai-aria/). Hi,

very nice tool, but unfortunately non-accessible. The elements don’t have a focus status and therefore they are unusable for keyboard navigation. To make sure no users are excluded from using your forms without forcing them to turn off their JavaScript you have to use WAI-ARIA compliant form elements (see here: http://www.w3.org/WAI/intro/aria or for a German introduction: http://www.hessendscher.de/wai-aria/).

]]>