SlideShare a Scribd company logo
1 of 21
Web Standards and
                            Accessibility
                                  Nick DeNardis
                              http://nickdenardis.com
                                  @nickdenardis




Saturday, March 7, 2009
About Myself

                     • Associate Director of Web Communications
                     • Host of EDU Checkup
                     • Staff Writer at .eduGuru
                     • Officer for Refresh Detroit

Saturday, March 7, 2009
• What are Web Standards
                     • Standards in the Real World
                     • What is Accessibility
                     • Accessibility in the Real World

Saturday, March 7, 2009
What are Web Standards?

                     • Philosophy of Web Design
                     • Best Practices
                     • Validation
                     • Semantics
                     • Three Main Layers

Saturday, March 7, 2009
Three Layers

                          Javascript / Behavior
                             CSS / Design
                           HTML / Content


Saturday, March 7, 2009
HTML / Content

                     • Describe Content (semantic)
                     • Validation (W3C)
                     • Reduce Meaningless Markup
                     • Reduce Download Speed
                     • Tables for Tabular Data (only)

Saturday, March 7, 2009
<ul class=”skip”>


                               <fieldset id=”login”>




                                                      Content
                                         <h1>
                          <h2>
                          <ul id=”navigation”>




Saturday, March 7, 2009
CSS / Design
                     • Images that don’t have meaning to the doc
                     • Positioning
                     • Global Changes
                     • Establishing Rules
                     • ID’s and Class Naming Conventions
                     • Cross Browser Support
Saturday, March 7, 2009
Design




Saturday, March 7, 2009
Javascript / Behavior

                     • Progressive Enhancement
                     • Graceful Degradation
                     • AJAX
                     • Javascript Libraries
                     • Cross Browser Support

Saturday, March 7, 2009
Behavior




Saturday, March 7, 2009
Pitching to the Boss
                     • Less Bandwidth
                     • Less Server Load
                     • Bring more people (less obstruction)
                     • Ease of Maintenance
                     • SEO Built In
                     • Future Proofing
                     • Save Money
Saturday, March 7, 2009
The Ugly Reality
                     • Rushed Timelines
                     • Too Many Developers
                     • Lack of Communication
                     • WYSIWYG Editors
                     • Scope Creep
                     • Slow Erosion
                     • !important
Saturday, March 7, 2009
What Can You Do?

                     • Defensive Development
                     • Flexible Design/Code
                      • Plan for the worst case
                      • No pixel perfect layouts
                     • Establishing Rules/Habits

Saturday, March 7, 2009
What is Accessibility
                     • Beyond the Blind
                     • Universal Access
                     • Just Using Mouse/Keyboard
                     • Lockdown Situations (IE 6)
                     • Slow Connections
                     • Mobile Browsers
Saturday, March 7, 2009
Accessibility Rules

                     • It’s The Right Thing To Do
                     • Progressive Enhancement
                     • ADA (Section 508)
                     • Screen Readers
                     • Search Engines

Saturday, March 7, 2009
The Ugly Reality

                     • Last Thing On The List
                     • Progressive Enhancement Turns to
                          Graceful Degradation
                     • Time Constraints
                     • No User Testing

Saturday, March 7, 2009
Its Up To You

                     • Get in the Routine
                     • Advocate
                     • Care
                     • Opera Web Standards Curriculum

Saturday, March 7, 2009
Questions?



Saturday, March 7, 2009
Thank You
                              Nick DeNardis
                          http://nickdenardis.com
                              @nickdenardis




Saturday, March 7, 2009
Links
                     • http://validator.w3.org/
                     • http://section508.gov/
                     • http://jquery.com/
                     • http://tinyurl.com/ietester
                     • http://opera.com/company/education/
                          curriculum/
                     • http://www.cynthiasays.com/
Saturday, March 7, 2009

More Related Content

What's hot

JSDay 2013 - Practical Responsive Web Design
JSDay 2013 - Practical Responsive Web DesignJSDay 2013 - Practical Responsive Web Design
JSDay 2013 - Practical Responsive Web DesignJonathan Klein
 
