SlideShare a Scribd company logo
1 of 30
Download to read offline
Web standards & Accessibility,[object Object],Web Content Management,[object Object]
2,[object Object]
Session objectives,[object Object],You understand the difference between and the importance of web standards and accessibility,[object Object],You can explain the web standards and accessibility investments in SharePoint 2010,[object Object],You know the most common web standards and accessibility issues with SharePoint 2010,[object Object],3,[object Object]
Web standards & accessibility 101,[object Object],4,[object Object]
Web standards,[object Object],Grammatical correctness of markup,[object Object],Standards types,[object Object],HTML 4.01,[object Object],XHTML 1.0/1.1,[object Object],Standards levels,[object Object],Transitional,[object Object],Strict,[object Object],Frameset,[object Object],Quirks mode,[object Object],5,[object Object]
Accessibility,[object Object],A way to guarantee interoperability of the website,[object Object],Any OS,[object Object],Any browser,[object Object],Any device,[object Object],Standards,[object Object],WCAG 1.0/2.0,[object Object],WAI:ARIA,[object Object],Section 508 (US),[object Object],Webrichtlijnen overheid (NL),[object Object],Accessibility Levels,[object Object],6,[object Object]
Accessibility in SharePoint 2010,[object Object],7,[object Object]
SharePoint 2010 Web standards & accessibility facts,[object Object],Standards,[object Object],Well-formed XHTML 1.0 Strict,[object Object],WCAG 2.0 Level AA,[object Object],WAI:ARIA,[object Object],Implemented in SharePoint Foundation 2010,[object Object],Except for,[object Object],Central Administration,[object Object],Settings UI,[object Object],8,[object Object]
Well-formed vs. Valid XHTML,[object Object],Well-formed XHTML,[object Object],Lower-case tags,[object Object],Self-closing elements,[object Object],Attributes’ values wrapped in quotes,[object Object],In-line elements wrapped in block elements,[object Object],Doctypes everywhere,[object Object],SharePoint 2010 supports WAI:ARIA,[object Object],Markup for Accessible Rich Internet Applications,[object Object],Not in XHTML DTD!,[object Object],9,[object Object]
Accessibility in SharePoint 2010,[object Object],SharePoint aims at WCAG 2.0 AA,[object Object],WAI:ARIA,[object Object],Accessible Rich Internet Applications,[object Object],Supported by the latest browsers,[object Object],Implemented across the whole platform,[object Object],10,[object Object]
Part I,[object Object],Web standards validation problem areas in SharePoint 2010,[object Object],11,[object Object]
Validation problem areas,[object Object],Legacy markup,[object Object],Silverlight Web Part,[object Object],WebPartZone,[object Object],WebPartPage,[object Object],ImageField,[object Object],Rich Text Editor,[object Object],12,[object Object]
Legacy markup,[object Object],Problem,[object Object],name attribute on the form element,[object Object],Solution,[object Object],Configure XHTML Conformance to Strict,[object Object],Per WebApp setting (web.config),[object Object],<xhtmlConformancemode="Strict"/>,[object Object],13,[object Object]
Silverlight Plugin Generator,[object Object],Problem,[object Object],SLPG doesn’t escape JavaScript code,[object Object],SLPG uses iframe to solve caching issue with Safari (?),[object Object],Solution,[object Object],Add comments before loading the JavaScript,[object Object],<scripttype="text/javascript">,[object Object],//<![CDATA[,[object Object],//]]>,[object Object],</script>,[object Object],...and get rid of the iframe,[object Object],14,[object Object]
WebPartZone,[object Object],Problem,[object Object],Renders tables around Web Parts,[object Object],Adds non-existing attributes toWeb Part’s div(HasPers, allowDelete, etc.),[object Object],Solution,[object Object],Custom Control Adapter,[object Object],Override the rendering,[object Object],Drawbacks,[object Object],Breaks WPSC!!!,[object Object],15,[object Object]
WebPartPage,[object Object],Problem,[object Object],Renders hidden Web Part Zone using hidden input fields,[object Object],Input fields directly in the page insteadof wrapped in a div,[object Object],Solution,[object Object],Custom Page Adapter,[object Object],Wrap the contents in a div,[object Object],16,[object Object]
ImageField,[object Object],Problem,[object Object],Uses HTML 4.01 to store the image value,[object Object],Solution,[object Object],In code: retrieve the value asImageFieldValue and write theimg tag yourself,[object Object],In XSLT: Good luck!,[object Object],17,[object Object]
Rich Text Editor,[object Object],Problem,[object Object],WAI:ARIA markup not in XHTML DTD,[object Object],Solution,[object Object],Custom Control Adapter,[object Object],Regex replace,[object Object],Drawbacks,[object Object],Expensive on large pages,[object Object],18,[object Object]
Part II,[object Object],Accessibility problem areas in SharePoint 2010,[object Object],19,[object Object]
Webrichtlijnen overheid aka. WCAG 2.0 AA+,[object Object],CSS styles,[object Object],In-line styles,[object Object],JavaScript links,[object Object],20,[object Object]
CSS styles,[object Object],Problem,[object Object],CSS validation returns errors,[object Object],Solution,[object Object],Replacing with your own CSS,[object Object],Drawbacks,[object Object],Requires some serious tweaking,[object Object],21,[object Object]
In-line styles,[object Object],Problem,[object Object],Using style attribute is not allowed,[object Object],Solution,[object Object],Custom Page Adapter,[object Object],Regex replace,[object Object],Drawbacks,[object Object],Very expensive,[object Object],Might loose branding/functionality,[object Object],22,[object Object]
JavaScript links,[object Object],Problem,[object Object],Links with href="javascript:...",[object Object],Solution,[object Object],Custom Page Adapter,[object Object],Regex rewrite of links,[object Object],Drawbacks,[object Object],Very expensive,[object Object],Might loose functionality,[object Object],23,[object Object]
24,[object Object],Battle for checkmarks,[object Object]
Webrichtlijnen overheid,[object Object],Valid XHTML and CSS as prerequisites of being accessible,[object Object],Is it really necessary?,[object Object],Web standards vs. Accessibility:http://www.456bereastreet.com/archive/200506/web_standards_vs_accessibility/,[object Object],25,[object Object]
Key takeaways,[object Object],Implementing web standards and accessibility in SharePoint 2010 is easier than in MOSS 2007,[object Object],Plan for accessibility from day #1,[object Object],Accessible branding is the key to success,[object Object],Be careful what you promise,[object Object],Accessibility on the Internet does matter,[object Object],26,[object Object]
27,[object Object]
Resources:General,[object Object],Web standards & Accessibilityhttp://www.w3.org,[object Object],Web Accessibility Initiativehttp://www.w3.org/WAI/,[object Object],Webrichtlijnen overheidhttp://www.webrichtlijnen.nl/,[object Object],28,[object Object]
Resources: Accessibility,[object Object],Evaluating website accessibility,[object Object],Part 1, Background and Preparationhttp://www.456bereastreet.com/archive/200603/evaluating_website_accessibility_part_1_background_and_preparation/,[object Object],Part 2, Basic Checkpointshttp://www.456bereastreet.com/archive/200603/evaluating_website_accessibility_part_2_basic_checkpoints/,[object Object],Part 3, Digging Deeperhttp://www.456bereastreet.com/archive/200603/evaluating_website_accessibility_part_3_digging_deeper/,[object Object],29,[object Object]
Resources:Accessibility in SharePoint,[object Object],Accessibility @ bloghttp://blog.mastykarz.nl/tag/accessibility/,[object Object],Best Practices for developing accessible web sites in Microsoft Office SharePoint Server 2007http://blog.mastykarz.nl/go/best-practices-accessible-moss/,[object Object],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/,[object Object],30,[object Object]

