SlideShare una empresa de Scribd logo
1 de 39
Descargar para leer sin conexión
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Kevin Rydberg
Senior eAccessibility Consultant, Siteimprove, Inc.
Keith Bundy
Assistant Dean for Student Development, Dakota State University
Kevin Rydberg
Senior eAccessibility Consultant
Siteimprove, Inc.
Minneapolis, MN
kry@siteimprove.com
@rydbergk
Keith Bundy
Assistant Dean Student Development/ ADA Coordinator
Dakota State University
Madison, SD
keith.bundy@dsu.edu
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
What is the most popular and widely used assistive device ever created?
h"p://www.slideserve.com/jennelle/dhs-­‐s-­‐department-­‐wide-­‐governance-­‐of-­‐508-­‐compliance
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
What is the most popular and widely used assistive device ever created?
Glasses!
(and contact lenses)
h"p://artprimo.com/forums/trailer_park_boys-­‐t1217.html
h"p://www.slideserve.com/jennelle/dhs-­‐s-­‐department-­‐wide-­‐governance-­‐of-­‐508-­‐compliance
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Kevin Rydberg
• Senior eAccessibility Consultant, Siteimprove, Inc.
• Web Strategist, E-Communications, Dakota State University
• Web Communications Coordinator, Mayo Clinic
• Over 12 years in Web design, development and consulting
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Kevin Rydberg
• Why Digital Accessibility?
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Kevin Rydberg
• Why Digital Accessibility?
Accessibility is about people.
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
We need to educate.
Kevin Rydberg
• Why Digital Accessibility?
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
We need to offer solutions.
Kevin Rydberg
• Why Digital Accessibility?
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Keith Bundy
• Assistant Dean for Student Development
• Dakota State University ADA Coordinator
• Barrier Free Learning Committee Chair
• Classroom instructor
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Keith Bundy
• Assistant Dean for Student Development
• Dakota State University ADA Coordinator
• Barrier Free Learning Committee Chair
• Classroom instructor
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Keith’s site review
• www.monstersuniversity.com
h"p://monstersuniversity.com/edu/
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Web accessibility refers to “the practice of making
websites usable by people of all abilities and
disabilities.” http://en.wikipedia.org/wiki/Web_accessibility
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Pareto Principle
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
The Pareto principle (also known as the 80–20 rule) states that,
for many events, roughly 80% of the effects come from 20% of
the causes.
http://www.nytimes.com/2008/03/03/business/03juran.html?_r=0
Pareto Principle
20%80%
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Where do I start?
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Know the rules
• Know how to fix the problems
• Your institution’s guidelines
• Federal guidelines
• Section 508
• WCAG 2.0
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Section 508
• US only
• Goes beyond web accessibility
• Based on WCAG 1.0
• Currently being reviewed for updated criteria
• SSB BART GROUP
• https://www.ssbbartgroup.com/blog/2013/01/23/section-508-refresh-timing-projections/
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
WCAG 2.0
• Created by WAI (Web Accessibility Initiative) of the W3C
• Guidelines are grouped by priority, A, AA, AAA
• WCAG 2.0 AA guidelines are a great place to start
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://coding.smashingmagazine.com/2009/04/08/from-­‐table-­‐hell-­‐to-­‐div-­‐hell/
Where do I start?
Semantic Markup
• Mark up with tags that describe the type of content
• Not for presentation, but structure
• Many benefits to semantic markup
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg
Coding for accessibility sucks.
Where do I start?
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg
There’s no such thing as a fully
accessible website.
Where do I start?
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg
Just because you have an (mostly)
accessible site, doesn’t mean you
have a usable site.
Where do I start?
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg
Campus Disability Services
• Find testers with disabilities
• Alternative funding
Where do I start?
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg
Low hanging fruit
• Include files
• CSS
• Alt text
• Define the language of the website
• Skip links
Where do I start?
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg
High traffic pages
• Top-level pages
• Portal pages
• Landing pages
Where do I start?
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg
“A” level errors first
• Titles
• Semantic mark up (h1-h6)
• Alt tags
• Decorative images
Where do I start?
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
“A” level errors first
body {
background:#999 url('/css/images/homepage-bg.png')repeat;
}
h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg
Where do I start?
<img src=”box-edge-bottom.jpg” alt=”“ />
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg
Form elements
• Labels
• Descriptive titles
• Tab order
Where do I start?
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg
Redesign
• Templates
• Semantic markup
• Clean CSS
• Responsive sites
Where do I start?
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg
Dev Server
• Catch problems before they go live
Where do I start?
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg
Role-based staff training
• Non-technical Staff -- editors, managers
• Developers
• Designers
Where do I start?
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg
Let your CMS do the work
• Set up custom toolbars
• Enforce proper coding, headings, lists, alt tags
• Your website is not a Word document!
Where do I start?
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
For Americans without disabilities, technology
makes things easier. For Americans with disabilities,
technology makes things possible.
Mary Pat Radabaugh
“Study on the Financing of Assistive Technology
Devices & Services for Individuals with Disabilities”
h"p://www.slideserve.com/jennelle/dhs-­‐s-­‐department-­‐wide-­‐governance-­‐of-­‐508-­‐compliance
Tuesday, October 8, 13
Getting Started With Accessibility
siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13
Questions?
Thank You!
Kevin Rydberg
Senior eAccessibility Consultant
Siteimprove, Inc.
Minneapolis, MN
kry@siteimprove.com
@rydbergk
Tuesday, October 8, 13