Accessible Javascript with and without WAI ARIA
Accessible Javascript with and without WAI ARIAAccessible Javascript with and without WAI ARIA
Accessible Javascript with and without WAI ARIADirk Ginader
 
Are Today’s Good Practices... Tomorrow’s Performance Anti-Patterns?
Are Today’s Good Practices... Tomorrow’s Performance Anti-Patterns?Are Today’s Good Practices... Tomorrow’s Performance Anti-Patterns?
Are Today’s Good Practices... Tomorrow’s Performance Anti-Patterns?Andy Davies
 
Web Performance - A Whistlestop Tour
Web Performance - A Whistlestop TourWeb Performance - A Whistlestop Tour
Web Performance - A Whistlestop TourAndy Davies
 
Dan node meetup_socket_talk
Dan node meetup_socket_talkDan node meetup_socket_talk
Dan node meetup_socket_talkIshi von Meier
 
Web Performance Workshop - Velocity London 2013
Web Performance Workshop - Velocity London 2013Web Performance Workshop - Velocity London 2013
Web Performance Workshop - Velocity London 2013Andy Davies
 
Joi ETech 2009 - Creative Commons
Joi ETech 2009 - Creative CommonsJoi ETech 2009 - Creative Commons
Joi ETech 2009 - Creative CommonsJoi Ito
 

What's hot (8)

JSDay 2013 - Practical Responsive Web Design
JSDay 2013 - Practical Responsive Web DesignJSDay 2013 - Practical Responsive Web Design
JSDay 2013 - Practical Responsive Web Design
 
Kamar Moodle
Kamar MoodleKamar Moodle
Kamar Moodle
 
Accessible Javascript with and without WAI ARIA
Accessible Javascript with and without WAI ARIAAccessible Javascript with and without WAI ARIA
Accessible Javascript with and without WAI ARIA
 
Are Today’s Good Practices... Tomorrow’s Performance Anti-Patterns?
Are Today’s Good Practices... Tomorrow’s Performance Anti-Patterns?Are Today’s Good Practices... Tomorrow’s Performance Anti-Patterns?
Are Today’s Good Practices... Tomorrow’s Performance Anti-Patterns?
 
Web Performance - A Whistlestop Tour
Web Performance - A Whistlestop TourWeb Performance - A Whistlestop Tour
Web Performance - A Whistlestop Tour
 
Dan node meetup_socket_talk
Dan node meetup_socket_talkDan node meetup_socket_talk
Dan node meetup_socket_talk
 
Web Performance Workshop - Velocity London 2013
Web Performance Workshop - Velocity London 2013Web Performance Workshop - Velocity London 2013
Web Performance Workshop - Velocity London 2013
 
Joi ETech 2009 - Creative Commons
Joi ETech 2009 - Creative CommonsJoi ETech 2009 - Creative Commons
Joi ETech 2009 - Creative Commons
 

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
 
Accessibility for Hybrid Mobile
Accessibility for Hybrid MobileAccessibility for Hybrid Mobile
Accessibility for Hybrid MobileBobby Bristol
 
SharePoint 2010 Web Standards & Accessibility
SharePoint 2010 Web Standards & AccessibilitySharePoint 2010 Web Standards & Accessibility
SharePoint 2010 Web Standards & AccessibilityMavention
 
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
 
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
 
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
 
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
 
503 web accessibility - best practices
503   web accessibility - best practices503   web accessibility - best practices
503 web accessibility - best practicesJoanna Wiebe
 
WCAG 2.0 for Designers
WCAG 2.0 for DesignersWCAG 2.0 for Designers
WCAG 2.0 for DesignersBrunner
 
WCAG 2.0, Simplified
WCAG 2.0, SimplifiedWCAG 2.0, Simplified
WCAG 2.0, Simplifiedciwstudy
 
Html & CSS - Best practices 2-hour-workshop
Html & CSS - Best practices 2-hour-workshopHtml & CSS - Best practices 2-hour-workshop
Html & CSS - Best practices 2-hour-workshopVero Rebagliatte
 
Mobile Accessibility Best Practices & Trends
Mobile Accessibility Best Practices & TrendsMobile Accessibility Best Practices & Trends
Mobile Accessibility Best Practices & TrendsAidan Tierney
 
