This document discusses web standards and accessibility in SharePoint 2010. It provides an overview of key standards like HTML, XHTML, WCAG and WAI:ARIA. It also summarizes common validation issues in SharePoint 2010 like legacy markup, Silverlight and Rich Text Editor problems. Potential solutions and workarounds are presented. The document concludes with an emphasis on the importance of accessibility and standards compliance from the start of a SharePoint project. Resources for further information are also included.
Introduction to HTML5/CSS3 In Drupal 7Mediacurrent
HTML5 is here and it has many improvements over its predecessors, offering a full range of new features previously unavailable without complex JavaScript coding. Now it is possible to offer intuitive rich user interfaces using baked-in techniques and supported by more and more modern browsers.
If you have ever wondered about the next emerging technology on the web or need a quick crash course in HTML5 and CSS3 this program is right for you. We will answer the following questions:
What is HTML5?
How does HTML 4.01/ XHTML 1.0 compare with the new HTML5?
What are the new HTML5 structural elements?
What do you need to do to build a Drupal 7 theme in HTML5?
What is CSS3?
What are the new CSS3 properties and techniques?
What CSS3 techniques should be used in Drupal?
What are some advanced CSS3 techniques?
About our speaker: Dante Taylor, Creative Director at Mediacurrent. Dante has his Bachelor of Fine Arts (BFA) from Savannah College of Art and Design, and has worked as a designer for over ten years, starting with the version 4.7 release.
Introduction to HTML5/CSS3 In Drupal 7Mediacurrent
HTML5 is here and it has many improvements over its predecessors, offering a full range of new features previously unavailable without complex JavaScript coding. Now it is possible to offer intuitive rich user interfaces using baked-in techniques and supported by more and more modern browsers.
If you have ever wondered about the next emerging technology on the web or need a quick crash course in HTML5 and CSS3 this program is right for you. We will answer the following questions:
What is HTML5?
How does HTML 4.01/ XHTML 1.0 compare with the new HTML5?
What are the new HTML5 structural elements?
What do you need to do to build a Drupal 7 theme in HTML5?
What is CSS3?
What are the new CSS3 properties and techniques?
What CSS3 techniques should be used in Drupal?
What are some advanced CSS3 techniques?
About our speaker: Dante Taylor, Creative Director at Mediacurrent. Dante has his Bachelor of Fine Arts (BFA) from Savannah College of Art and Design, and has worked as a designer for over ten years, starting with the version 4.7 release.
HTML5 Tutorial For Beginners - Learning HTML 5 in simple and easy steps with examples covering 2D Canvas, Audio, Video, New Semantic Elements, Geolocation, Persistent Local Storage, Web Storage, Forms Elements,Application Cache,Inline SVG,Document
HTML5 and CSS3 are a part of the new Web 3.0 toolbox! This session will walk you through easy ways to use some of the more advanced features in HTML5. We will explain the uses for HTML5 and CSS3 that will enhance your design and create a better user experience for your audience. If you are familiar with the basics, but want to know the best practices for integrating HTML5 features into your Drupal site now, this is the session for you.
Who’s this for:
Themers who are familiar with basic CSS3 concepts and want to take it to the next level
Practical uses of both HTML5 and CSS3 for intermediate developers
What you’ll learn:
Real Life applications to start using CSS3 and HTML5 today
Tactics to bring older browsers up to speed and enhance compatibility
Use HTML5 and CSS3 to Enhance UX
How HTML5 and CSS3 can help you design for mobile
HTML5
Microformats, Form API, Semantic captions for images
How to Enhance Adaptive Theme (D7 theme that uses HTML5)
HTML5 Themes and Modules
CSS3
Text in Columns
Transitions (& animation?)
CSS only Backgrounds
Using SVG
The Future of CSS
A presentation to Refresh DC about the emerging HTML 5 and CSS 3 standards, namely about aspects that are beginning to become applicable to web design and development. Given by Jason Garber and M. Jackson Wilkinson.
This is a brief introduction about HTML5. You will learn that what is new in HTML5. I will tell what and when changes happened in HTML which Hyper Text markup language. Html is a language which is used to create web pages that we have seen on the internet. For website development and web hosting visit https://tekfold.com
This presentation is an introduction to the new features of
HTML5. The main elements of this document are:
* Brief history of HTML5
*The improvements
* Browser support
* Semantic elements
* Content Editable on pages
* Video Tag
* Canvas tag
* Local storage
* Geolocation API
* Offline applications
* Microdata
* Use cases
HTML5--The 30,000' View (A fast-paced overview of HTML5)Peter Lubbers
A fast-paced overview of HTML5.
Topics include:
-What is HTML5?
-History of HTML5
-WHATWG and W3C specifications
-What is part of HTML5?
-Using HTML5 Today
-Using HTML5 in browsers that do not support it
-Detecting native availability of HTML5 features
An introduction to HTML5 and its API's for the extream beginners those who already know what is HTML. Presentation also includes few features the CSS3.
Introduction to Paul Irish and Divya Manian's HTML5 Boilerplate project. HTML5 Boilerplate helps you to quickly get up and running with front-end web project.
HTML5 introduces a number of new elements and attributes that helps in building a modern websites. This presentation explains new great features introduced in HTML5.
Web Standards, HTML 5 & Accessibility - What makes a site accessible today?Ted Drake
With HTML5, the web is evolving from a browser/document-based experience to a desktop-like application accessed on multiple devices. What does HTML5 mean for Web accessibility? Is accessibility compromised or enhanced with this new standard? This session will review promising new features in HTML5 that promote accessibility and discuss possible challenges ahead and advice for ensuring HTML5 accessibility.
A presentation about web standards and accessibility I gave to the ASIS&T group at Wayne State University.
Full Explanation:
http://wsuasist.blogspot.com/2009/03/web-standards-and-accessibility.html
HTML5 Tutorial For Beginners - Learning HTML 5 in simple and easy steps with examples covering 2D Canvas, Audio, Video, New Semantic Elements, Geolocation, Persistent Local Storage, Web Storage, Forms Elements,Application Cache,Inline SVG,Document
HTML5 and CSS3 are a part of the new Web 3.0 toolbox! This session will walk you through easy ways to use some of the more advanced features in HTML5. We will explain the uses for HTML5 and CSS3 that will enhance your design and create a better user experience for your audience. If you are familiar with the basics, but want to know the best practices for integrating HTML5 features into your Drupal site now, this is the session for you.
Who’s this for:
Themers who are familiar with basic CSS3 concepts and want to take it to the next level
Practical uses of both HTML5 and CSS3 for intermediate developers
What you’ll learn:
Real Life applications to start using CSS3 and HTML5 today
Tactics to bring older browsers up to speed and enhance compatibility
Use HTML5 and CSS3 to Enhance UX
How HTML5 and CSS3 can help you design for mobile
HTML5
Microformats, Form API, Semantic captions for images
How to Enhance Adaptive Theme (D7 theme that uses HTML5)
HTML5 Themes and Modules
CSS3
Text in Columns
Transitions (& animation?)
CSS only Backgrounds
Using SVG
The Future of CSS
A presentation to Refresh DC about the emerging HTML 5 and CSS 3 standards, namely about aspects that are beginning to become applicable to web design and development. Given by Jason Garber and M. Jackson Wilkinson.
This is a brief introduction about HTML5. You will learn that what is new in HTML5. I will tell what and when changes happened in HTML which Hyper Text markup language. Html is a language which is used to create web pages that we have seen on the internet. For website development and web hosting visit https://tekfold.com
This presentation is an introduction to the new features of
HTML5. The main elements of this document are:
* Brief history of HTML5
*The improvements
* Browser support
* Semantic elements
* Content Editable on pages
* Video Tag
* Canvas tag
* Local storage
* Geolocation API
* Offline applications
* Microdata
* Use cases
HTML5--The 30,000' View (A fast-paced overview of HTML5)Peter Lubbers
A fast-paced overview of HTML5.
Topics include:
-What is HTML5?
-History of HTML5
-WHATWG and W3C specifications
-What is part of HTML5?
-Using HTML5 Today
-Using HTML5 in browsers that do not support it
-Detecting native availability of HTML5 features
An introduction to HTML5 and its API's for the extream beginners those who already know what is HTML. Presentation also includes few features the CSS3.
Introduction to Paul Irish and Divya Manian's HTML5 Boilerplate project. HTML5 Boilerplate helps you to quickly get up and running with front-end web project.
HTML5 introduces a number of new elements and attributes that helps in building a modern websites. This presentation explains new great features introduced in HTML5.
Web Standards, HTML 5 & Accessibility - What makes a site accessible today?Ted Drake
With HTML5, the web is evolving from a browser/document-based experience to a desktop-like application accessed on multiple devices. What does HTML5 mean for Web accessibility? Is accessibility compromised or enhanced with this new standard? This session will review promising new features in HTML5 that promote accessibility and discuss possible challenges ahead and advice for ensuring HTML5 accessibility.
A presentation about web standards and accessibility I gave to the ASIS&T group at Wayne State University.
Full Explanation:
http://wsuasist.blogspot.com/2009/03/web-standards-and-accessibility.html
Presentation for Dutch front-end developers association Fronteers, on the most important real-world aspects of the Dutch Web Guidelines. *The first slide in Comic Sans was intentionally bad.*
Web standards and Visual Studio web toolsDavid Voyles
How to build and deploy an ASP.NET applicaton.
This entire series can be found here: http://www.davevoyles.com/slides-and-code-for-my-asp-net-presentation/
SharePoint Usability and Accesibility Best Practices Including 508 Compliance...EPC Group
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)
Wordcamp 2014 - How to Perform an Accessibility AuditJanis Yee
As Accessibility becomes of increasing importance on the web - also a legal requirement in Ontario, Canada - so too is the rising need to be aware of how to look at sites with a critical eye. This presentation is about the process of How to Perform an Accessibility Audit. I developed this process in early 2014 while working at Metroland Digital.
This marks my very first deck on Slideshare!
A business owner nowadays needs to be able to attract and engage people to their website. In this session, learn to implement your company's brand on SharePoint 2010. During this session, we'll use the right tools to take a design from concept to a fully functioning SharePoint 2010 site. Based on real world experiences, this session is sure to give you some practical tips, tricks, and advice you can use immediately. Learn to leverage SharePoint 2010 tools to customize your experiences, and make them unique. You will be able to take this knowledge and deliver the best end to end experiences to your customers.
In this session, we are going to brand a SharePoint site from start to finish. We will use SharePoint Designer, HTML and custom CSS to design a site how not to look like SharePoint. We'll touch upon themes, page layouts as well as master page design. As well as learn how to upgrade a SharePoint 2007 design to SharePoint 2010.
This session is focused on designers well versed with HTML and CSS but might not have the SharePoint development experience. Within the session, we'll also look at usability, accessibility and best practices on branding SharePoint public facing sites.
SharePoint 2010 as a Development Platform, Ayman El-Hattab MVPAyman El-Hattab
1. Understand SharePoint editions and prerequisites.
2. Understand the features SharePoint offers as a development Platform.
3. Explore the differences between a site collection and a site.
4. Create site collections and sites
5. Create lists and libraries through the browser.
6. Use Web Part pages.
SharePoint Connections Coast to Coast Migrating SharePoint 2007 Solutions to ...Ivan Sanders
In the wake of the SharePoint 2010 release, many companies are now looking to migrate their web sites from SharePoint 2007 to 2010. However, where do you start? What are the new features that enable you to migrate your site? How do you work with your developers and administrators to help them get started? If these are the questions you’re trying to answer, then you’ll not want to miss this session. You’ll learn about the features, tools and processes that will help you move your 2007 assets to 2010.
Power up your Project Sites - SPS New Hampshire 2015bgerman
SharePoint sites are great collaborative workspaces for teams and projects; with some customization, they can be even better. However, the rules have changed. Traditional farm solutions don’t play well in the cloud or even in the modern data center, because they can easily break SharePoint and circumvent security. The app store is great, but it isn’t really designed for large collections of auto-provisioned project or team sites. Meanwhile, Microsoft has started to discourage the use of web templates (the old “Save site as template”), further complicating matters. In this session you’ll learn how to develop rich collaborative applications with web parts, custom list forms, and more that run completely client-side and work on premises or in Office 365. Then you’ll see how to provision project or team sites along with these customizations from PowerShell, even right into Office 365. Don’t miss this opportunity to modernize your collaborative applications!
What's new in Host Access Transformation Services from IBM Rational version 8: including new Dojo widgets, new templates, JAX-RS REST based web services. Also new support for the iPad.
Welcome to IE8 - Integrating Your Site With Internet Explorer 8Lachlan Hardy
Damian Edwards (http://damianpedwards.spaces.live.com/) and I delivered a presentation on IE8 at Remix Australia. We took the opportunity to outline the whys and wherefores of standards-based design as well.
WebML and WebRatio 5 - TOOLS conference, Zurich 2008Marco Brambilla
We present WebRatio 5.0, a design tool that supports WebML (Web Modelling Language). WebML is a domain specific language (DSL) for designing complex, distributed, multi-actor, and adaptive applications deployed on the Web and on Service Oriented Architectures using Web Services. WebRatio 5.0 provides visual design facilities based on the WebML notation and code generation engines for J2EE Web applications. The tool is developed as a set of Eclipse plug-ins and takes advantage of all the features of this IDE framework. It also provides support of customized extensions to the models, project documentation, and requirements specifications. The overall approach moves towards a full coverage of the specification, design, verification, and implementation of Web applications.
You are about to embark on a journey of becoming a SharePoint Designer Ninja. SharePoint has infiltrated within your company and you want to master the art of css, master pages and page layouts. Within this one hour session, I will teach you the countermeasures required to masterfully brand SharePoint to your will. During this session, we will brand a site from scratch with our bare hands and this will be the initiation into the SharePoint Design. At the end of this session, I’ll teach you legendary abilities of SharePoint Designers including invisibility, walking on water, and control over master page content placeholders. You’ll also be given some secrets from within the walls of the Oniwaban such as practical tips, tricks, and advice so that you too can one day become a SharePoint Design Ninja.
http://www.kanwalkhipple.
Similar to SharePoint 2010 Web Standards & Accessibility (20)
Recently released Office Delve surfaces personalized content to you from across Office 365. Powered by the Office Graph, Delve shows you information based on what you're working on and what's trending around you.
In this session we will take a look at the Office Graph – the engine powering Delve. From this presentation you will not only learn how Delve works but also how you can leverage the Office Graph for building solutions for your organization and customers.
Leveraging the new Application Model for structured and repeatable deploymentsMavention
SharePoint 2013 introduces new App Model for building customizations for the SharePoint platform. Did you know that you could also leverage the App Model for structured and repeatable deployments?
SPSNL 2011 SharePoint 2010 WCM challenges made easyMavention
Building Internet-facing on the SharePoint platform is different than building portal solutions. Although in both cases you’re working on the SharePoint platform, building Internet-facing websites introduces a number of challenges. In this presentation I want to show you what those challenges are and how you can deal with them.
Hello everyone! I am thrilled to present my latest portfolio on LinkedIn, marking the culmination of my architectural journey thus far. Over the span of five years, I've been fortunate to acquire a wealth of knowledge under the guidance of esteemed professors and industry mentors. From rigorous academic pursuits to practical engagements, each experience has contributed to my growth and refinement as an architecture student. This portfolio not only showcases my projects but also underscores my attention to detail and to innovative architecture as a profession.
Book Formatting: Quality Control Checks for DesignersConfidence Ago
This presentation was made to help designers who work in publishing houses or format books for printing ensure quality.
Quality control is vital to every industry. This is why every department in a company need create a method they use in ensuring quality. This, perhaps, will not only improve the quality of products and bring errors to the barest minimum, but take it to a near perfect finish.
It is beyond a moot point that a good book will somewhat be judged by its cover, but the content of the book remains king. No matter how beautiful the cover, if the quality of writing or presentation is off, that will be a reason for readers not to come back to the book or recommend it.
So, this presentation points designers to some important things that may be missed by an editor that they could eventually discover and call the attention of the editor.
You could be a professional graphic designer and still make mistakes. There is always the possibility of human error. On the other hand if you’re not a designer, the chances of making some common graphic design mistakes are even higher. Because you don’t know what you don’t know. That’s where this blog comes in. To make your job easier and help you create better designs, we have put together a list of common graphic design mistakes that you need to avoid.
Expert Accessory Dwelling Unit (ADU) Drafting ServicesResDraft
Whether you’re looking to create a guest house, a rental unit, or a private retreat, our experienced team will design a space that complements your existing home and maximizes your investment. We provide personalized, comprehensive expert accessory dwelling unit (ADU)drafting solutions tailored to your needs, ensuring a seamless process from concept to completion.
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Mansi Shah
This study examines cattle rearing in urban and rural settings, focusing on milk production and consumption. By exploring a case in Ahmedabad, it highlights the challenges and processes in dairy farming across different environments, emphasising the need for sustainable practices and the essential role of milk in daily consumption.
Top 5 Indian Style Modular Kitchen DesignsFinzo Kitchens
Get the perfect modular kitchen in Gurgaon at Finzo! We offer high-quality, custom-designed kitchens at the best prices. Wardrobes and home & office furniture are also available. Free consultation! Best Quality Luxury Modular kitchen in Gurgaon available at best price. All types of Modular Kitchens are available U Shaped Modular kitchens, L Shaped Modular Kitchen, G Shaped Modular Kitchens, Inline Modular Kitchens and Italian Modular Kitchen.
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 3
5. Web standards Grammatical correctness of markup Standards types HTML 4.01 XHTML 1.0/1.1 Standards levels Transitional Strict Frameset Quirks mode 5
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 6
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 8
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! 9
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 10
11. Part I Web standards validation problem areas in SharePoint 2010 11
12. Validation problem areas Legacy markup Silverlight Web Part WebPartZone WebPartPage ImageField Rich Text Editor 12
13. Legacy markup Problem name attribute on the form element Solution Configure XHTML Conformance to Strict Per WebApp setting (web.config) <xhtmlConformancemode="Strict"/> 13
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 <scripttype="text/javascript"> //<![CDATA[ //]]> </script> ...and get rid of the iframe 14
15. WebPartZone 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!!! 15
16. WebPartPage 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 16
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! 17
18. Rich Text Editor Problem WAI:ARIA markup not in XHTML DTD Solution Custom Control Adapter Regex replace Drawbacks Expensive on large pages 18
21. CSS styles Problem CSS validation returns errors Solution Replacing with your own CSS Drawbacks Requires some serious tweaking 21
22. In-line styles Problem Using style attribute is not allowed Solution Custom Page Adapter Regex replace Drawbacks Very expensive Might loose branding/functionality 22
23. JavaScript links Problem Links with href="javascript:..." Solution Custom Page Adapter Regex rewrite of links Drawbacks Very expensive Might loose functionality 23
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/ 25
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 26
28. Resources:General Web standards & Accessibilityhttp://www.w3.org Web Accessibility Initiativehttp://www.w3.org/WAI/ Webrichtlijnen overheidhttp://www.webrichtlijnen.nl/ 28
29. Resources: Accessibility Evaluating website accessibility Part 1, Background and Preparationhttp://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/ 29
30. Resources:Accessibility in SharePoint Accessibility @ bloghttp://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/ 30
Editor's Notes
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