Más contenido relacionado

Similar a Siteimprove Accessibility HighEdWeb2013

Windycityrails page performance
Windycityrails page performanceWindycityrails page performance
Windycityrails page performanceJohn McCaffrey
 
The Digital Teacher
The Digital TeacherThe Digital Teacher
The Digital TeacherKyle Pace
 
EDUCAUSE ITACCESS September webinar
EDUCAUSE ITACCESS September webinarEDUCAUSE ITACCESS September webinar
EDUCAUSE ITACCESS September webinarRaymond Rose
 
Schema.org Structured data the What, Why, & How
Schema.org Structured data the What, Why, & HowSchema.org Structured data the What, Why, & How
Schema.org Structured data the What, Why, & HowRichard Wallis
 
Progressively Enhancing WordPress Themes
Progressively Enhancing WordPress ThemesProgressively Enhancing WordPress Themes
Progressively Enhancing WordPress ThemesDigitally
 
WordPress Theme Selection Field Guide
WordPress Theme Selection Field GuideWordPress Theme Selection Field Guide
WordPress Theme Selection Field GuideGloria Antonelli
 
Selling Faster: Mobile Performance Tips for E-Commerce Websites
Selling Faster: Mobile Performance Tips for E-Commerce WebsitesSelling Faster: Mobile Performance Tips for E-Commerce Websites
Selling Faster: Mobile Performance Tips for E-Commerce WebsitesMobify
 
Going Mobile: Tips and Tricks for Mobile-Friendly Content
Going Mobile: Tips and Tricks for Mobile-Friendly ContentGoing Mobile: Tips and Tricks for Mobile-Friendly Content
Going Mobile: Tips and Tricks for Mobile-Friendly ContentLacey Kruger
 
Skills needed-for-a-job-in-accessibility
Skills needed-for-a-job-in-accessibilitySkills needed-for-a-job-in-accessibility
Skills needed-for-a-job-in-accessibilityelianna james
 
How to Become a Data Scientist – By Ryan Orban, VP of Operations and Expansio...
How to Become a Data Scientist – By Ryan Orban, VP of Operations and Expansio...How to Become a Data Scientist – By Ryan Orban, VP of Operations and Expansio...
How to Become a Data Scientist – By Ryan Orban, VP of Operations and Expansio...Galvanize
 
From Monoliths to Services: Paying Your Technical Debt
From Monoliths to Services: Paying Your Technical DebtFrom Monoliths to Services: Paying Your Technical Debt
From Monoliths to Services: Paying Your Technical DebtTechWell
 
Structuring Serendipitous Collaboration - Nick Inglis at Collab365 Conference
Structuring Serendipitous Collaboration - Nick Inglis at Collab365 ConferenceStructuring Serendipitous Collaboration - Nick Inglis at Collab365 Conference
Structuring Serendipitous Collaboration - Nick Inglis at Collab365 ConferenceNick Inglis
 
Google's Search Signals For Page Experience - SMX Advanced 2021 Patrick Stox
Google's Search Signals For Page Experience - SMX Advanced 2021 Patrick StoxGoogle's Search Signals For Page Experience - SMX Advanced 2021 Patrick Stox
Google's Search Signals For Page Experience - SMX Advanced 2021 Patrick StoxAhrefs
 