Assistive technologies and devices for visually impaired
Assistive technologies and devices for visually impairedAssistive technologies and devices for visually impaired
Assistive technologies and devices for visually impairedUmar Shuaib
 
Early prevention of accessibility issues with mockup & wireframe reviews
Early prevention of accessibility issues with mockup & wireframe reviewsEarly prevention of accessibility issues with mockup & wireframe reviews
Early prevention of accessibility issues with mockup & wireframe reviewsAidan Tierney
 
CSUN - Accessibility and Rapid e-Learning Tools
CSUN - Accessibility and Rapid e-Learning ToolsCSUN - Accessibility and Rapid e-Learning Tools
CSUN - Accessibility and Rapid e-Learning ToolsEduardo Meza-Etienne
 

Viewers also liked (17)

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?
 
Accessibility for Hybrid Mobile
Accessibility for Hybrid MobileAccessibility for Hybrid Mobile
Accessibility for Hybrid Mobile
 
SharePoint 2010 Web Standards & Accessibility
SharePoint 2010 Web Standards & AccessibilitySharePoint 2010 Web Standards & Accessibility
SharePoint 2010 Web Standards & Accessibility
 
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
 
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
 
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)
 
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
 
503 web accessibility - best practices
503   web accessibility - best practices503   web accessibility - best practices
503 web accessibility - best practices
 
WCAG 2.0 for Designers
WCAG 2.0 for DesignersWCAG 2.0 for Designers
WCAG 2.0 for Designers
 
WCAG 2.0, Simplified
WCAG 2.0, SimplifiedWCAG 2.0, Simplified
WCAG 2.0, Simplified
 
Html & CSS - Best practices 2-hour-workshop
Html & CSS - Best practices 2-hour-workshopHtml & CSS - Best practices 2-hour-workshop
Html & CSS - Best practices 2-hour-workshop
 
Mobile Accessibility Best Practices & Trends
Mobile Accessibility Best Practices & TrendsMobile Accessibility Best Practices & Trends
Mobile Accessibility Best Practices & Trends
 
Assistive technologies and devices for visually impaired
Assistive technologies and devices for visually impairedAssistive technologies and devices for visually impaired
Assistive technologies and devices for visually impaired
 
Early prevention of accessibility issues with mockup & wireframe reviews
Early prevention of accessibility issues with mockup & wireframe reviewsEarly prevention of accessibility issues with mockup & wireframe reviews
Early prevention of accessibility issues with mockup & wireframe reviews
 
CSUN - Accessibility and Rapid e-Learning Tools
CSUN - Accessibility and Rapid e-Learning ToolsCSUN - Accessibility and Rapid e-Learning Tools
CSUN - Accessibility and Rapid e-Learning Tools
 

Similar to Web Standards and Accessibility

Foundation of Web Application Developmnet - XHTML
Foundation of Web Application Developmnet - XHTMLFoundation of Web Application Developmnet - XHTML
Foundation of Web Application Developmnet - XHTMLVashira Ravipanich
 
No Really, It's All About You
No Really, It's All About YouNo Really, It's All About You
No Really, It's All About YouChris Cornutt
 
Merb The Super Bike Of Frameworks
Merb The Super Bike Of FrameworksMerb The Super Bike Of Frameworks
Merb The Super Bike Of FrameworksRowan Hick
 
Improving Drupal's Page Loading Performance
Improving Drupal's Page Loading PerformanceImproving Drupal's Page Loading Performance
Improving Drupal's Page Loading PerformanceWim Leers
 
CouchDB to the Edge ApacheCon EU
CouchDB to the  Edge ApacheCon EUCouchDB to the  Edge ApacheCon EU
CouchDB to the Edge ApacheCon EUChris Anderson
 
Java E O Mercado De Trabalho
Java E O Mercado De TrabalhoJava E O Mercado De Trabalho
Java E O Mercado De TrabalhoEduardo Bregaida
 
Bac'n: From Idea to Startup in 21 days
Bac'n: From Idea to Startup in 21 daysBac'n: From Idea to Startup in 21 days
Bac'n: From Idea to Startup in 21 daysScott Kveton
 
