SharePoint Usability and Accesibility Best Practices Including 508 Compliance - EPC Group - Errin O'Connor and the EPC Group team of experts, we cover 508 compliance and a wide variety of usability best practices (limiting clicks and developing a best practices hierarchy)

1. EPC Group’s Overview ofSharePoint 2010: Web Standards, Accessibility and Usability SharePoint Server 2010 - Web Content Management and Usability Standards Best Practices By: EPC Group.net

2. About EPC Group SharePoint 2010 and Project Server 2010 Offerings Include: Enterprise Content Management Systems based on Microsoft SharePoint Server 2010 SharePoint 2010 (SharePoint Server 2010 SharePoint Foundation 2010) DoD Compliance Systems Intranet and Internet facing implementations & Health Check and Assessments SharePoint Support Contracts for Organizations throughout the U.S. Custom Application, Web Part, Security Models and Workflow Development Migration initiatives for SharePoint 2007 to 2010 or LiveLink, Documentum, FileNet to SP 2010 Tailored SharePoint Training (either onsite or remote) SharePoint Roadmap development: 6, 12, 18, and 24 months Enterprise Metadata Design Retention Schedule Development – True Records Management Experts

4. EPC Group Facts Founded in 1999- The Nation’s Oldest and Most Experienced SharePoint Integration Firm (Headquartered in Houston, Texas) Microsoft Gold Certified Partner Member of Microsoft SharePoint and Project Server TAP 2007 & 2010 Beta Test Programs Currently Executed over 640 SharePoint Engagements throughout the Globe History of executing largest SharePoint Deployments in the history of Microsoft SharePoint Patent Pending SharePoint Implementation Methodologies Microsoft SharePoint Foundation 2010 Inside Out Dive in to Microsoft® SharePoint® Foundation 2010 Windows® SharePoint® Services 3.0 Inside Out

6. One of the nation’s leading SharePoint implementation and custom .NET development firms

7. Currently writing Microsoft SharePoint Foundation 2010 – Inside Out

8. Author of Windows SharePoint Services 3.0 Inside & Out by Microsoft Press

9. Has completed 130+ SharePoint Implementations in the Past 8 years

10. Has worked on some of the largest SharePoint deployments to date (200,000+ Users)

12. SharePoint 2010 Accessibility A way to guarantee interoperabilityof the website SharePoint 2010 Supports any Operating System Any browser across multiple platforms, (I.E., Safari, Firefox, Chrome, etc. Any edge device (iPad, etc.) Standards WCAG 1.0/2.0 Section 508 (US) HIPPS Related PII and PHI: (Personal Identifiable Information) and (Personal Health Information ) Accessibility Levels, Best Practices AD Group, SP Security Groups 7

13. SharePoint 2010 Web standards & Accessibility Best Practices Standards Well-formed XHTML 1.0 Strict WCAG 2.0 Level (Double A) Implemented in SharePoint Foundation 2010 Except for Central Administration Settings User Interface Note: The Central Administration and Settings interfaces can also be modified to meet corporate standards

14. Well-formed vs. Valid XHTML Well-formed XHTML Lower-case tags Self-closing elements Attributes’ values wrapped in quotes In-line elements wrapped in block elements Doctypes everywhere SharePoint 2010 supports Markup for Accessible Rich Internet Applications Not in XHTML DTD! 9

15. Web Standards & SharePoint 2010 Grammatical correctness of markup Standards types HTML 4.01 XHTML 1.0/1.1 Standards levels Transitional Strict Frameset Quirks mode 10

16. Accessibility in SharePoint 2010 SharePoint aims at WCAG 2.0 AA WAI:ARIA Accessible Rich Internet Applications Supported by the latest browsers This includes IE 9, Chrome, Firefox, etc. Implemented across the whole platform SharePoint 2010 should always be inplemented with a “SharePoint as a Platform” and “SharePoint as a Service methodology in mind.” 11

17. SharePoint Validation Problem Areas – Best Practices Legacy markups & Customizations can become a major issues in SharePoint 2007 to SharePoint 2010 Branding Migration efforts Silverlight Web Part(s) and where Microsoft is headed technologically (phasing Silverlight out) WebPartZone specified to SharePoint 2010 WebPartPage specified to SharePoint 2010 ImageField specified to SharePoint 2010 Rich Text Editor specified to SharePoint 2010 12

18. Silverlight Plugin Generator Problem SLPG doesn’t escape JavaScript code SLPG uses iframe to solve caching issue with Safari Solution Add comments before loading the JavaScript <script type="text/javascript"> //<![CDATA[ //]]> </script> This is meant to phase out the iFrame 13

19. WebPartZones & SharePoint 2010 Problem Renders tables around Web Parts Adds non-existing attributes toWeb Part’s div(HasPers, allowDelete, etc.) Solution Custom Control Adapter Override the rendering Drawbacks Breaks WPSC 14

20. WebPartPages and SharePoint Problem Renders hidden Web Part Zone using hidden input fields Input fields directly in the page insteadof wrapped in a div Solution Custom Page Adapter Wrap the contents in a div 15

21. ImageField and SharePoint 2010 Problem Uses HTML 4.01 to store the image value Solution In code: retrieve the value asImageFieldValue and write theimg tag yourself In XSLT: This is a more advanced area for skilled SharePoint Subject Matter Experts 16

22. CSS Styles and SharePoint 2010 Problem CSS validation returns errors Solution Replacing with your own CSS (Corporately Approved) Drawbacks Requires some serious customization and configuraton 17

23. In-line Styles SharePoint 2010 Problem Using style attribute is not allowed Solution Custom Page Adapter Regex replace Drawbacks Very expensive Might loose branding/functionality 18

24. Rich Text Editor SharePoint 2010 Problem WAI:ARIA markup not in XHTML DTD Solution Custom Control Adapter Regex replace Drawbacks Expensive on large pages 19

25. JavaScript links Problem Links with href="javascript:" Solution Custom Page Adapter Regex rewrite of links Drawbacks Very expensive Might loose functionality 20

26. Key Lessons Learned Implementing web standards and accessibility in SharePoint 2010 is easier than in SharePoint (MOSS) 2007 Plan for accessibility from the begining of the project Accessible branding is the key to success Be careful what you promise Accessibility on the Internet doesmatter 21