Graduate Induction - Harrietville 2010
Graduate Induction - Harrietville 2010Graduate Induction - Harrietville 2010
Graduate Induction - Harrietville 2010mackas
 
SEO and Social Media
SEO and Social MediaSEO and Social Media
SEO and Social MediaChris Carrel
 
Selfish accessibility: 2015 Buffalo Unconference
Selfish accessibility: 2015 Buffalo UnconferenceSelfish accessibility: 2015 Buffalo Unconference
Selfish accessibility: 2015 Buffalo UnconferenceAdrian Roselli
 
Lecture the dynamic web (2013)
Lecture   the dynamic web (2013)Lecture   the dynamic web (2013)
Lecture the dynamic web (2013)Dave Wallace
 
Page Experience Update TMC June 2021 Patrick Stox
Page Experience Update TMC June 2021 Patrick StoxPage Experience Update TMC June 2021 Patrick Stox
Page Experience Update TMC June 2021 Patrick Stoxpatrickstox
 
Minimum Viable Web workshop
Minimum Viable Web workshopMinimum Viable Web workshop
Minimum Viable Web workshopKristofer Layon
 

Similar a Siteimprove Accessibility HighEdWeb2013 (20)

Windycityrails page performance
Windycityrails page performanceWindycityrails page performance
Windycityrails page performance
 
The Digital Teacher
The Digital TeacherThe Digital Teacher
The Digital Teacher
 
Content Marketing Strategy
Content Marketing StrategyContent Marketing Strategy
Content Marketing Strategy
 
EDUCAUSE ITACCESS September webinar
EDUCAUSE ITACCESS September webinarEDUCAUSE ITACCESS September webinar
EDUCAUSE ITACCESS September webinar
 
Schema.org Structured data the What, Why, & How
Schema.org Structured data the What, Why, & HowSchema.org Structured data the What, Why, & How
Schema.org Structured data the What, Why, & How
 
Progressively Enhancing WordPress Themes
Progressively Enhancing WordPress ThemesProgressively Enhancing WordPress Themes
Progressively Enhancing WordPress Themes
 
WordPress Theme Selection Field Guide
WordPress Theme Selection Field GuideWordPress Theme Selection Field Guide
WordPress Theme Selection Field Guide
 
Selling Faster: Mobile Performance Tips for E-Commerce Websites
Selling Faster: Mobile Performance Tips for E-Commerce WebsitesSelling Faster: Mobile Performance Tips for E-Commerce Websites
Selling Faster: Mobile Performance Tips for E-Commerce Websites
 
Going Mobile: Tips and Tricks for Mobile-Friendly Content
Going Mobile: Tips and Tricks for Mobile-Friendly ContentGoing Mobile: Tips and Tricks for Mobile-Friendly Content
Going Mobile: Tips and Tricks for Mobile-Friendly Content
 
Skills needed-for-a-job-in-accessibility
Skills needed-for-a-job-in-accessibilitySkills needed-for-a-job-in-accessibility
Skills needed-for-a-job-in-accessibility
 
How to Become a Data Scientist – By Ryan Orban, VP of Operations and Expansio...
How to Become a Data Scientist – By Ryan Orban, VP of Operations and Expansio...How to Become a Data Scientist – By Ryan Orban, VP of Operations and Expansio...
How to Become a Data Scientist – By Ryan Orban, VP of Operations and Expansio...
 
From Monoliths to Services: Paying Your Technical Debt
From Monoliths to Services: Paying Your Technical DebtFrom Monoliths to Services: Paying Your Technical Debt
From Monoliths to Services: Paying Your Technical Debt
 
Structuring Serendipitous Collaboration - Nick Inglis at Collab365 Conference
Structuring Serendipitous Collaboration - Nick Inglis at Collab365 ConferenceStructuring Serendipitous Collaboration - Nick Inglis at Collab365 Conference
Structuring Serendipitous Collaboration - Nick Inglis at Collab365 Conference
 
Google's Search Signals For Page Experience - SMX Advanced 2021 Patrick Stox
Google's Search Signals For Page Experience - SMX Advanced 2021 Patrick StoxGoogle's Search Signals For Page Experience - SMX Advanced 2021 Patrick Stox
Google's Search Signals For Page Experience - SMX Advanced 2021 Patrick Stox
 