More Related Content

What's hot

Html5 tutorial for beginners
Html5 tutorial for beginnersHtml5 tutorial for beginners
Html5 tutorial for beginnersSingsys Pte Ltd
 
HTML5 & CSS3 in Drupal (on the Bayou)
HTML5 & CSS3 in Drupal (on the Bayou)HTML5 & CSS3 in Drupal (on the Bayou)
HTML5 & CSS3 in Drupal (on the Bayou)Mediacurrent
 
HTML5 New Features and Resources
HTML5 New Features and ResourcesHTML5 New Features and Resources
HTML5 New Features and ResourcesRon Reiter
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5IT Geeks
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5Gil Fink
 
HTML5: features with examples
HTML5: features with examplesHTML5: features with examples
HTML5: features with examplesAlfredo Torre
 
Rails Girls - Introduction to HTML & CSS
Rails Girls - Introduction to HTML & CSSRails Girls - Introduction to HTML & CSS
Rails Girls - Introduction to HTML & CSSTimo Herttua
 
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...ijceronline
 
HTML5--The 30,000' View (A fast-paced overview of HTML5)
HTML5--The 30,000' View (A fast-paced overview of HTML5)HTML5--The 30,000' View (A fast-paced overview of HTML5)
HTML5--The 30,000' View (A fast-paced overview of HTML5)Peter Lubbers
 
HTML5 introduction for beginners
HTML5 introduction for beginnersHTML5 introduction for beginners
HTML5 introduction for beginnersVineeth N Krishnan
 
Intro to html5 Boilerplate
Intro to html5 BoilerplateIntro to html5 Boilerplate
Intro to html5 BoilerplateMichael Enslow
 
Html 5 New Features
Html 5 New FeaturesHtml 5 New Features
Html 5 New FeaturesAta Ebrahimi
 
Introduction to html 5
Introduction to html 5Introduction to html 5
Introduction to html 5Sayed Ahmed
 
An Introduction to HTML5
An Introduction to HTML5An Introduction to HTML5
An Introduction to HTML5Steven Chipman
 

What's hot (20)

Html5 tutorial for beginners
Html5 tutorial for beginnersHtml5 tutorial for beginners
Html5 tutorial for beginners
 
HTML5 & CSS3 in Drupal (on the Bayou)
HTML5 & CSS3 in Drupal (on the Bayou)HTML5 & CSS3 in Drupal (on the Bayou)
HTML5 & CSS3 in Drupal (on the Bayou)
 
Up to Speed on HTML 5 and CSS 3
Up to Speed on HTML 5 and CSS 3Up to Speed on HTML 5 and CSS 3
Up to Speed on HTML 5 and CSS 3
 
HTML5 New Features and Resources
HTML5 New Features and ResourcesHTML5 New Features and Resources
HTML5 New Features and Resources
 
html5.ppt
html5.ppthtml5.ppt
html5.ppt
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5
 
Html5 Basics
Html5 BasicsHtml5 Basics
Html5 Basics
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5
 
HTML5
HTML5HTML5
HTML5
 
HTML5: features with examples
HTML5: features with examplesHTML5: features with examples
HTML5: features with examples
 
