RE: Table with a horizontal scroll bar
"Savage, Angela (ITS)" <[email protected]> Thu, 21 May 2020 17:55:38 +0000
| Newsgroups | gmane.org.w3c.accessibility.general |
|---|---|
| Message-ID | <CH2PR09MB39421BA84E8472443BFB6C98D4B70@CH2PR09MB3942.namprd09.prod.outlook.com> |
--_000_CH2PR09MB39421BA84E8472443BFB6C98D4B70CH2PR09MB3942namp_ Content-Type: text/plain; charset="us-ascii" Content-Transfer-Encoding: quoted-printable Great. Thank you steve. From: Steve Green <[email protected]> Sent: Thursday, May 21, 2020 9:29 AM To: Savage, Angela (ITS) <[email protected]>; [email protected] Subject: RE: Table with a horizontal scroll bar ATTENTION: This email came from an external source. Do not open attachments= or click on links from unknown senders or unexpected emails. The normative text for SC 1.4.10 specifically allows a horizontal scrollbar= for two-dimensional content such as "images, maps, diagrams, video, games,= presentations, data tables". Steve Green Managing Director Test Partners Ltd From: Savage, Angela (ITS) <[email protected]<mailto:Angela.Savage@i= ts.ny.gov>> Sent: 21 May 2020 14:12 To: [email protected]<mailto:[email protected]> Subject: Table with a horizontal scroll bar I am reviewing a table design that has multiple columns. In the design a ho= rizontal scroll bar is present at the bottom of the table so the user can g= et to the rest of the columns. Is this ok to do or will it violate 1.4.10 R= eflow - Level AA. I'm not finding a lot of answers googling. Please provide= some suggestions on a better approach if the horizontal scroll bar is not = acceptable. Thank you! Angela Savage Accessibility Auditor --_000_CH2PR09MB39421BA84E8472443BFB6C98D4B70CH2PR09MB3942namp_ 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;} p.msonormal0, li.msonormal0, div.msonormal0 {mso-style-name:msonormal; mso-margin-top-alt:auto; margin-right:0in; mso-margin-bottom-alt:auto; margin-left:0in; font-size:11.0pt; font-family:"Calibri",sans-serif;} span.EmailStyle18 {mso-style-type:personal; font-family:"Calibri",sans-serif; color:windowtext;} span.EmailStyle21 {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">Great. Thank you steve. <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> Steve Green <steve.green@testpartner= s.co.uk> <br> <b>Sent:</b> Thursday, May 21, 2020 9:29 AM<br> <b>To:</b> Savage, Angela (ITS) <[email protected]>; w3c-wai-i= [email protected]<br> <b>Subject:</b> RE: Table with a horizontal scroll bar<o:p></o:p></p> </div> </div> <p class=3D"MsoNormal"><o:p> </o:p></p> <table class=3D"MsoNormalTable" border=3D"0" cellspacing=3D"0" cellpadding= =3D"0" width=3D"100%" style=3D"width:100.0%;border-collapse:collapse"> <tbody> <tr> <td style=3D"border:solid #CBCBCB 3.0pt;background:#E35205;padding:0in 3.75= pt 0in 3.75pt"> <p align=3D"center" style=3D"text-align:center;line-height:105%"><i><span s= tyle=3D"font-size:10.0pt;line-height:105%;color:yellow">ATTENTION: This ema= il came from an external source. Do not open attachments or click on links = from unknown senders or unexpected emails.</span></i><o:p></o:p></p> </td> </tr> </tbody> </table> <div> <p class=3D"MsoNormal"><span lang=3D"EN-GB">The normative text for SC 1.4.1= 0 specifically allows a horizontal scrollbar for two-dimensional content su= ch as “images, maps, diagrams, video, games, presentations, data tabl= es”.<o:p></o:p></span></p> <p class=3D"MsoNormal"><span lang=3D"EN-GB"><o:p> </o:p></span></p> <p class=3D"MsoNormal"><span lang=3D"EN-GB">Steve Green<o:p></o:p></span></= p> <p class=3D"MsoNormal"><span lang=3D"EN-GB">Managing Director<o:p></o:p></s= pan></p> <p class=3D"MsoNormal"><span lang=3D"EN-GB">Test Partners Ltd<o:p></o:p></s= pan></p> <p class=3D"MsoNormal"><span lang=3D"EN-GB"><o:p> </o:p></span></p> <p class=3D"MsoNormal"><span lang=3D"EN-GB"><o:p> </o:p></span></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) <<a href=3D"mai= lto:[email protected]">[email protected]</a>> <br> <b>Sent:</b> 21 May 2020 14:12<br> <b>To:</b> <a href=3D"mailto:[email protected]">[email protected]</a><br> <b>Subject:</b> Table with a horizontal scroll bar<o:p></o:p></p> </div> </div> <p class=3D"MsoNormal"><span lang=3D"EN-GB"><o:p> </o:p></span></p> <p class=3D"MsoNormal">I am reviewing a table design that has multiple colu= mns. In the design a horizontal scroll bar is present at the bottom of the = table so the user can get to the rest of the columns. Is this ok to do or w= ill it violate 1.4.10 Reflow – Level AA. I’m not finding a lot of answers googling. Please provide some s= uggestions on a better approach if the horizontal scroll bar is not accepta= ble. <o:p></o:p></p> <p class=3D"MsoNormal"><o:p> </o:p></p> <p class=3D"MsoNormal">Thank you!<o:p></o:p></p> <p class=3D"MsoNormal"><o:p> </o:p></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> </div> </body> </html> --_000_CH2PR09MB39421BA84E8472443BFB6C98D4B70CH2PR09MB3942namp_--