Graduate Induction - Harrietville 2010
Graduate Induction - Harrietville 2010Graduate Induction - Harrietville 2010
Graduate Induction - Harrietville 2010
 
SEO and Social Media
SEO and Social MediaSEO and Social Media
SEO and Social Media
 
Selfish accessibility: 2015 Buffalo Unconference
Selfish accessibility: 2015 Buffalo UnconferenceSelfish accessibility: 2015 Buffalo Unconference
Selfish accessibility: 2015 Buffalo Unconference
 
Lecture the dynamic web (2013)
Lecture   the dynamic web (2013)Lecture   the dynamic web (2013)
Lecture the dynamic web (2013)
 
Page Experience Update TMC June 2021 Patrick Stox
Page Experience Update TMC June 2021 Patrick StoxPage Experience Update TMC June 2021 Patrick Stox
Page Experience Update TMC June 2021 Patrick Stox
 
Minimum Viable Web workshop
Minimum Viable Web workshopMinimum Viable Web workshop
Minimum Viable Web workshop
 

Último

Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfDr Vijay Vishwakarma
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...ZurliaSoop
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxmarlenawright1
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxannathomasp01
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - Englishneillewis46
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxPooja Bhuva
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxDr. Ravikiran H M Gowda
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentationcamerronhm
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17Celine George
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSCeline George
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...Nguyen Thanh Tu Collection
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jisc
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxRamakrishna Reddy Bijjam
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxEsquimalt MFRC
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...pradhanghanshyam7136
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxAreebaZafar22
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Pooja Bhuva
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsKarakKing
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptxMaritesTamaniVerdade
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.MaryamAhmad92
 

Último (20)

Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 

