SharePoint 2010 Web Standards & Accessibility

30
Mavention. Laat SharePoint voor u werken. Web standards & Accessibility Web Content Management

description

 

Transcript of SharePoint 2010 Web Standards & Accessibility

Page 1: SharePoint 2010 Web Standards & Accessibility

Mavention. Laat SharePoint voor u werken.

Web standards & Accessibility

Web Content Management

Page 2: SharePoint 2010 Web Standards & Accessibility

Mavention. Laat SharePoint voor u werken. 2

Page 3: SharePoint 2010 Web Standards & Accessibility

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

Page 4: SharePoint 2010 Web Standards & Accessibility

Mavention. Laat SharePoint voor u werken. 4

WEB STANDARDS & ACCESSIBILITY 101

Page 5: SharePoint 2010 Web Standards & Accessibility

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

Page 6: SharePoint 2010 Web Standards & Accessibility

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

Page 7: SharePoint 2010 Web Standards & Accessibility

Mavention. Laat SharePoint voor u werken. 7

ACCESSIBILITY IN SHAREPOINT 2010

Page 8: SharePoint 2010 Web Standards & Accessibility

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

Page 9: SharePoint 2010 Web Standards & Accessibility

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!

Page 10: SharePoint 2010 Web Standards & Accessibility

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

Page 11: SharePoint 2010 Web Standards & Accessibility

Mavention. Laat SharePoint voor u werken. 11

PART IWeb standards validation problem areas in SharePoint 2010

Page 12: SharePoint 2010 Web Standards & Accessibility

Mavention. Laat SharePoint voor u werken. 12

Validation problem areas

• Legacy markup• Silverlight Web Part• WebPartZone• WebPartPage• ImageField• Rich Text Editor

Page 13: SharePoint 2010 Web Standards & Accessibility

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" />

Page 14: SharePoint 2010 Web Standards & Accessibility

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

Page 15: SharePoint 2010 Web Standards & Accessibility

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!!!

Page 16: SharePoint 2010 Web Standards & Accessibility

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

Page 17: SharePoint 2010 Web Standards & Accessibility

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!

Page 18: SharePoint 2010 Web Standards & Accessibility

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

Page 19: SharePoint 2010 Web Standards & Accessibility

Mavention. Laat SharePoint voor u werken. 19

PART IIAccessibility problem areas in SharePoint 2010

Page 20: SharePoint 2010 Web Standards & Accessibility

Mavention. Laat SharePoint voor u werken. 20

Webrichtlijnen overheid aka. WCAG 2.0 AA+• CSS styles• In-line styles• JavaScript links

Page 21: SharePoint 2010 Web Standards & Accessibility

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

Page 22: SharePoint 2010 Web Standards & Accessibility

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

Page 23: SharePoint 2010 Web Standards & Accessibility

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

Page 24: SharePoint 2010 Web Standards & Accessibility

24

Battle for checkmarks

Page 25: SharePoint 2010 Web Standards & Accessibility

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/

Page 26: SharePoint 2010 Web Standards & 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

Page 27: SharePoint 2010 Web Standards & Accessibility

Mavention. Laat SharePoint voor u werken. 27

Page 28: SharePoint 2010 Web Standards & Accessibility

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/

Page 29: SharePoint 2010 Web Standards & Accessibility

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/

Page 30: SharePoint 2010 Web Standards & Accessibility

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/