Buttons vs links
"Savage, Angela (ITS)" <[email protected]> Thu, 7 May 2020 16:02:00 +0000
| Newsgroups | gmane.org.w3c.accessibility.general |
|---|---|
| Message-ID | <CH2PR09MB39429113306D8A4E3D986605D4A50@CH2PR09MB3942.namprd09.prod.outlook.com> |
--_000_CH2PR09MB39429113306D8A4E3D986605D4A50CH2PR09MB3942namp_
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: quoted-printable
I was wondering what is the proper usage for a button and a link when build=
ing an accessible application or website?
I'm reading multiple articles on this topic and I read an article from the =
Nielsen Norman Group on command links and they state that buttons should no=
t be used for navigation and that users should click a plain link to move t=
o another page of information. Multiple articles I have read on using butt=
ons and links when creating an accessible application or page mention this =
too.
Article: Command Links<https://www.nngroup.com/articles/command-links/>
Thank you in advance,
Angela Savage
Accessibility Auditor
--_000_CH2PR09MB39429113306D8A4E3D986605D4A50CH2PR09MB3942namp_
Content-Type: text/html; charset="us-ascii"
Content-Transfer-Encoding: quoted-printable
<html xmlns:v=3D"urn:schemas-microsoft-com:vml" xmlns:o=3D"urn:schemas-micr=
osoft-com:office:office" xmlns:w=3D"urn:schemas-microsoft-com:office:word" =
xmlns:m=3D"http://schemas.microsoft.com/office/2004/12/omml" xmlns=3D"http:=
//www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=3D"Content-Type" content=3D"text/html; charset=3Dus-ascii"=
>
<meta name=3D"Generator" content=3D"Microsoft Word 15 (filtered medium)">
<style><!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:#0563C1;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:#954F72;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri",sans-serif;
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;}
@page WordSection1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
{page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext=3D"edit" spidmax=3D"1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext=3D"edit">
<o:idmap v:ext=3D"edit" data=3D"1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=3D"EN-US" link=3D"#0563C1" vlink=3D"#954F72">
<div class=3D"WordSection1">
<p class=3D"MsoNormal">I was wondering what is the proper usage for a butto=
n and a link when building an accessible application or website?<o:p></o:p>=
</p>
<p class=3D"MsoNormal"><o:p> </o:p></p>
<p class=3D"MsoNormal">I’m reading multiple articles on this topic an=
d I read an article from the Nielsen Norman Group on command links and they=
state that buttons should not be used for navigation and that users should=
click a plain link to move to another page
of information. Multiple articles I have read on using buttons and l=
inks when creating an accessible application or page mention this too.<o:p>=
</o:p></p>
<p class=3D"MsoNormal"><o:p> </o:p></p>
<p class=3D"MsoNormal">Article: <a href=3D"https://www.nngroup.com/articles=
/command-links/">
Command Links</a><o:p></o:p></p>
<p class=3D"MsoNormal"><o:p> </o:p></p>
<p class=3D"MsoNormal">Thank you in advance,<o:p></o:p></p>
<p class=3D"MsoNormal"><b><span style=3D"font-size:18.0pt;color:#646569"><o=
:p> </o:p></span></b></p>
<p class=3D"MsoNormal"><b><span style=3D"font-size:18.0pt;color:#646569">An=
gela Savage<o:p></o:p></span></b></p>
<p class=3D"MsoNormal" style=3D"background:white"><span style=3D"font-size:=
12.0pt;color:#757B80;border:none windowtext 1.0pt;padding:0in">Accessibilit=
y Auditor</span><span style=3D"color:black"><o:p></o:p></span></p>
</div>
</body>
</html>
--_000_CH2PR09MB39429113306D8A4E3D986605D4A50CH2PR09MB3942namp_--