RE: [WSG] Accessible Form Buttons
Quoting Thierry Koblentz <[EMAIL PROTECTED]>: I'm working on a contracted project at the moment and the team is in a debate about how to make the website buttons scalable and yet still accessible. Also we want to use a minimal amount of markup. Obviously we cant use CSS background images as they wont scale. At the moment we have used CSS to layer an anchor over an img that does scale. The issue with this is now if people have no CSS support, the anchor and img will then be next to each other and then button wont be clickable. Does anyone know of another solution to this problem? Any assistance will be greatly appreciated! Using extra markup: http://tjkdesign.com/lab/uploader/buttons.asp -- Regards, Thierry | http://www.TJKDesign.com Thanks Thierry, looks good and works well. I'm not sure the other team members will like the markup though! *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Accessible Form Buttons
You have a few choices: 1. Use input type="submit" and scale the input using ems. Advantages Will scale in most browsers works in all mobile browsers works with CSS disabled works with images disabled works with javascript disabled Disadvantages: Does not scale in Safari or Camino Can only use images as a background image which you can't scale easily 2. Use button type="submit", use a scaling image and scale the image and button using ems. Advantages Will scale in all browsers that support the button element works with CSS disabled works with images disabled (if you use decent alt text) works with javascript disabled Disadvantages: Button is not supported by some mobile browsers and Netscape 4 3: Use a link around scaling image Will scale in all browsers works with CSS disabled works with images disabled (if you use decent alt text) Disadvantages: will not work with javascript disabled (needed for form submit If you want to see the examples of the button element have a look at a presentation I gave 2.5 years ago, it also show the limitations of the input element. http://nickcowie.com/presentation/s5-button.html Nick Cowie http://nickcowie.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Accessible Form Buttons
> I'm working on a contracted project at the moment and the team is in a > debate about how to make the website buttons scalable and yet still > accessible. Also we want to use a minimal amount of markup. > > Obviously we cant use CSS background images as they wont scale. At the > moment we have used CSS to layer an anchor over an img that does scale. > > The issue with this is now if people have no CSS support, the anchor > and img will then be next to each other and then button wont be > clickable. > > Does anyone know of another solution to this problem? > > Any assistance will be greatly appreciated! Using extra markup: http://tjkdesign.com/lab/uploader/buttons.asp -- Regards, Thierry | http://www.TJKDesign.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Accessible Form Buttons
Hi WSG List! I'm working on a contracted project at the moment and the team is in a debate about how to make the website buttons scalable and yet still accessible. Also we want to use a minimal amount of markup. Obviously we cant use CSS background images as they wont scale. At the moment we have used CSS to layer an anchor over an img that does scale. The issue with this is now if people have no CSS support, the anchor and img will then be next to each other and then button wont be clickable. Does anyone know of another solution to this problem? Any assistance will be greatly appreciated! Regards, Darren Lovelock Munkyonline.co.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***