WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Links vs buttons

for

From: Patrick H. Lauke
Date: Sep 16, 2013 5:24PM

On 16/09/2013 17:39, Karl Groves wrote:
> 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/

I seem to remember quite a famous (as in, it made the rounds at the time
a few years ago) comparison page that showed major problems with buttons
containing image elements, and aligning the buttons consistently with
the baseline of text...but it seems to elude me at the moment. Most
likely the culprit at the time was IE6...

P

>
> 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>
>>> >>> >>> >>
>> >> >> >>
>
>
>


--
Patrick H. Lauke
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]

www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com | http://flickr.com/photos/redux/
twitter: @patrick_h_lauke | skype: patrick_h_lauke