Portlets
PortletsPortlets
Portletsssetem
 
Atlassian - A Different Kind Of Software Company
Atlassian - A Different Kind Of Software CompanyAtlassian - A Different Kind Of Software Company
Atlassian - A Different Kind Of Software CompanyMike Cannon-Brookes
 
What is Ruby on Rails?
What is Ruby on Rails?What is Ruby on Rails?
What is Ruby on Rails?Karmen Blake
 
Inleiding tot CHI
Inleiding tot CHIInleiding tot CHI
Inleiding tot CHIErik Duval
 
Firefox 3.5 and Beyond, At Portland Web Innovators
Firefox 3.5 and Beyond, At Portland Web InnovatorsFirefox 3.5 and Beyond, At Portland Web Innovators
Firefox 3.5 and Beyond, At Portland Web InnovatorsDietrich Ayala
 
IT Depends: Custom vs Packaged Software
IT Depends: Custom vs Packaged SoftwareIT Depends: Custom vs Packaged Software
IT Depends: Custom vs Packaged Software★ Selcuk Atli
 
Drupal CDN integration: easier, more flexible and faster!
Drupal CDN integration: easier, more flexible and faster!Drupal CDN integration: easier, more flexible and faster!
Drupal CDN integration: easier, more flexible and faster!Wim Leers
 
457 WWDC08 Student Welcome
457 WWDC08 Student Welcome457 WWDC08 Student Welcome
457 WWDC08 Student Welcomerentzsch
 
Colin Clark Accessible U Is With J Query And Infusion[1]
Colin Clark Accessible U Is With J Query And Infusion[1]Colin Clark Accessible U Is With J Query And Infusion[1]
Colin Clark Accessible U Is With J Query And Infusion[1]Ajax Experience 2009
 
Testing as Communication, Real-World Techniques
Testing as Communication, Real-World TechniquesTesting as Communication, Real-World Techniques
Testing as Communication, Real-World TechniquesActsAsCon
 

Similar to Web Standards and Accessibility (20)

Foundation of Web Application Developmnet - XHTML
Foundation of Web Application Developmnet - XHTMLFoundation of Web Application Developmnet - XHTML
Foundation of Web Application Developmnet - XHTML
 
No Really, It's All About You
No Really, It's All About YouNo Really, It's All About You
No Really, It's All About You
 
Merb The Super Bike Of Frameworks
Merb The Super Bike Of FrameworksMerb The Super Bike Of Frameworks
Merb The Super Bike Of Frameworks
 
Improving Drupal's Page Loading Performance
Improving Drupal's Page Loading PerformanceImproving Drupal's Page Loading Performance
Improving Drupal's Page Loading Performance
 
CouchDB to the Edge ApacheCon EU
CouchDB to the  Edge ApacheCon EUCouchDB to the  Edge ApacheCon EU
CouchDB to the Edge ApacheCon EU
 
Java E O Mercado De Trabalho
Java E O Mercado De TrabalhoJava E O Mercado De Trabalho
Java E O Mercado De Trabalho
 
Depot Best Practices
Depot Best PracticesDepot Best Practices
Depot Best Practices
 
Bac'n: From Idea to Startup in 21 days
Bac'n: From Idea to Startup in 21 daysBac'n: From Idea to Startup in 21 days
Bac'n: From Idea to Startup in 21 days
 
Portlets
PortletsPortlets
Portlets
 
Atlassian - A Different Kind Of Software Company
Atlassian - A Different Kind Of Software CompanyAtlassian - A Different Kind Of Software Company
Atlassian - A Different Kind Of Software Company
 
What is Ruby on Rails?
What is Ruby on Rails?What is Ruby on Rails?
What is Ruby on Rails?
 
Inleiding tot CHI
Inleiding tot CHIInleiding tot CHI
Inleiding tot CHI
 
Firefox 3.5 and Beyond, At Portland Web Innovators
Firefox 3.5 and Beyond, At Portland Web InnovatorsFirefox 3.5 and Beyond, At Portland Web Innovators
Firefox 3.5 and Beyond, At Portland Web Innovators
 