Rails Girls - Introduction to HTML & CSS
Rails Girls - Introduction to HTML & CSSRails Girls - Introduction to HTML & CSS
Rails Girls - Introduction to HTML & CSS
 
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
 
HTML5--The 30,000' View (A fast-paced overview of HTML5)
HTML5--The 30,000' View (A fast-paced overview of HTML5)HTML5--The 30,000' View (A fast-paced overview of HTML5)
HTML5--The 30,000' View (A fast-paced overview of HTML5)
 
HTML5 introduction for beginners
HTML5 introduction for beginnersHTML5 introduction for beginners
HTML5 introduction for beginners
 
Intro to html5 Boilerplate
Intro to html5 BoilerplateIntro to html5 Boilerplate
Intro to html5 Boilerplate
 
Html 5 New Features
Html 5 New FeaturesHtml 5 New Features
Html 5 New Features
 
Intro to html 5
Intro to html 5Intro to html 5
Intro to html 5
 
Looking into HTML5
Looking into HTML5Looking into HTML5
Looking into HTML5
 
Introduction to html 5
Introduction to html 5Introduction to html 5
Introduction to html 5
 
An Introduction to HTML5
An Introduction to HTML5An Introduction to HTML5
An Introduction to HTML5
 

Viewers also liked

Web Standards, HTML 5 & Accessibility - What makes a site accessible today?
Web Standards, HTML 5 & Accessibility - What makes a site accessible today?Web Standards, HTML 5 & Accessibility - What makes a site accessible today?
Web Standards, HTML 5 & Accessibility - What makes a site accessible today?Ted Drake
 
Web Standards and Accessibility
Web Standards and AccessibilityWeb Standards and Accessibility
Web Standards and AccessibilityNick DeNardis
 
Accessibility for Hybrid Mobile
Accessibility for Hybrid MobileAccessibility for Hybrid Mobile
Accessibility for Hybrid MobileBobby Bristol
 
WCAG 2.0, Simplified
WCAG 2.0, SimplifiedWCAG 2.0, Simplified
WCAG 2.0, Simplifiedciwstudy
 
Web guidelines in practice
Web guidelines in practiceWeb guidelines in practice
Web guidelines in practiceStephen Hay
 
Speeding up hippo development
Speeding up hippo developmentSpeeding up hippo development
Speeding up hippo developmentEbrahim Aharpour
 
Web standards and Visual Studio web tools
Web standards and Visual Studio web toolsWeb standards and Visual Studio web tools
Web standards and Visual Studio web toolsDavid Voyles
 
SharePoint Usability and Accesibility Best Practices Including 508 Compliance...
SharePoint Usability and Accesibility Best Practices Including 508 Compliance...SharePoint Usability and Accesibility Best Practices Including 508 Compliance...
SharePoint Usability and Accesibility Best Practices Including 508 Compliance...EPC Group
 
Una web todos los dispositivos.
Una web todos los dispositivos.Una web todos los dispositivos.
Una web todos los dispositivos.philogb
 
Using Web Standards to create Interactive Data Visualizations for the Web
Using Web Standards to create Interactive Data Visualizations for the WebUsing Web Standards to create Interactive Data Visualizations for the Web
Using Web Standards to create Interactive Data Visualizations for the Webphilogb
 
Wordcamp 2014 - How to Perform an Accessibility Audit
Wordcamp 2014   - How to Perform an Accessibility AuditWordcamp 2014   - How to Perform an Accessibility Audit
Wordcamp 2014 - How to Perform an Accessibility AuditJanis Yee
 
Delivering Accessible Content with WCAG 2.0
Delivering Accessible Content with WCAG 2.0Delivering Accessible Content with WCAG 2.0
Delivering Accessible Content with WCAG 2.0Mike Paciello
 
2016-09-28 Are You ADA Compliant? Ensuring Your Website is Accessible to Peop...
2016-09-28 Are You ADA Compliant? Ensuring Your Website is Accessible to Peop...2016-09-28 Are You ADA Compliant? Ensuring Your Website is Accessible to Peop...
2016-09-28 Are You ADA Compliant? Ensuring Your Website is Accessible to Peop...Raffa Learning Community
 
Best Practices for Web Accessibility
Best Practices for Web AccessibilityBest Practices for Web Accessibility
Best Practices for Web AccessibilityCarli Spina
 
Introduction to Accessibility Best Practices
Introduction to Accessibility Best PracticesIntroduction to Accessibility Best Practices
Introduction to Accessibility Best Practicesshawtrusta11y
 
Developing for Diversity
Developing for DiversityDeveloping for Diversity
Developing for DiversityInclusiveUX
 
Accessibility Standards For Customer Service
Accessibility Standards For Customer ServiceAccessibility Standards For Customer Service
Accessibility Standards For Customer ServiceEngine Communications
 
AAUP 2016: Accessibility Standards from the Inside Out (M. Rothberg)
AAUP 2016: Accessibility Standards from the Inside Out (M. Rothberg)AAUP 2016: Accessibility Standards from the Inside Out (M. Rothberg)
AAUP 2016: Accessibility Standards from the Inside Out (M. Rothberg)Association of University Presses
 
503 web accessibility - best practices
503   web accessibility - best practices503   web accessibility - best practices
503 web accessibility - best practicesJoanna Wiebe
 

Viewers also liked (20)

Web Standards, HTML 5 & Accessibility - What makes a site accessible today?
Web Standards, HTML 5 & Accessibility - What makes a site accessible today?Web Standards, HTML 5 & Accessibility - What makes a site accessible today?
Web Standards, HTML 5 & Accessibility - What makes a site accessible today?
 
