RE: Redundant links in a table
Jonathan Avila <[email protected]> Tue, 26 May 2020 23:55:50 +0000
| Newsgroups | gmane.org.w3c.accessibility.general |
|---|---|
| Message-ID | <DM6PR03MB4106AA7E86F543C1E9514D50F1B00@DM6PR03MB4106.namprd03.prod.outlook.com> |
--_000_DM6PR03MB4106AA7E86F543C1E9514D50F1B00DM6PR03MB4106namp_ Content-Type: text/plain; charset="us-ascii" Content-Transfer-Encoding: quoted-printable SC 2.4.4 allows for link purpose to be communicated by descriptive content = from table cell text or associated table headers although users will still = benefit from an accessible name that provides more context. If the table h= eaders cells are marked up correctly and are descriptive they can be counte= d in the calculation. From https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-refs.= html This can be achieved by putting the description of the link in the sam= e sentence, paragraph, list item, or table cell as the link, or in the tabl= e header cell for a link in a data table, because these are directly associ= ated with the link itself. Alternatively, authors may choose to use an ARIA= technique to associate additional text on the page with the link. Jonathan From: Savage, Angela (ITS) <[email protected]> Sent: Thursday, May 21, 2020 1:40 PM To: [email protected] Subject: Redundant links in a table CAUTION: This email originated from outside of the organization. Do not cli= ck links or open attachments unless you recognize the sender and know the c= ontent is safe. I'm reviewing the design of a table that displays multiple users. One of t= he columns contains a link to a page that displays a request the user had s= ubmitted. This link is repeated for each search result. It takes the user t= o the same page but the information changes depending on the user selected.= Does this violate 2.4.4 Link Purpose (In Context) Level A because it is a = redundant link? Example: Id Name Options Status Submitted View Request Abc123 Jon Doe Apples Pending 02/19/2020 Request Bfg456 Jane Doe Oranges Pending 02/22/2020 Request Wxf789 Will Smith Cherries Pending 03/01/2020 Request Angela Savage Accessibility Auditor Office of Information Technology Services --_000_DM6PR03MB4106AA7E86F543C1E9514D50F1B00DM6PR03MB4106namp_ 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;} span.EmailStyle19 {mso-style-type:personal-reply; font-family:"Calibri",sans-serif; color:windowtext;} .MsoChpDefault {mso-style-type:export-only; font-size:10.0pt;} @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">SC 2.4.4 allows for link purpose to be communicated = by descriptive content from table cell text or associated table headers alt= hough users will still benefit from an accessible name that provides more c= ontext. If the table headers cells are marked up correctly and are descriptive they can be counted in the cal= culation.<o:p></o:p></p> <p class=3D"MsoNormal"><o:p> </o:p></p> <p class=3D"MsoNormal"><span style=3D"font-size:13.5pt;font-family:"Ar= ial",sans-serif;color:black;background:white">From </span><a href=3D"https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mec= hanisms-refs.html">https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-me= chanisms-refs.html</a><span style=3D"font-size:13.5pt;font-family:"Ari= al",sans-serif;color:black;background:white"> This can be achieved by putting the description of the link in the same se= ntence, paragraph, list item, or table cell as the link, or in the tab= le header cell for a link in a data table, because these are directly assoc= iated with the link itself. Alternatively, authors may choose to use an ARIA technique to associate additional text o= n the page with the link.<o:p></o:p></span></p> <p class=3D"MsoNormal"><o:p> </o:p></p> <p class=3D"MsoNormal">Jonathan<o:p></o:p></p> <p class=3D"MsoNormal"><o:p> </o:p></p> <div> <div style=3D"border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0in = 0in 0in"> <p class=3D"MsoNormal"><b>From:</b> Savage, Angela (ITS) <Angela.Savage@= its.ny.gov> <br> <b>Sent:</b> Thursday, May 21, 2020 1:40 PM<br> <b>To:</b> [email protected]<br> <b>Subject:</b> Redundant links in a table<o:p></o:p></p> </div> </div> <p class=3D"MsoNormal"><o:p> </o:p></p> <div style=3D"border:solid #9C6500 1.0pt;padding:2.0pt 2.0pt 2.0pt 2.0pt"> <p class=3D"MsoNormal" style=3D"line-height:12.0pt;background:#FFEB9C"><b><= span style=3D"font-size:10.0pt;color:#9C6500">CAUTION:</span></b><span styl= e=3D"font-size:10.0pt;color:black"> This email originated from outside of t= he organization. Do not click links or open attachments unless you recognize the sender and know the content is safe.<= o:p></o:p></span></p> </div> <p class=3D"MsoNormal"><o:p> </o:p></p> <div> <p class=3D"MsoNormal">I’m reviewing the design of a table that= displays multiple users. One of the columns contains a link to a page that= displays a request the user had submitted. This link is repeated for each = search result. It takes the user to the same page but the information changes depending on the user selected. Does this= violate 2.4.4 Link Purpose (In Context) Level A because it is a redundant = link?<o:p></o:p></p> <p class=3D"MsoNormal"><o:p> </o:p></p> <p class=3D"MsoNormal">Example:<o:p></o:p></p> <p class=3D"MsoNormal"><o:p> </o:p></p> <table class=3D"MsoNormalTable" border=3D"0" cellspacing=3D"0" cellpadding= =3D"0" title=3D"View Request" summary=3D"Example of a view request table wi= th links to view a request." style=3D"border-collapse:collapse"> <tbody> <tr style=3D"height:12.5pt"> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border:solid windowte= xt 1.0pt;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal"><b>Id<o:p></o:p></b></p> </td> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border:solid windowte= xt 1.0pt;border-left:none;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal"><b>Name<o:p></o:p></b></p> </td> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border:solid windowte= xt 1.0pt;border-left:none;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal"><b>Options<o:p></o:p></b></p> </td> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border:solid windowte= xt 1.0pt;border-left:none;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal"><b>Status<o:p></o:p></b></p> </td> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border:solid windowte= xt 1.0pt;border-left:none;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal"><b>Submitted<o:p></o:p></b></p> </td> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border:solid windowte= xt 1.0pt;border-left:none;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal"><b>View Request<o:p></o:p></b></p> </td> </tr> <tr style=3D"height:12.5pt"> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border:solid windowte= xt 1.0pt;border-top:none;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal">Abc123<span style=3D"color:#203864"><o:p></o:p></spa= n></p> </td> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border-top:none;borde= r-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowt= ext 1.0pt;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal">Jon Doe<o:p></o:p></p> </td> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border-top:none;borde= r-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowt= ext 1.0pt;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal">Apples<o:p></o:p></p> </td> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border-top:none;borde= r-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowt= ext 1.0pt;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal">Pending<o:p></o:p></p> </td> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border-top:none;borde= r-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowt= ext 1.0pt;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal">02/19/2020<o:p></o:p></p> </td> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border-top:none;borde= r-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowt= ext 1.0pt;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal"><u><span style=3D"color:#203864">Request<o:p></o:p><= /span></u></p> </td> </tr> <tr style=3D"height:12.5pt"> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border:solid windowte= xt 1.0pt;border-top:none;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal">Bfg456<span style=3D"color:#203864"><o:p></o:p></spa= n></p> </td> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border-top:none;borde= r-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowt= ext 1.0pt;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal">Jane Doe<o:p></o:p></p> </td> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border-top:none;borde= r-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowt= ext 1.0pt;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal">Oranges<o:p></o:p></p> </td> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border-top:none;borde= r-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowt= ext 1.0pt;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal">Pending<o:p></o:p></p> </td> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border-top:none;borde= r-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowt= ext 1.0pt;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal">02/22/2020<o:p></o:p></p> </td> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border-top:none;borde= r-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowt= ext 1.0pt;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal"><u><span style=3D"color:#203864">Request<o:p></o:p><= /span></u></p> </td> </tr> <tr style=3D"height:12.5pt"> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border:solid windowte= xt 1.0pt;border-top:none;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal">Wxf789<span style=3D"color:#203864"><o:p></o:p></spa= n></p> </td> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border-top:none;borde= r-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowt= ext 1.0pt;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal">Will Smith<o:p></o:p></p> </td> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border-top:none;borde= r-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowt= ext 1.0pt;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal">Cherries<o:p></o:p></p> </td> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border-top:none;borde= r-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowt= ext 1.0pt;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal">Pending<o:p></o:p></p> </td> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border-top:none;borde= r-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowt= ext 1.0pt;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal">03/01/2020<o:p></o:p></p> </td> <td width=3D"87" valign=3D"top" style=3D"width:65.0pt;border-top:none;borde= r-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowt= ext 1.0pt;padding:0in 5.4pt 0in 5.4pt;height:12.5pt"> <p class=3D"MsoNormal"><u><span style=3D"color:#203864">Request<o:p></o:p><= /span></u></p> </td> </tr> </tbody> </table> <p class=3D"MsoNormal"><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> <p class=3D"MsoNormal"><b><span style=3D"font-size:12.0pt;color:#E75300">Of= fice of Information Technology Services<o:p></o:p></span></b></p> <p class=3D"MsoNormal"><o:p> </o:p></p> </div> </div> </body> </html> --_000_DM6PR03MB4106AA7E86F543C1E9514D50F1B00DM6PR03MB4106namp_--