IT Depends: Custom vs Packaged Software
IT Depends: Custom vs Packaged SoftwareIT Depends: Custom vs Packaged Software
IT Depends: Custom vs Packaged Software
 
Young Activists
Young ActivistsYoung Activists
Young Activists
 
Drupal CDN integration: easier, more flexible and faster!
Drupal CDN integration: easier, more flexible and faster!Drupal CDN integration: easier, more flexible and faster!
Drupal CDN integration: easier, more flexible and faster!
 
457 WWDC08 Student Welcome
457 WWDC08 Student Welcome457 WWDC08 Student Welcome
457 WWDC08 Student Welcome
 
Colin Clark Accessible U Is With J Query And Infusion[1]
Colin Clark Accessible U Is With J Query And Infusion[1]Colin Clark Accessible U Is With J Query And Infusion[1]
Colin Clark Accessible U Is With J Query And Infusion[1]
 
All The Little Pieces
All The Little PiecesAll The Little Pieces
All The Little Pieces
 
Testing as Communication, Real-World Techniques
Testing as Communication, Real-World TechniquesTesting as Communication, Real-World Techniques
Testing as Communication, Real-World Techniques
 

More from Nick DeNardis

How to be better at getting things done in 2022
How to be better at getting things done in 2022How to be better at getting things done in 2022
How to be better at getting things done in 2022Nick DeNardis
 
What is quality code? From cruft to craft
What is quality code? From cruft to craftWhat is quality code? From cruft to craft
What is quality code? From cruft to craftNick DeNardis
 
Why #littlebigdetails Matter and What You Should Do About Them
Why #littlebigdetails Matter and What You Should Do About ThemWhy #littlebigdetails Matter and What You Should Do About Them
Why #littlebigdetails Matter and What You Should Do About ThemNick DeNardis
 
CASE IV - Making that first impression online
CASE IV - Making that first impression onlineCASE IV - Making that first impression online
CASE IV - Making that first impression onlineNick DeNardis
 
Personal and Professional Social Media
Personal and Professional Social MediaPersonal and Professional Social Media
Personal and Professional Social MediaNick DeNardis
 
Designing for next steps: A forward moving Web experience
Designing for next steps: A forward moving Web experienceDesigning for next steps: A forward moving Web experience
Designing for next steps: A forward moving Web experienceNick DeNardis
 
Designing for next steps - A forward moving Web experience
Designing for next steps - A forward moving Web experienceDesigning for next steps - A forward moving Web experience
Designing for next steps - A forward moving Web experienceNick DeNardis
 
Producing a mobile presence. Timeline: Yesterday...
Producing a mobile presence. Timeline: Yesterday...Producing a mobile presence. Timeline: Yesterday...
Producing a mobile presence. Timeline: Yesterday...Nick DeNardis
 
API Reliability Guide
API Reliability GuideAPI Reliability Guide
API Reliability GuideNick DeNardis
 
Creating an Effective Mobile API
Creating an Effective Mobile API Creating an Effective Mobile API
Creating an Effective Mobile API Nick DeNardis
 
Iterative Website Redesign: Micro Goals in Action - CASEV 2011
Iterative Website Redesign: Micro Goals in Action - CASEV 2011Iterative Website Redesign: Micro Goals in Action - CASEV 2011
Iterative Website Redesign: Micro Goals in Action - CASEV 2011Nick DeNardis
 
Iterative Website Redesign - Micro Goals in Action
 Iterative Website Redesign - Micro Goals in Action Iterative Website Redesign - Micro Goals in Action
Iterative Website Redesign - Micro Goals in ActionNick DeNardis
 
Give Your Content Legs and Run With It - PSUWEB11
Give Your Content Legs and Run With It - PSUWEB11Give Your Content Legs and Run With It - PSUWEB11
Give Your Content Legs and Run With It - PSUWEB11Nick DeNardis
 
Social Media Tools for Startups
Social Media Tools for StartupsSocial Media Tools for Startups
Social Media Tools for StartupsNick DeNardis
 