Web Standards and Accessibility
Web Standards and AccessibilityWeb Standards and Accessibility
Web Standards and Accessibility
 
Accessibility for Hybrid Mobile
Accessibility for Hybrid MobileAccessibility for Hybrid Mobile
Accessibility for Hybrid Mobile
 
WCAG 2.0, Simplified
WCAG 2.0, SimplifiedWCAG 2.0, Simplified
WCAG 2.0, Simplified
 
Web guidelines in practice
Web guidelines in practiceWeb guidelines in practice
Web guidelines in practice
 
Speeding up hippo development
Speeding up hippo developmentSpeeding up hippo development
Speeding up hippo development
 
Web standards and Visual Studio web tools
Web standards and Visual Studio web toolsWeb standards and Visual Studio web tools
Web standards and Visual Studio web tools
 
SharePoint Usability and Accesibility Best Practices Including 508 Compliance...
SharePoint Usability and Accesibility Best Practices Including 508 Compliance...SharePoint Usability and Accesibility Best Practices Including 508 Compliance...
SharePoint Usability and Accesibility Best Practices Including 508 Compliance...
 
Una web todos los dispositivos.
Una web todos los dispositivos.Una web todos los dispositivos.
Una web todos los dispositivos.
 
SUPPORT CRED
SUPPORT CREDSUPPORT CRED
SUPPORT CRED
 
Using Web Standards to create Interactive Data Visualizations for the Web
Using Web Standards to create Interactive Data Visualizations for the WebUsing Web Standards to create Interactive Data Visualizations for the Web
Using Web Standards to create Interactive Data Visualizations for the Web
 
Wordcamp 2014 - How to Perform an Accessibility Audit
Wordcamp 2014   - How to Perform an Accessibility AuditWordcamp 2014   - How to Perform an Accessibility Audit
Wordcamp 2014 - How to Perform an Accessibility Audit
 
Delivering Accessible Content with WCAG 2.0
Delivering Accessible Content with WCAG 2.0Delivering Accessible Content with WCAG 2.0
Delivering Accessible Content with WCAG 2.0
 
2016-09-28 Are You ADA Compliant? Ensuring Your Website is Accessible to Peop...
2016-09-28 Are You ADA Compliant? Ensuring Your Website is Accessible to Peop...2016-09-28 Are You ADA Compliant? Ensuring Your Website is Accessible to Peop...
2016-09-28 Are You ADA Compliant? Ensuring Your Website is Accessible to Peop...
 
Best Practices for Web Accessibility
Best Practices for Web AccessibilityBest Practices for Web Accessibility
Best Practices for Web Accessibility
 
Introduction to Accessibility Best Practices
Introduction to Accessibility Best PracticesIntroduction to Accessibility Best Practices
Introduction to Accessibility Best Practices
 
Developing for Diversity
Developing for DiversityDeveloping for Diversity
Developing for Diversity
 
Accessibility Standards For Customer Service
Accessibility Standards For Customer ServiceAccessibility Standards For Customer Service
Accessibility Standards For Customer Service
 
AAUP 2016: Accessibility Standards from the Inside Out (M. Rothberg)
AAUP 2016: Accessibility Standards from the Inside Out (M. Rothberg)AAUP 2016: Accessibility Standards from the Inside Out (M. Rothberg)
AAUP 2016: Accessibility Standards from the Inside Out (M. Rothberg)
 
503 web accessibility - best practices
503   web accessibility - best practices503   web accessibility - best practices
503 web accessibility - best practices
 

Similar to SharePoint 2010 Web Standards & Accessibility

SharePoint 2010 for IT Pros
SharePoint 2010 for IT ProsSharePoint 2010 for IT Pros
SharePoint 2010 for IT ProsRishu Mehra
 
TERMINALFOUR t44u 2008 - Piero Tintori - Integration Publishing To Share Poin...
TERMINALFOUR t44u 2008 - Piero Tintori - Integration Publishing To Share Poin...TERMINALFOUR t44u 2008 - Piero Tintori - Integration Publishing To Share Poin...
TERMINALFOUR t44u 2008 - Piero Tintori - Integration Publishing To Share Poin...Terminalfour
 
4 tools, sandboxed solutionds, web part development
4   tools, sandboxed solutionds, web part development4   tools, sandboxed solutionds, web part development
4 tools, sandboxed solutionds, web part developmenticdesktop
 
Session 5-SharePoint with Office-Donovan Follette
Session 5-SharePoint with Office-Donovan FolletteSession 5-SharePoint with Office-Donovan Follette
Session 5-SharePoint with Office-Donovan FolletteMithun T. Dhar
 
Implementing Vanilla Web Components
Implementing Vanilla Web ComponentsImplementing Vanilla Web Components
Implementing Vanilla Web Componentssonumanoj
 
Designing SharePoint 2010 for Business
Designing SharePoint 2010 for BusinessDesigning SharePoint 2010 for Business
Designing SharePoint 2010 for BusinessKanwal Khipple
 
SharePoint Branding Guidance @ SharePoint Saturday Redmond
SharePoint Branding Guidance @ SharePoint Saturday RedmondSharePoint Branding Guidance @ SharePoint Saturday Redmond
SharePoint Branding Guidance @ SharePoint Saturday RedmondKanwal Khipple
 
SharePoint 2010 Application Development
SharePoint 2010 Application DevelopmentSharePoint 2010 Application Development
SharePoint 2010 Application Developmentmattbremer
 
