Upload
mavention
View
15.322
Download
0
Tags:
Embed Size (px)
DESCRIPTION
Citation preview
Mavention. Laat SharePoint voor u werken.
Web standards & Accessibility
Web Content Management
Mavention. Laat SharePoint voor u werken. 2
Mavention. Laat SharePoint voor u werken. 3
Session objectives
• You understand the difference between and the importance of web standards and accessibility
• You can explain the web standards and accessibility investments in SharePoint 2010
• You know the most common web standards and accessibility issues with SharePoint 2010
Mavention. Laat SharePoint voor u werken. 4
WEB STANDARDS & ACCESSIBILITY 101
Mavention. Laat SharePoint voor u werken. 5
Web standards
• Grammatical correctness of markup• Standards types– HTML 4.01– XHTML 1.0/1.1
• Standards levels– Transitional– Strict– Frameset
• Quirks mode
Mavention. Laat SharePoint voor u werken. 6
Accessibility
• A way to guarantee interoperability of the website– Any OS– Any browser– Any device
• Standards– WCAG 1.0/2.0– WAI:ARIA– Section 508 (US)– Webrichtlijnen overheid (NL)
• Accessibility Levels
Mavention. Laat SharePoint voor u werken. 7
ACCESSIBILITY IN SHAREPOINT 2010
Mavention. Laat SharePoint voor u werken. 8
SharePoint 2010 Web standards & accessibility facts
• Standards– Well-formed XHTML 1.0 Strict– WCAG 2.0 Level AA– WAI:ARIA
• Implemented in SharePoint Foundation 2010– Except for• Central Administration• Settings UI
Mavention. Laat SharePoint voor u werken. 9
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 WAI:ARIA– Markup for Accessible Rich Internet Applications– Not in XHTML DTD!
Mavention. Laat SharePoint voor u werken. 10
Accessibility in SharePoint 2010
• SharePoint aims at WCAG 2.0 AA• WAI:ARIA– Accessible Rich Internet Applications– Supported by the latest browsers– Implemented across the whole platform
Mavention. Laat SharePoint voor u werken. 11
PART IWeb standards validation problem areas in SharePoint 2010
Mavention. Laat SharePoint voor u werken. 12
Validation problem areas
• Legacy markup• Silverlight Web Part• WebPartZone• WebPartPage• ImageField• Rich Text Editor
Mavention. Laat SharePoint voor u werken. 13
Legacy markup
• Problem– name attribute on the form element
• Solution– Configure XHTML Conformance to Strict• Per WebApp setting (web.config)
<xhtmlConformance mode="Strict" />
Mavention. Laat SharePoint voor u werken. 14
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>
– ...and get rid of the iframe
Mavention. Laat SharePoint voor u werken. 15
WebPartZone
• Problem– Renders tables around Web Parts– Adds non-existing attributes to
Web Part’s div(HasPers, allowDelete, etc.)
• Solution– Custom Control Adapter– Override the rendering
• Drawbacks– Breaks WPSC!!!
Mavention. Laat SharePoint voor u werken. 16
WebPartPage
• Problem– Renders hidden Web Part Zone using hidden input
fields– Input fields directly in the page instead
of wrapped in a div• Solution– Custom Page Adapter– Wrap the contents in a div
Mavention. Laat SharePoint voor u werken. 17
ImageField
• Problem– Uses HTML 4.01 to store the image value
• Solution– In code: retrieve the value asImageFieldValue and write theimg tag yourself
– In XSLT: Good luck!
Mavention. Laat SharePoint voor u werken. 18
Rich Text Editor
• Problem– WAI:ARIA markup not in XHTML DTD
• Solution– Custom Control Adapter– Regex replace
• Drawbacks– Expensive on large pages
Mavention. Laat SharePoint voor u werken. 19
PART IIAccessibility problem areas in SharePoint 2010
Mavention. Laat SharePoint voor u werken. 20
Webrichtlijnen overheid aka. WCAG 2.0 AA+• CSS styles• In-line styles• JavaScript links
Mavention. Laat SharePoint voor u werken. 21
CSS styles
• Problem– CSS validation returns errors
• Solution– Replacing with your own CSS
• Drawbacks– Requires some serious tweaking
Mavention. Laat SharePoint voor u werken. 22
In-line styles
• Problem– Using style attribute is not allowed
• Solution– Custom Page Adapter– Regex replace
• Drawbacks– Very expensive– Might loose branding/functionality
Mavention. Laat SharePoint voor u werken. 23
JavaScript links
• Problem– Links with href="javascript:..."
• Solution– Custom Page Adapter– Regex rewrite of links
• Drawbacks– Very expensive– Might loose functionality
24
Battle for checkmarks
Mavention. Laat SharePoint voor u werken. 25
Webrichtlijnen overheid
• Valid XHTML and CSS as prerequisites of being accessible– Is it really necessary?
Web standards vs. Accessibility:http://www.456bereastreet.com/archive/200506/web_standards_vs_accessibility/
Mavention. Laat SharePoint voor u werken. 26
Key takeaways
• Implementing web standards and accessibility in SharePoint 2010 is easier than in MOSS 2007
• Plan for accessibility from day #1• Accessible branding is the key to success• Be careful what you promise• Accessibility on the Internet does matter
Mavention. Laat SharePoint voor u werken. 27
Mavention. Laat SharePoint voor u werken. 28
Resources:General
• Web standards & Accessibilityhttp://www.w3.org
• Web Accessibility Initiativehttp://www.w3.org/WAI/
• Webrichtlijnen overheidhttp://www.webrichtlijnen.nl/
Mavention. Laat SharePoint voor u werken. 29
Resources: Accessibility
• Evaluating website accessibility– Part 1, Background and Preparation
http://www.456bereastreet.com/archive/200603/evaluating_website_accessibility_part_1_background_and_preparation/
– Part 2, Basic Checkpointshttp://www.456bereastreet.com/archive/200603/evaluating_website_accessibility_part_2_basic_checkpoints/
– Part 3, Digging Deeperhttp://www.456bereastreet.com/archive/200603/evaluating_website_accessibility_part_3_digging_deeper/
Mavention. Laat SharePoint voor u werken. 30
Resources:Accessibility in SharePoint• Accessibility @ blog
http://blog.mastykarz.nl/tag/accessibility/• Best Practices for developing accessible web sites in
Microsoft Office SharePoint Server 2007http://blog.mastykarz.nl/go/best-practices-accessible-moss/
• The impact of developing an accessible web site in SharePoint 2007http://blog.mastykarz.nl/the-impact-of-developing-an-accessible-web-site-in-sharepoint-2007/