Golden Rule for the Web - #eduGuruSummit
Golden Rule for the Web - #eduGuruSummitGolden Rule for the Web - #eduGuruSummit
Golden Rule for the Web - #eduGuruSummitNick DeNardis
 
LIS7470 - Information Architecture
LIS7470 - Information ArchitectureLIS7470 - Information Architecture
LIS7470 - Information ArchitectureNick DeNardis
 
Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010
Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010
Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010Nick DeNardis
 
Better Design Through Analytics - #eduiconf 2010
Better Design Through Analytics - #eduiconf 2010Better Design Through Analytics - #eduiconf 2010
Better Design Through Analytics - #eduiconf 2010Nick DeNardis
 
Web Metrics: An Overview - #eduiconf 2010
Web Metrics: An Overview - #eduiconf 2010Web Metrics: An Overview - #eduiconf 2010
Web Metrics: An Overview - #eduiconf 2010Nick DeNardis
 
Analyzing Real-time User Visitor Searches
Analyzing Real-time User Visitor SearchesAnalyzing Real-time User Visitor Searches
Analyzing Real-time User Visitor SearchesNick DeNardis
 

More from Nick DeNardis (20)

How to be better at getting things done in 2022
How to be better at getting things done in 2022How to be better at getting things done in 2022
How to be better at getting things done in 2022
 
What is quality code? From cruft to craft
What is quality code? From cruft to craftWhat is quality code? From cruft to craft
What is quality code? From cruft to craft
 
Why #littlebigdetails Matter and What You Should Do About Them
Why #littlebigdetails Matter and What You Should Do About ThemWhy #littlebigdetails Matter and What You Should Do About Them
Why #littlebigdetails Matter and What You Should Do About Them
 
CASE IV - Making that first impression online
CASE IV - Making that first impression onlineCASE IV - Making that first impression online
CASE IV - Making that first impression online
 
Personal and Professional Social Media
Personal and Professional Social MediaPersonal and Professional Social Media
Personal and Professional Social Media
 
Designing for next steps: A forward moving Web experience
Designing for next steps: A forward moving Web experienceDesigning for next steps: A forward moving Web experience
Designing for next steps: A forward moving Web experience
 
Designing for next steps - A forward moving Web experience
Designing for next steps - A forward moving Web experienceDesigning for next steps - A forward moving Web experience
Designing for next steps - A forward moving Web experience
 
Producing a mobile presence. Timeline: Yesterday...
Producing a mobile presence. Timeline: Yesterday...Producing a mobile presence. Timeline: Yesterday...
Producing a mobile presence. Timeline: Yesterday...
 
API Reliability Guide
API Reliability GuideAPI Reliability Guide
API Reliability Guide
 
Creating an Effective Mobile API
Creating an Effective Mobile API Creating an Effective Mobile API
Creating an Effective Mobile API
 
Iterative Website Redesign: Micro Goals in Action - CASEV 2011
Iterative Website Redesign: Micro Goals in Action - CASEV 2011Iterative Website Redesign: Micro Goals in Action - CASEV 2011
Iterative Website Redesign: Micro Goals in Action - CASEV 2011
 
Iterative Website Redesign - Micro Goals in Action
 Iterative Website Redesign - Micro Goals in Action Iterative Website Redesign - Micro Goals in Action
Iterative Website Redesign - Micro Goals in Action
 
Give Your Content Legs and Run With It - PSUWEB11
Give Your Content Legs and Run With It - PSUWEB11Give Your Content Legs and Run With It - PSUWEB11
Give Your Content Legs and Run With It - PSUWEB11
 
Social Media Tools for Startups
Social Media Tools for StartupsSocial Media Tools for Startups
Social Media Tools for Startups
 
Golden Rule for the Web - #eduGuruSummit
Golden Rule for the Web - #eduGuruSummitGolden Rule for the Web - #eduGuruSummit
Golden Rule for the Web - #eduGuruSummit
 
LIS7470 - Information Architecture
LIS7470 - Information ArchitectureLIS7470 - Information Architecture
LIS7470 - Information Architecture
 
Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010
Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010
Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010
 
