{"id":165,"date":"2013-03-18T20:38:35","date_gmt":"2013-03-18T20:38:35","guid":{"rendered":"http:\/\/www.webninjataylor.com\/library\/?p=165"},"modified":"2014-06-24T22:22:26","modified_gmt":"2014-06-24T22:22:26","slug":"508-compliance","status":"publish","type":"post","link":"https:\/\/webninjataylor.com\/library\/508-compliance\/","title":{"rendered":"508 Compliance"},"content":{"rendered":"<h2>Layman\u2019s Terms<\/h2>\n<ol style=\"list-style-type: lower-alpha;\">\n<li>Images need alt attributes<\/li>\n<li>Videos need closed captioning<\/li>\n<li>Information still needs to be conveyed well in black &amp; white<\/li>\n<li>Page needs to makes sense with CSS disabled<\/li>\n<li>Client-side image maps are preferred&#8230; If not, then server-side image maps need duplicate text links on the page<\/li>\n<li>Client-side image maps are preferred&#8230; If not, then server-side image maps need duplicate text links on the page<\/li>\n<li>Tables need &lt;th&gt;\u00a0in place of &lt;td&gt;\u00a0where appropriate, and use, &lt;colgroup&gt;, and &lt;tbody&gt;\u00a0to group rows, and to group columns<\/li>\n<li>Tables need &lt;th&gt;\u00a0in place of &lt;td&gt;\u00a0where appropriate, and use, &lt;colgroup&gt;, and &lt;tbody&gt;\u00a0to group rows, and to group columns<\/li>\n<li>Frames need titles<\/li>\n<li>Screen should not flicker between 2 Hz \u2013 55 Hz<\/li>\n<li>When a-j are not possible, a text-only version of the page must be created and kept in sync with the primary page<\/li>\n<li>DOM elements generated by JavaScript must follow the above accessibility rules<\/li>\n<li>If a plug-in is required by the user, we must direct them to a 508-compliant download page<\/li>\n<li>Forms must be accessible and submittable without needing a mouse<\/li>\n<li>Users should be able to skip repetitive navigation such as top tabs and menus<\/li>\n<li>Users need to be alerted if a session is ending and provided a way to extend it<\/li>\n<\/ol>\n<h2>Official 508 Descriptions<\/h2>\n<ol style=\"list-style-type: lower-alpha;\">\n<li>A text equivalent for every non-text element shall be provided (e.g., via &#8220;alt&#8221;, &#8220;longdesc&#8221;, or in element content).<\/li>\n<li>Equivalent alternatives for any multimedia presentation shall be synchronized with the presentation.<\/li>\n<li>Web pages shall be designed so that all information conveyed with color is also available without color, for example from context or markup.<\/li>\n<li>Documents shall be organized so they are readable without requiring an associated style sheet.<\/li>\n<li>Redundant text links shall be provided for each active region of a server-side image map.<\/li>\n<li>Client-side image maps shall be provided instead of server-side image maps except where the regions cannot be defined with an available geometric shape.<\/li>\n<li>Row and column headers shall be identified for data tables.<\/li>\n<li>Markup shall be used to associate data cells and header cells for data tables that have two or more logical levels of row or column headers.<\/li>\n<li>Frames shall be titled with text that facilitates frame identification and navigation.<\/li>\n<li>Pages shall be designed to avoid causing the screen to flicker with a frequency greater than 2 Hz and lower than 55 Hz.<\/li>\n<li>A text-only page, with equivalent information or functionality, shall be provided to make a web site comply with the provisions of this part, when compliance cannot be accomplished in any other way. The content of the text-only page shall be updated whenever the primary page changes.<\/li>\n<li>When pages utilize scripting languages to display content, or to create interface elements, the information provided by the script shall be identified with functional text that can be read by assistive technology.<\/li>\n<li>When a web page requires that an applet, plug-in or other application be present on the client system to interpret page content, the page must provide a link to a plug-in or applet that complies with \u00a71194.21(a) through (l).<\/li>\n<li>When electronic forms are designed to be completed on-line, the form shall allow people using assistive technology to access the information, field elements, and functionality required for completion and submission of the form, including all directions and cues.<\/li>\n<li>When a timed response is required, the user shall be alerted and given sufficient time to indicate more time is required.<\/li>\n<li>A method shall be provided that permits users to skip repetitive navigation links.<\/li>\n<\/ol>\n<h2>Resources<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.section508.gov\/index.cfm?fuseAction=stdsdoc#Web\" target=\"_blank\" rel=\"nofollow\">Section508.gov<\/a><\/li>\n<li><a href=\"http:\/\/www.w3.org\/TR\/1999\/WAI-WEBCONTENT-19990505\/\" target=\"_blank\" rel=\"nofollow\">W3.org WAI<\/a><\/li>\n<li><a href=\"http:\/\/www.w3.org\/WAI\/intro\/aria.php\" target=\"_blank\" rel=\"nofollow\">W3.org\u00a0Aria<\/a><\/li>\n<li><strong>WAI-ARIA and Assistive Technologies<\/strong><\/li>\n<li><a href=\"http:\/\/www.microsoft.com\/enable\/business\/default.aspx\" target=\"_blank\" rel=\"nofollow\">Microsoft Accessibility Page<\/a><\/li>\n<li><a href=\"http:\/\/msdn.microsoft.com\/en-us\/windows\/gg671918\" target=\"_blank\" rel=\"nofollow\">Microsoft Introduction to WAI-ARIA<\/a><\/li>\n<li><a href=\"http:\/\/www-03.ibm.com\/able\/guidelines\/\" target=\"_blank\" rel=\"nofollow\">IBM Accessibility Guide<\/a><\/li>\n<li><a href=\"http:\/\/dev.w3.org\/html5\/spec\/embedded-content-0.html#annotations-for-assistive-technology-products-aria\" target=\"_blank\" rel=\"nofollow\">W3 Specification: Applying WAI-ARIA Roles with HTML Elements<\/a><\/li>\n<li><a href=\"http:\/\/a11yproject.com\/\" target=\"_blank\">The Accessibility Project<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Layman\u2019s Terms Images need alt attributes Videos need closed captioning Information still needs to be conveyed well in black &amp; white Page needs to makes sense with CSS disabled Client-side image maps are preferred&#8230; If not, then server-side image maps need duplicate text links on the page Client-side image maps are preferred&#8230; If not, then [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[144],"tags":[32],"class_list":["post-165","post","type-post","status-publish","format-standard","hentry","category-web-shots","tag-32"],"_links":{"self":[{"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/posts\/165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/comments?post=165"}],"version-history":[{"count":5,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/posts\/165\/revisions"}],"predecessor-version":[{"id":3410,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/posts\/165\/revisions\/3410"}],"wp:attachment":[{"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/media?parent=165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/categories?post=165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/tags?post=165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}