SharePoint 2010 as a Development Platform, Ayman El-Hattab MVP
SharePoint 2010 as a Development Platform, Ayman El-Hattab MVPSharePoint 2010 as a Development Platform, Ayman El-Hattab MVP
SharePoint 2010 as a Development Platform, Ayman El-Hattab MVPAyman El-Hattab
 
Tutorial, Part 4: SharePoint 101: Jump-Starting the Developer by Rob Windsor ...
Tutorial, Part 4: SharePoint 101: Jump-Starting the Developer by Rob Windsor ...Tutorial, Part 4: SharePoint 101: Jump-Starting the Developer by Rob Windsor ...
Tutorial, Part 4: SharePoint 101: Jump-Starting the Developer by Rob Windsor ...SPTechCon
 
SharePoint Connections Coast to Coast Migrating SharePoint 2007 Solutions to ...
SharePoint Connections Coast to Coast Migrating SharePoint 2007 Solutions to ...SharePoint Connections Coast to Coast Migrating SharePoint 2007 Solutions to ...
SharePoint Connections Coast to Coast Migrating SharePoint 2007 Solutions to ...Ivan Sanders
 
Power up your Project Sites - SPS New Hampshire 2015
Power up your Project Sites - SPS New Hampshire 2015Power up your Project Sites - SPS New Hampshire 2015
Power up your Project Sites - SPS New Hampshire 2015bgerman
 
Welcome to IE8 - Integrating Your Site With Internet Explorer 8
Welcome to IE8 - Integrating Your Site With Internet Explorer 8Welcome to IE8 - Integrating Your Site With Internet Explorer 8
Welcome to IE8 - Integrating Your Site With Internet Explorer 8Lachlan Hardy
 
Seminar Presentation for FrontPage
Seminar Presentation for FrontPageSeminar Presentation for FrontPage
Seminar Presentation for FrontPagewebhostingguy
 
Developing with HTML5
Developing with HTML5Developing with HTML5
Developing with HTML5Ray Wong
 
WebML and WebRatio 5 - TOOLS conference, Zurich 2008
WebML and WebRatio 5 - TOOLS conference, Zurich 2008WebML and WebRatio 5 - TOOLS conference, Zurich 2008
WebML and WebRatio 5 - TOOLS conference, Zurich 2008Marco Brambilla
 
Introduction to Vaadin
Introduction to VaadinIntroduction to Vaadin
Introduction to VaadinJeroen Benats
 
Solving Common Web Component Problems - Simon MacDonald
Solving Common Web Component Problems - Simon MacDonaldSolving Common Web Component Problems - Simon MacDonald
Solving Common Web Component Problems - Simon MacDonaldWey Wey Web
 
Becoming a SharePoint Design Ninja
Becoming a SharePoint Design NinjaBecoming a SharePoint Design Ninja
Becoming a SharePoint Design NinjaKanwal Khipple
 

Similar to SharePoint 2010 Web Standards & Accessibility (20)

SharePoint 2010 for IT Pros
SharePoint 2010 for IT ProsSharePoint 2010 for IT Pros
SharePoint 2010 for IT Pros
 
TERMINALFOUR t44u 2008 - Piero Tintori - Integration Publishing To Share Poin...
TERMINALFOUR t44u 2008 - Piero Tintori - Integration Publishing To Share Poin...TERMINALFOUR t44u 2008 - Piero Tintori - Integration Publishing To Share Poin...
TERMINALFOUR t44u 2008 - Piero Tintori - Integration Publishing To Share Poin...
 
4 tools, sandboxed solutionds, web part development
4   tools, sandboxed solutionds, web part development4   tools, sandboxed solutionds, web part development
4 tools, sandboxed solutionds, web part development
 
Session 5-SharePoint with Office-Donovan Follette
Session 5-SharePoint with Office-Donovan FolletteSession 5-SharePoint with Office-Donovan Follette
Session 5-SharePoint with Office-Donovan Follette
 
Implementing Vanilla Web Components
Implementing Vanilla Web ComponentsImplementing Vanilla Web Components
Implementing Vanilla Web Components
 
Designing SharePoint 2010 for Business
Designing SharePoint 2010 for BusinessDesigning SharePoint 2010 for Business
Designing SharePoint 2010 for Business
 
SharePoint Branding Guidance @ SharePoint Saturday Redmond
SharePoint Branding Guidance @ SharePoint Saturday RedmondSharePoint Branding Guidance @ SharePoint Saturday Redmond
SharePoint Branding Guidance @ SharePoint Saturday Redmond
 
SharePoint 2010 Application Development
SharePoint 2010 Application DevelopmentSharePoint 2010 Application Development
SharePoint 2010 Application Development
 
SharePoint 2010 as a Development Platform, Ayman El-Hattab MVP
SharePoint 2010 as a Development Platform, Ayman El-Hattab MVPSharePoint 2010 as a Development Platform, Ayman El-Hattab MVP
SharePoint 2010 as a Development Platform, Ayman El-Hattab MVP
 
Tutorial, Part 4: SharePoint 101: Jump-Starting the Developer by Rob Windsor ...
Tutorial, Part 4: SharePoint 101: Jump-Starting the Developer by Rob Windsor ...Tutorial, Part 4: SharePoint 101: Jump-Starting the Developer by Rob Windsor ...
Tutorial, Part 4: SharePoint 101: Jump-Starting the Developer by Rob Windsor ...
 
