WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Links vs buttons

for

From: Karl Groves
Date: Sep 16, 2013 10:39AM

I'd like to dispute the notion that "buttons are difficult to style". I
haven't done much extensive testing on <input type="submit"> and the like,
but the <button> element can be styled[1] or unstyled[2], as it were, to
meet your needs on most modern browsers. You may run into some issues
across browser but not anymore than any other CSS stuff.

1 - http://jsfiddle.net/W9tvq/

2 - http://jsfiddle.net/c54UY/


On Sun, Sep 15, 2013 at 7:35 AM, Rakesh < <EMAIL REMOVED> > wrote:

> Thank you all for the discussion. Here is the article after summarizing
> the information.
> http://www.maxability.co.in/2013/09/links-vs-buttons/
>
> Thanks once again for your support.
> Thanks & Regards
> Rakesh
>
> On 9/12/2013 9:17 PM, Greg Gamble wrote:
> > A rough rule is links are external and buttons are internal. There is
> some crossover, but not much.
> >
> >
> > Greg Gamble
> > SBCTC - Olympia | Information Services
> > p - 360-704-4376
> >  think before printing
> >
> >
> > -----Original Message-----
> > From: <EMAIL REMOVED> [mailto:
> <EMAIL REMOVED> ] On Behalf Of Rakesh
> > Sent: Wednesday, September 11, 2013 10:11 PM
> > To: WebAIM Discussion List
> > Subject: [WebAIM] Links vs buttons
> >
> > Hi all,
> >
> > Most of the times I am confused where to use buttons and where to use
> links. Tried researching on it but I could not get a solid answer.
> > I am very much interested in righting a blog on the same.
> >
> > To me button is used when an action is associated with the element such
> as 'Submit", "continue", "next", "cancel", Add to cart (in e-commerce
> websites), Proceed", close" etc. Also when a pop-up opens to provide
> context help "help", etc. While links are only used to connect the web
> pages either through "href" or by calling some functions via scripting.The
> other way to put it is input buttons are used wen a visuall indication off
> buttton is provided on the page else use a link.
> >
> > Is my understanding correct. Can you throw some light on it.
> >
> > Thanks& Regards
> > Rakesh
> > > > > messages to <EMAIL REMOVED>
> > > > > > >
> > > >



--

Karl Groves
www.karlgroves.com
@karlgroves
http://www.linkedin.com/in/karlgroves
Phone: +1 410.541.6829