Siteimprove Accessibility HighEdWeb2013

  • 1. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Kevin Rydberg Senior eAccessibility Consultant, Siteimprove, Inc. Keith Bundy Assistant Dean for Student Development, Dakota State University Kevin Rydberg Senior eAccessibility Consultant Siteimprove, Inc. Minneapolis, MN kry@siteimprove.com @rydbergk Keith Bundy Assistant Dean Student Development/ ADA Coordinator Dakota State University Madison, SD keith.bundy@dsu.edu Tuesday, October 8, 13
  • 2. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Tuesday, October 8, 13
  • 3. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Tuesday, October 8, 13
  • 4. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Tuesday, October 8, 13
  • 5. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Tuesday, October 8, 13
  • 6. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 What is the most popular and widely used assistive device ever created? h"p://www.slideserve.com/jennelle/dhs-­‐s-­‐department-­‐wide-­‐governance-­‐of-­‐508-­‐compliance Tuesday, October 8, 13
  • 7. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 What is the most popular and widely used assistive device ever created? Glasses! (and contact lenses) h"p://artprimo.com/forums/trailer_park_boys-­‐t1217.html h"p://www.slideserve.com/jennelle/dhs-­‐s-­‐department-­‐wide-­‐governance-­‐of-­‐508-­‐compliance Tuesday, October 8, 13
  • 8. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Kevin Rydberg • Senior eAccessibility Consultant, Siteimprove, Inc. • Web Strategist, E-Communications, Dakota State University • Web Communications Coordinator, Mayo Clinic • Over 12 years in Web design, development and consulting Tuesday, October 8, 13
  • 9. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Kevin Rydberg • Why Digital Accessibility? Tuesday, October 8, 13
  • 10. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Kevin Rydberg • Why Digital Accessibility? Accessibility is about people. Tuesday, October 8, 13
  • 11. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 We need to educate. Kevin Rydberg • Why Digital Accessibility? Tuesday, October 8, 13
  • 12. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 We need to offer solutions. Kevin Rydberg • Why Digital Accessibility? Tuesday, October 8, 13
  • 13. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Keith Bundy • Assistant Dean for Student Development • Dakota State University ADA Coordinator • Barrier Free Learning Committee Chair • Classroom instructor Tuesday, October 8, 13
  • 14. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Tuesday, October 8, 13
  • 15. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Keith Bundy • Assistant Dean for Student Development • Dakota State University ADA Coordinator • Barrier Free Learning Committee Chair • Classroom instructor Tuesday, October 8, 13
  • 16. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Keith’s site review • www.monstersuniversity.com h"p://monstersuniversity.com/edu/ Tuesday, October 8, 13
  • 17. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Web accessibility refers to “the practice of making websites usable by people of all abilities and disabilities.” http://en.wikipedia.org/wiki/Web_accessibility Tuesday, October 8, 13
  • 18. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Pareto Principle Tuesday, October 8, 13
  • 19. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 The Pareto principle (also known as the 80–20 rule) states that, for many events, roughly 80% of the effects come from 20% of the causes. http://www.nytimes.com/2008/03/03/business/03juran.html?_r=0 Pareto Principle 20%80% Tuesday, October 8, 13
  • 20. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Where do I start? Tuesday, October 8, 13
  • 21. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Know the rules • Know how to fix the problems • Your institution’s guidelines • Federal guidelines • Section 508 • WCAG 2.0 Tuesday, October 8, 13
  • 22. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Section 508 • US only • Goes beyond web accessibility • Based on WCAG 1.0 • Currently being reviewed for updated criteria • SSB BART GROUP • https://www.ssbbartgroup.com/blog/2013/01/23/section-508-refresh-timing-projections/ Tuesday, October 8, 13
  • 23. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 WCAG 2.0 • Created by WAI (Web Accessibility Initiative) of the W3C • Guidelines are grouped by priority, A, AA, AAA • WCAG 2.0 AA guidelines are a great place to start Tuesday, October 8, 13
  • 24. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://coding.smashingmagazine.com/2009/04/08/from-­‐table-­‐hell-­‐to-­‐div-­‐hell/ Where do I start? Semantic Markup • Mark up with tags that describe the type of content • Not for presentation, but structure • Many benefits to semantic markup Tuesday, October 8, 13
  • 25. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg Coding for accessibility sucks. Where do I start? Tuesday, October 8, 13
  • 26. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg There’s no such thing as a fully accessible website. Where do I start? Tuesday, October 8, 13
  • 27. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg Just because you have an (mostly) accessible site, doesn’t mean you have a usable site. Where do I start? Tuesday, October 8, 13
  • 28. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg Campus Disability Services • Find testers with disabilities • Alternative funding Where do I start? Tuesday, October 8, 13
  • 29. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg Low hanging fruit • Include files • CSS • Alt text • Define the language of the website • Skip links Where do I start? Tuesday, October 8, 13
  • 30. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg High traffic pages • Top-level pages • Portal pages • Landing pages Where do I start? Tuesday, October 8, 13
  • 31. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg “A” level errors first • Titles • Semantic mark up (h1-h6) • Alt tags • Decorative images Where do I start? Tuesday, October 8, 13
  • 32. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 “A” level errors first body { background:#999 url('/css/images/homepage-bg.png')repeat; } h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg Where do I start? <img src=”box-edge-bottom.jpg” alt=”“ /> Tuesday, October 8, 13
  • 33. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg Form elements • Labels • Descriptive titles • Tab order Where do I start? Tuesday, October 8, 13
  • 34. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg Redesign • Templates • Semantic markup • Clean CSS • Responsive sites Where do I start? Tuesday, October 8, 13
  • 35. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg Dev Server • Catch problems before they go live Where do I start? Tuesday, October 8, 13
  • 36. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg Role-based staff training • Non-technical Staff -- editors, managers • Developers • Designers Where do I start? Tuesday, October 8, 13
  • 37. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 h"p://blogs-­‐images.forbes.com/work-­‐in-­‐progress/files/2012/09/Strategy.jpg Let your CMS do the work • Set up custom toolbars • Enforce proper coding, headings, lists, alt tags • Your website is not a Word document! Where do I start? Tuesday, October 8, 13
  • 38. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 For Americans without disabilities, technology makes things easier. For Americans with disabilities, technology makes things possible. Mary Pat Radabaugh “Study on the Financing of Assistive Technology Devices & Services for Individuals with Disabilities” h"p://www.slideserve.com/jennelle/dhs-­‐s-­‐department-­‐wide-­‐governance-­‐of-­‐508-­‐compliance Tuesday, October 8, 13
  • 39. Getting Started With Accessibility siteimprove.com 1-855-SITEIMPROVE kry@siteimprove.com @rydbergk #a11y #heweb13 Questions? Thank You! Kevin Rydberg Senior eAccessibility Consultant Siteimprove, Inc. Minneapolis, MN kry@siteimprove.com @rydbergk Tuesday, October 8, 13