SharePoint Connections Coast to Coast Migrating SharePoint 2007 Solutions to ...
SharePoint Connections Coast to Coast Migrating SharePoint 2007 Solutions to ...SharePoint Connections Coast to Coast Migrating SharePoint 2007 Solutions to ...
SharePoint Connections Coast to Coast Migrating SharePoint 2007 Solutions to ...
 
Power up your Project Sites - SPS New Hampshire 2015
Power up your Project Sites - SPS New Hampshire 2015Power up your Project Sites - SPS New Hampshire 2015
Power up your Project Sites - SPS New Hampshire 2015
 
Rational HATS and HIS v8 Overview
Rational HATS and HIS v8 OverviewRational HATS and HIS v8 Overview
Rational HATS and HIS v8 Overview
 
Welcome to IE8 - Integrating Your Site With Internet Explorer 8
Welcome to IE8 - Integrating Your Site With Internet Explorer 8Welcome to IE8 - Integrating Your Site With Internet Explorer 8
Welcome to IE8 - Integrating Your Site With Internet Explorer 8
 
Seminar Presentation for FrontPage
Seminar Presentation for FrontPageSeminar Presentation for FrontPage
Seminar Presentation for FrontPage
 
Developing with HTML5
Developing with HTML5Developing with HTML5
Developing with HTML5
 
WebML and WebRatio 5 - TOOLS conference, Zurich 2008
WebML and WebRatio 5 - TOOLS conference, Zurich 2008WebML and WebRatio 5 - TOOLS conference, Zurich 2008
WebML and WebRatio 5 - TOOLS conference, Zurich 2008
 
Introduction to Vaadin
Introduction to VaadinIntroduction to Vaadin
Introduction to Vaadin
 
Solving Common Web Component Problems - Simon MacDonald
Solving Common Web Component Problems - Simon MacDonaldSolving Common Web Component Problems - Simon MacDonald
Solving Common Web Component Problems - Simon MacDonald
 
Becoming a SharePoint Design Ninja
Becoming a SharePoint Design NinjaBecoming a SharePoint Design Ninja
Becoming a SharePoint Design Ninja
 

More from Mavention

Building solutions with Office Graph
Building solutions with Office GraphBuilding solutions with Office Graph
Building solutions with Office GraphMavention
 
Leveraging the new Application Model for structured and repeatable deployments
Leveraging the new Application Model for structured and repeatable deploymentsLeveraging the new Application Model for structured and repeatable deployments
Leveraging the new Application Model for structured and repeatable deploymentsMavention
 
SP2013 WCM Bootcamp - DSN Designing for SharePoint 2013
SP2013 WCM Bootcamp - DSN Designing for SharePoint 2013SP2013 WCM Bootcamp - DSN Designing for SharePoint 2013
SP2013 WCM Bootcamp - DSN Designing for SharePoint 2013Mavention
 
SP2013 WCM Bootcamp - ARC04 Building intelligent websites
SP2013 WCM Bootcamp - ARC04 Building intelligent websitesSP2013 WCM Bootcamp - ARC04 Building intelligent websites
SP2013 WCM Bootcamp - ARC04 Building intelligent websitesMavention
 
SP2013 WCM Bootcamp - ARC03 Engaging with visitors
SP2013 WCM Bootcamp - ARC03 Engaging with visitorsSP2013 WCM Bootcamp - ARC03 Engaging with visitors
SP2013 WCM Bootcamp - ARC03 Engaging with visitorsMavention
 
SP2013 WCM Bootcamp - ARC01 Planning for public-facing websites
SP2013 WCM Bootcamp - ARC01 Planning for public-facing websitesSP2013 WCM Bootcamp - ARC01 Planning for public-facing websites
SP2013 WCM Bootcamp - ARC01 Planning for public-facing websitesMavention
 
SP2013 WCM Bootcamp - Keynote
SP2013 WCM Bootcamp - KeynoteSP2013 WCM Bootcamp - Keynote
SP2013 WCM Bootcamp - KeynoteMavention
 
DIWUG.nl: How We Did It
DIWUG.nl: How We Did ItDIWUG.nl: How We Did It
DIWUG.nl: How We Did ItMavention
 
Optimizing SharePoint 2010 websites for search engines
Optimizing SharePoint 2010 websites for search enginesOptimizing SharePoint 2010 websites for search engines
Optimizing SharePoint 2010 websites for search enginesMavention
 
SPSNL 2011 SharePoint 2010 WCM challenges made easy
SPSNL 2011 SharePoint 2010 WCM challenges made easySPSNL 2011 SharePoint 2010 WCM challenges made easy
SPSNL 2011 SharePoint 2010 WCM challenges made easyMavention
 
SharePoint 2010 Web Content Management - The Developer Story
SharePoint 2010 Web Content Management - The Developer StorySharePoint 2010 Web Content Management - The Developer Story
SharePoint 2010 Web Content Management - The Developer StoryMavention
 

More from Mavention (11)

Building solutions with Office Graph
Building solutions with Office GraphBuilding solutions with Office Graph
Building solutions with Office Graph
 
Leveraging the new Application Model for structured and repeatable deployments
Leveraging the new Application Model for structured and repeatable deploymentsLeveraging the new Application Model for structured and repeatable deployments
Leveraging the new Application Model for structured and repeatable deployments
 
SP2013 WCM Bootcamp - DSN Designing for SharePoint 2013
SP2013 WCM Bootcamp - DSN Designing for SharePoint 2013SP2013 WCM Bootcamp - DSN Designing for SharePoint 2013
SP2013 WCM Bootcamp - DSN Designing for SharePoint 2013
 
