ASP.NET and W3C ASP.NET and W3C ComplianceCompliance

Presented by Presented by

Paul TurnerPaul Turnerpaul.turner@kaz-group.compaul.turner@kaz-group.com

OverviewOverview

• What is W3C?What is W3C?

• How does it effect developers?How does it effect developers?

• ASP.NET (1.1) complianceASP.NET (1.1) compliance

• ASP.NET (2.0) complianceASP.NET (2.0) compliance

What is the W3C?What is the W3C?

• World Wide Web Consortium (W3C)World Wide Web Consortium (W3C)• Standards organisationStandards organisation• Over 350 MembersOver 350 Members

– BEA, Microsoft, SUN, AT&T, AOL, CERN, Cisco, BEA, Microsoft, SUN, AT&T, AOL, CERN, Cisco, CSIRO, EDS, Fijitsu, Google, HP, IBM, Intel, CSIRO, EDS, Fijitsu, Google, HP, IBM, Intel, Oracle, Sony…Oracle, Sony…

““W3C Members take a W3C Members take a leadership roleleadership role in the future of the in the future of the Web, promote their Web, promote their image as an innovatorimage as an innovator participating participating in a standards body international in mission and impact, in a standards body international in mission and impact, and gain and gain early insight into market trendsearly insight into market trends (thus (thus reducing the risk of missing them)”reducing the risk of missing them)”

What is the W3C?What is the W3C?

• The W3C has ‘shaped’ the core web The W3C has ‘shaped’ the core web technologiestechnologies

• Provide implementationsProvide implementations– Jigsaw (Web Server)Jigsaw (Web Server)– Libwww (Web Server Library)Libwww (Web Server Library)– HTML Tidy (HTML compliance tool)HTML Tidy (HTML compliance tool)– Amaya (Web Browser)Amaya (Web Browser)

So what?So what?

• Ensures that basic ‘rules’ are followedEnsures that basic ‘rules’ are followed• CompatibilityCompatibility

– ‘‘Rendering’ of HTML and CSS in a Rendering’ of HTML and CSS in a consistent manner on all platformsconsistent manner on all platforms

• InteroperabilityInteroperability– SOAP, XML and Web Services…SOAP, XML and Web Services…

• NOT related to implementationsNOT related to implementations– IE, Firefox, Mozilla etc…IE, Firefox, Mozilla etc…

How does it effect How does it effect developers?developers?• HTML complianceHTML compliance

– HTMLHTML– XHMTL XHMTL

• Accessibility complianceAccessibility compliance– Priority 1Priority 1– Priority 2Priority 2– Priority 3Priority 3

• CSS complianceCSS compliance• More… XML, XPath, SOAP, URI, HTTP…More… XML, XPath, SOAP, URI, HTTP…

HTML ComplianceHTML Compliance

• Sets the standards for HTMLSets the standards for HTML– Ensures that software* interprets HTML Ensures that software* interprets HTML

correctlycorrectly– Strongly related to the HTTP standard Strongly related to the HTTP standard

(the transport)(the transport)

• Provides online validatorsProvides online validators

* Web browsers are just one type* Web browsers are just one type

DemoDemo

• HTML ValidatorHTML Validator– http://validator.w3.org/http://validator.w3.org/

Accessibility ComplianceAccessibility Compliance

• Web Accessibility Initiative (WAI)Web Accessibility Initiative (WAI)– About providing access to the internet to About providing access to the internet to

disabled peopledisabled people– Provides standards for an electronic Provides standards for an electronic

interpretation of a pageinterpretation of a page– Screen readers for the blindScreen readers for the blind– A, AA and AAA priority requirementA, AA and AAA priority requirement– Also means you tend to have really good Also means you tend to have really good

HTML…HTML…

DemoDemo

• WCAG validatorWCAG validator– http://webxact.watchfire.com/http://webxact.watchfire.com/

CSS ComplianceCSS Compliance

• Ensures that common styles are Ensures that common styles are appliedapplied

• Keeps a consistent look between Keeps a consistent look between browsersbrowsers

• Provides online validatorsProvides online validators

DemoDemo

• CSS ValidatorCSS Validator– http://jigsaw.w3.org/css-validator/http://jigsaw.w3.org/css-validator/

ASP.NET (1.1) ComplianceASP.NET (1.1) Compliance

• Hard workHard work• Don’t take on the task lightly!Don’t take on the task lightly!• Some built in controls don’t generate ‘Well Some built in controls don’t generate ‘Well

Formed’ HTMLFormed’ HTML

<B>Hello <I>World</B><B>Hello <I>World</B> No end tag…No end tag…

<B>Hello <I>World</B></I> <B>Hello <I>World</B></I> Overlapping tags…Overlapping tags…

<TABLE ID=“Table1”>…</TABLE><TABLE ID=“Table1”>…</TABLE>..<TABLE ID=“Table1”>…</TABLE> <TABLE ID=“Table1”>…</TABLE>

Reused ID’sReused ID’s

DemoDemo

• Tag reuseTag reuse

ASP.NET (1.1) ComplianceASP.NET (1.1) Compliance

• IDE SettingsIDE Settings– HTML EditorHTML Editor– Formatting of attributesFormatting of attributes

DemoDemo

• Editor SettingsEditor Settings

• Schema SettingsSchema Settings

ASP.NET (2.0) ComplianceASP.NET (2.0) Compliance

• ‘‘Check Page for Accessibility’Check Page for Accessibility’

• HTML validation optionsHTML validation options– XHTMLXHTML– HTML 4.01HTML 4.01– IE, Netscape etc…IE, Netscape etc…

• Server controls versus HTML controlsServer controls versus HTML controls

DemoDemo

• Visual Studio 2005Visual Studio 2005

SummarySummary

• WC3 – WC3 – http://www.w3.orghttp://www.w3.org

• HTML – HTML – http://validator.w3.org/http://validator.w3.org/

• WCAG – WCAG – http://http://webxact.watchfire.comwebxact.watchfire.com//

• CSS – CSS – http://jigsaw.w3.org/css-validator/http://jigsaw.w3.org/css-validator/

• Visual Studio Editor SettingsVisual Studio Editor Settings

• Visual Studio 2005 Visual Studio 2005

Questions?Questions?