Better Design Through Analytics - #eduiconf 2010
Better Design Through Analytics - #eduiconf 2010Better Design Through Analytics - #eduiconf 2010
Better Design Through Analytics - #eduiconf 2010
 
Web Metrics: An Overview - #eduiconf 2010
Web Metrics: An Overview - #eduiconf 2010Web Metrics: An Overview - #eduiconf 2010
Web Metrics: An Overview - #eduiconf 2010
 
Analyzing Real-time User Visitor Searches
Analyzing Real-time User Visitor SearchesAnalyzing Real-time User Visitor Searches
Analyzing Real-time User Visitor Searches
 

Recently uploaded

Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGGoogle AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGSujit Pal
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 

Recently uploaded (20)

Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGGoogle AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAG
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 

Web Standards and Accessibility

  • 1. Web Standards and Accessibility Nick DeNardis http://nickdenardis.com @nickdenardis Saturday, March 7, 2009
  • 2. About Myself • Associate Director of Web Communications • Host of EDU Checkup • Staff Writer at .eduGuru • Officer for Refresh Detroit Saturday, March 7, 2009
  • 3. • What are Web Standards • Standards in the Real World • What is Accessibility • Accessibility in the Real World Saturday, March 7, 2009
  • 4. What are Web Standards? • Philosophy of Web Design • Best Practices • Validation • Semantics • Three Main Layers Saturday, March 7, 2009
  • 5. Three Layers Javascript / Behavior CSS / Design HTML / Content Saturday, March 7, 2009
  • 6. HTML / Content • Describe Content (semantic) • Validation (W3C) • Reduce Meaningless Markup • Reduce Download Speed • Tables for Tabular Data (only) Saturday, March 7, 2009
  • 7. <ul class=”skip”> <fieldset id=”login”> Content <h1> <h2> <ul id=”navigation”> Saturday, March 7, 2009
  • 8. CSS / Design • Images that don’t have meaning to the doc • Positioning • Global Changes • Establishing Rules • ID’s and Class Naming Conventions • Cross Browser Support Saturday, March 7, 2009
  • 10. Javascript / Behavior • Progressive Enhancement • Graceful Degradation • AJAX • Javascript Libraries • Cross Browser Support Saturday, March 7, 2009
  • 12. Pitching to the Boss • Less Bandwidth • Less Server Load • Bring more people (less obstruction) • Ease of Maintenance • SEO Built In • Future Proofing • Save Money Saturday, March 7, 2009
  • 13. The Ugly Reality • Rushed Timelines • Too Many Developers • Lack of Communication • WYSIWYG Editors • Scope Creep • Slow Erosion • !important Saturday, March 7, 2009
  • 14. What Can You Do? • Defensive Development • Flexible Design/Code • Plan for the worst case • No pixel perfect layouts • Establishing Rules/Habits Saturday, March 7, 2009
  • 15. What is Accessibility • Beyond the Blind • Universal Access • Just Using Mouse/Keyboard • Lockdown Situations (IE 6) • Slow Connections • Mobile Browsers Saturday, March 7, 2009
  • 16. Accessibility Rules • It’s The Right Thing To Do • Progressive Enhancement • ADA (Section 508) • Screen Readers • Search Engines Saturday, March 7, 2009
  • 17. The Ugly Reality • Last Thing On The List • Progressive Enhancement Turns to Graceful Degradation • Time Constraints • No User Testing Saturday, March 7, 2009
  • 18. Its Up To You • Get in the Routine • Advocate • Care • Opera Web Standards Curriculum Saturday, March 7, 2009
  • 20. Thank You Nick DeNardis http://nickdenardis.com @nickdenardis Saturday, March 7, 2009
  • 21. Links • http://validator.w3.org/ • http://section508.gov/ • http://jquery.com/ • http://tinyurl.com/ietester • http://opera.com/company/education/ curriculum/ • http://www.cynthiasays.com/ Saturday, March 7, 2009

Editor's Notes

  1. W3C controlled standard the browser developers work off to display web pages
  2. Don&#x2019;t hack it up, headers, blockquotes, paragraphs, alt tags
  3. Executing Plans Don&#x2019;t Go as Planned