SP2013 WCM Bootcamp - ARC04 Building intelligent websites
SP2013 WCM Bootcamp - ARC04 Building intelligent websitesSP2013 WCM Bootcamp - ARC04 Building intelligent websites
SP2013 WCM Bootcamp - ARC04 Building intelligent websites
 
SP2013 WCM Bootcamp - ARC03 Engaging with visitors
SP2013 WCM Bootcamp - ARC03 Engaging with visitorsSP2013 WCM Bootcamp - ARC03 Engaging with visitors
SP2013 WCM Bootcamp - ARC03 Engaging with visitors
 
SP2013 WCM Bootcamp - ARC01 Planning for public-facing websites
SP2013 WCM Bootcamp - ARC01 Planning for public-facing websitesSP2013 WCM Bootcamp - ARC01 Planning for public-facing websites
SP2013 WCM Bootcamp - ARC01 Planning for public-facing websites
 
SP2013 WCM Bootcamp - Keynote
SP2013 WCM Bootcamp - KeynoteSP2013 WCM Bootcamp - Keynote
SP2013 WCM Bootcamp - Keynote
 
DIWUG.nl: How We Did It
DIWUG.nl: How We Did ItDIWUG.nl: How We Did It
DIWUG.nl: How We Did It
 
Optimizing SharePoint 2010 websites for search engines
Optimizing SharePoint 2010 websites for search enginesOptimizing SharePoint 2010 websites for search engines
Optimizing SharePoint 2010 websites for search engines
 
SPSNL 2011 SharePoint 2010 WCM challenges made easy
SPSNL 2011 SharePoint 2010 WCM challenges made easySPSNL 2011 SharePoint 2010 WCM challenges made easy
SPSNL 2011 SharePoint 2010 WCM challenges made easy
 
SharePoint 2010 Web Content Management - The Developer Story
SharePoint 2010 Web Content Management - The Developer StorySharePoint 2010 Web Content Management - The Developer Story
SharePoint 2010 Web Content Management - The Developer Story
 

Recently uploaded

Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...ssuseraaa1581
 
Sign The Contract Big Boy Shirt Sign The Contract Big Boy Shirt
Sign The Contract Big Boy Shirt  Sign The Contract Big Boy ShirtSign The Contract Big Boy Shirt  Sign The Contract Big Boy Shirt
Sign The Contract Big Boy Shirt Sign The Contract Big Boy ShirtTeeFusion
 
MIRAE (Branding & Identity) Explained.pdf
MIRAE (Branding & Identity) Explained.pdfMIRAE (Branding & Identity) Explained.pdf
MIRAE (Branding & Identity) Explained.pdfaimonayesha7
 
Oregon State University Interior Design Portfolio
Oregon State University Interior Design PortfolioOregon State University Interior Design Portfolio
Oregon State University Interior Design Portfoliopagei
 
DSGN 253 Design Portfolio Project - Julien Fedou
DSGN 253 Design Portfolio Project - Julien FedouDSGN 253 Design Portfolio Project - Julien Fedou
DSGN 253 Design Portfolio Project - Julien Fedoujfedou2105
 
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...ssuseraaa1581
 
F.LAB Credential ©2024 : Looking The World of Experience by F.LAB
F.LAB Credential ©2024 : Looking The World of Experience by F.LABF.LAB Credential ©2024 : Looking The World of Experience by F.LAB
F.LAB Credential ©2024 : Looking The World of Experience by F.LAButariworks
 
ورشة الطريق إلى البيم ورشة الطريق إلى البيم
ورشة الطريق إلى البيم   ورشة الطريق إلى البيمورشة الطريق إلى البيم   ورشة الطريق إلى البيم
ورشة الطريق إلى البيم ورشة الطريق إلى البيمOmarSelim27
 
Digi Pack for the impulse band coursework.pptx
Digi Pack for the impulse band coursework.pptxDigi Pack for the impulse band coursework.pptx
Digi Pack for the impulse band coursework.pptxRufusGleave
 
Unit 12 - Level Design and how it affects the player.
Unit 12 - Level Design and how it affects the player.Unit 12 - Level Design and how it affects the player.
Unit 12 - Level Design and how it affects the player.JoshHolmes21
 
如何办理西英格兰大学毕业证书学位证书成绩单?
如何办理西英格兰大学毕业证书学位证书成绩单?如何办理西英格兰大学毕业证书学位证书成绩单?
如何办理西英格兰大学毕业证书学位证书成绩单?krc0yvm5
 
DesignKit IDEO Human-Centered Design course report
DesignKit IDEO Human-Centered Design course reportDesignKit IDEO Human-Centered Design course report
DesignKit IDEO Human-Centered Design course reportstudiotelon
 
SHADES Explained (Branding & Packaging) .pdf
SHADES Explained (Branding & Packaging) .pdfSHADES Explained (Branding & Packaging) .pdf
SHADES Explained (Branding & Packaging) .pdfaimonayesha7
 
Cayden Ingman's apparel design portfolio | Oregon State University|
Cayden Ingman's apparel design portfolio | Oregon State University|Cayden Ingman's apparel design portfolio | Oregon State University|
Cayden Ingman's apparel design portfolio | Oregon State University|CaydenIngman
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Complete Coffee table book on Jiapur.pdf
Complete Coffee table book on Jiapur.pdfComplete Coffee table book on Jiapur.pdf
Complete Coffee table book on Jiapur.pdfaimonayesha7
 
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...Peter139483
 
FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.
FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.
FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.Vaishnavi R
 
second stories test a method kit for co creationnnnnnn
second stories test a method kit for co creationnnnnnnsecond stories test a method kit for co creationnnnnnn
second stories test a method kit for co creationnnnnnnjohannesrothkegel
 
Jackson Henry 24 Flock The Vote Shirt Jackson Henry 24 Flock The Vote Shirt
Jackson Henry 24 Flock The Vote Shirt  Jackson Henry 24 Flock The Vote ShirtJackson Henry 24 Flock The Vote Shirt  Jackson Henry 24 Flock The Vote Shirt
Jackson Henry 24 Flock The Vote Shirt Jackson Henry 24 Flock The Vote ShirtTeeFusion
 

Recently uploaded (20)

Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
 
Sign The Contract Big Boy Shirt Sign The Contract Big Boy Shirt
Sign The Contract Big Boy Shirt  Sign The Contract Big Boy ShirtSign The Contract Big Boy Shirt  Sign The Contract Big Boy Shirt
Sign The Contract Big Boy Shirt Sign The Contract Big Boy Shirt
 
MIRAE (Branding & Identity) Explained.pdf
MIRAE (Branding & Identity) Explained.pdfMIRAE (Branding & Identity) Explained.pdf
MIRAE (Branding & Identity) Explained.pdf
 
Oregon State University Interior Design Portfolio
Oregon State University Interior Design PortfolioOregon State University Interior Design Portfolio
Oregon State University Interior Design Portfolio
 
DSGN 253 Design Portfolio Project - Julien Fedou
DSGN 253 Design Portfolio Project - Julien FedouDSGN 253 Design Portfolio Project - Julien Fedou
DSGN 253 Design Portfolio Project - Julien Fedou
 
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
 
F.LAB Credential ©2024 : Looking The World of Experience by F.LAB
F.LAB Credential ©2024 : Looking The World of Experience by F.LABF.LAB Credential ©2024 : Looking The World of Experience by F.LAB
F.LAB Credential ©2024 : Looking The World of Experience by F.LAB
 
ورشة الطريق إلى البيم ورشة الطريق إلى البيم
ورشة الطريق إلى البيم   ورشة الطريق إلى البيمورشة الطريق إلى البيم   ورشة الطريق إلى البيم
ورشة الطريق إلى البيم ورشة الطريق إلى البيم
 
Digi Pack for the impulse band coursework.pptx
Digi Pack for the impulse band coursework.pptxDigi Pack for the impulse band coursework.pptx
Digi Pack for the impulse band coursework.pptx
 
Unit 12 - Level Design and how it affects the player.
Unit 12 - Level Design and how it affects the player.Unit 12 - Level Design and how it affects the player.
Unit 12 - Level Design and how it affects the player.
 
如何办理西英格兰大学毕业证书学位证书成绩单?
如何办理西英格兰大学毕业证书学位证书成绩单?如何办理西英格兰大学毕业证书学位证书成绩单?
如何办理西英格兰大学毕业证书学位证书成绩单?
 
DesignKit IDEO Human-Centered Design course report
DesignKit IDEO Human-Centered Design course reportDesignKit IDEO Human-Centered Design course report
DesignKit IDEO Human-Centered Design course report
 
SHADES Explained (Branding & Packaging) .pdf
SHADES Explained (Branding & Packaging) .pdfSHADES Explained (Branding & Packaging) .pdf
SHADES Explained (Branding & Packaging) .pdf
 
Cayden Ingman's apparel design portfolio | Oregon State University|
Cayden Ingman's apparel design portfolio | Oregon State University|Cayden Ingman's apparel design portfolio | Oregon State University|
Cayden Ingman's apparel design portfolio | Oregon State University|
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Complete Coffee table book on Jiapur.pdf
Complete Coffee table book on Jiapur.pdfComplete Coffee table book on Jiapur.pdf
Complete Coffee table book on Jiapur.pdf
 
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
 
FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.
FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.
FARMER'S HOUSING PORTFOLIO. DESIGN PTOBLEM OF 7TH SEM. ARCHITECTURE DESIGN.
 
second stories test a method kit for co creationnnnnnn
second stories test a method kit for co creationnnnnnnsecond stories test a method kit for co creationnnnnnn
second stories test a method kit for co creationnnnnnn
 
Jackson Henry 24 Flock The Vote Shirt Jackson Henry 24 Flock The Vote Shirt
Jackson Henry 24 Flock The Vote Shirt  Jackson Henry 24 Flock The Vote ShirtJackson Henry 24 Flock The Vote Shirt  Jackson Henry 24 Flock The Vote Shirt
Jackson Henry 24 Flock The Vote Shirt Jackson Henry 24 Flock The Vote Shirt
 

SharePoint 2010 Web Standards & Accessibility

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.

Editor's Notes

  1. Wat doe ik? Oplossingen bedenken en ontwikkelen Adviseren Kennis delenExpertise SharePoint 2010 WCM SharePoint 2007 WCM Toegankelijkheid en webstandaarden Development + Application Lifecycle Management SharePointErvaring (1998) 12 jaar webdesign 7 jaar webdevelopment 6 jaar toegankelijkheid 4 jaar SharePoint 2007 1 jaar SharePoint 2010
  2. Any OS/browser/device doesn’t mean pixel perfect
  3. ARIA: ribbon, dialogs, controls