SlideShare uma empresa Scribd logo
1 de 16
Web Accessibility
APS Web Team: aps.edu/web-team/accessibility
January 2017
What is Accessibility?
• Website accessibility, a.k.a. Universal Design, aims to
make content available to as many users as possible,
including users with disabilities, older technology, slower
networks, and users of different age groups.
• This includes: simplifying content, maintaining structure
with headings and lists, adding alt text, using high
contrast colors, ensuring all content is readable and
coherent.
Why is accessibility important?
• Website Accessibility is federally required.
• APS must be in compliance with Section 508 of the
Workforce Rehabilitation Act and the Americans with
Disabilities Act.
• APS websites and content uploaded on the websites
(including documents) must be accessible.
Where do I get help?
• Nearly every institution has a web accessibility or
universal design expert.
• At APS, contact the Web Team for help at any time:
www.aps.edu/web-team/accessibility
• We have your back on this!
Who is affected?
Inaccessible web content affects 20% of our users:
• Older and younger generations
• Smaller screens
• Slow connections & computers
• Old technology
• Low literacy
• ESL
• Disabled
Assistive Technology
There are many accessible software & hardware
solutions for users:
• Screen readers
• Voice recognition software
• Captioning software
• Switches and pointer sticks
• Keyboard navigation
• Font magnification
Benefits of Accessibility
Everyone benefits when content is accessible:
• Federally required
• Socially responsible
• Increase web users
• Readable on variety of devices
• Search engine optimization (SEO)
Content Guidelines
• Use headings appropriately – do not skip heading levels
(users with screen readers use headings to navigate).
• Headings and labels are descriptive and unique.
• Bullet and numbered lists are used appropriately.
• Content is concise, and easy to read.
• Avoid jargon, acronyms unless audience is familiar.
Text
• Color is high contrast and is not only means used to
communicate information.
• Avoid all capitalized text.
• Standard, readable fonts are used.
• Use large font sizes.
Images & Alternative Text (alt text)
• All images need Alt Text, except for decorative images.
• Alt text provides context and meaning of image.
• Images of text should be avoided.
Media
• Audio files should have a text transcript.
• Video files should be closed captioned.
• Caption in YouTube, download the caption file (.srt) to
add to Facebook & Vimeo.
Links
• Link text should be meaningful. Avoid text like “click here” or
“read more”.
Example:
The Albuquerque Public Schools Foundation was established in
1995. Learn More...
The Albuquerque Public Schools Foundation was established in
1995.
• Meaningful links are scan-able and used for navigation.
Links continued
• Link text should be unique and descriptive.
• Links should open in same window.
• Identify file types: “file (pdf)”.
• Don’t use URL as link: “Google” is better than
“Google.com”.
• Use email address as link: “mary@aps.edu”.
Files
• Files should be accessible. Both Adobe Acrobat and
Microsoft Office have accessibility checkers.
• Accessible PDF’s have: headings, image alt text, tags,
recognizable text, established language.
• Accessible Word, PowerPoint, & Excel docs have:
headings, image alt text, high contrast colors, table
header rows, meaningful links.
Tables
Accessible tables have:
• Table Caption.
• Table Header Row.
• No empty or merged cells.
• Used only for data, not layout.
Thank you
• Thank you for helping us make APS websites and
documents compliant to federal accessibility standards.
• If you need help, please reach out to the Web Team:
www.aps.edu/web-team/get-help

Mais conteúdo relacionado

Mais procurados

Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
barbarac
 
Zen and the Art of Web-Site Evaluation
Zen and the Art of Web-Site EvaluationZen and the Art of Web-Site Evaluation
Zen and the Art of Web-Site Evaluation
Damian T. Gordon
 
Evaluating web resources spring2013rev
Evaluating web resources spring2013revEvaluating web resources spring2013rev
Evaluating web resources spring2013rev
Lynn Berard
 
Writing for the web I
Writing for the web IWriting for the web I
Writing for the web I
zbarnett
 
Accessibility issues with ebooks
Accessibility issues with ebooksAccessibility issues with ebooks
Accessibility issues with ebooks
Richard.Sapon-White
 
Redesigning a Website Using Information Architecture Principals
Redesigning a Website Using Information Architecture PrincipalsRedesigning a Website Using Information Architecture Principals
Redesigning a Website Using Information Architecture Principals
Jenny Emanuel
 

Mais procurados (20)

Internet, accessibility and word processing
Internet, accessibility and word processingInternet, accessibility and word processing
Internet, accessibility and word processing
 
Web Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityWeb Accessibility: A Shared Responsibility
Web Accessibility: A Shared Responsibility
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
Zen and the Art of Web-Site Evaluation
Zen and the Art of Web-Site EvaluationZen and the Art of Web-Site Evaluation
Zen and the Art of Web-Site Evaluation
 
Evaluating web resources spring2013rev
Evaluating web resources spring2013revEvaluating web resources spring2013rev
Evaluating web resources spring2013rev
 
Guideline on Daffodil International University (DIU) forum (User guideline)
Guideline on Daffodil International University (DIU) forum (User guideline)Guideline on Daffodil International University (DIU) forum (User guideline)
Guideline on Daffodil International University (DIU) forum (User guideline)
 
Accessible Information: Glasgow Kelvin College
Accessible Information: Glasgow Kelvin CollegeAccessible Information: Glasgow Kelvin College
Accessible Information: Glasgow Kelvin College
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
 
Familiarization with Web Tools
Familiarization with Web ToolsFamiliarization with Web Tools
Familiarization with Web Tools
 
Website Basics and Categories
Website Basics and CategoriesWebsite Basics and Categories
Website Basics and Categories
 
Intro to the Web v1
Intro to the Web v1Intro to the Web v1
Intro to the Web v1
 
Arpita kunnal
Arpita kunnalArpita kunnal
Arpita kunnal
 
11. introduction to internet
11. introduction to internet11. introduction to internet
11. introduction to internet
 
Introduction web tech
Introduction web techIntroduction web tech
Introduction web tech
 
Best practices for building usable & accessible Web content
Best practices for building usable  & accessible Web contentBest practices for building usable  & accessible Web content
Best practices for building usable & accessible Web content
 
Ala bibframe-camms-em-20130126
Ala bibframe-camms-em-20130126Ala bibframe-camms-em-20130126
Ala bibframe-camms-em-20130126
 
Writing for the web I
Writing for the web IWriting for the web I
Writing for the web I
 
Accessibility issues with ebooks
Accessibility issues with ebooksAccessibility issues with ebooks
Accessibility issues with ebooks
 
Redesigning a Website Using Information Architecture Principals
Redesigning a Website Using Information Architecture PrincipalsRedesigning a Website Using Information Architecture Principals
Redesigning a Website Using Information Architecture Principals
 

Semelhante a Web Accessibility

Etec 632 web design
Etec 632 web designEtec 632 web design
Etec 632 web design
ahalemano
 

Semelhante a Web Accessibility (20)

Web accessibility with Ametys CMS
Web accessibility with Ametys CMSWeb accessibility with Ametys CMS
Web accessibility with Ametys CMS
 
Keeping Your Website Accessible
Keeping Your Website AccessibleKeeping Your Website Accessible
Keeping Your Website Accessible
 
Scribe Academy™ presents - Web Accessibility for Town and Parish Councils by...
Scribe Academy™  presents - Web Accessibility for Town and Parish Councils by...Scribe Academy™  presents - Web Accessibility for Town and Parish Councils by...
Scribe Academy™ presents - Web Accessibility for Town and Parish Councils by...
 
A beautiful design can also be accessible
A beautiful design can also be accessibleA beautiful design can also be accessible
A beautiful design can also be accessible
 
Creating Inclusive Information
Creating Inclusive InformationCreating Inclusive Information
Creating Inclusive Information
 
Accessibility and Inclusion in OER
Accessibility and Inclusion in OERAccessibility and Inclusion in OER
Accessibility and Inclusion in OER
 
Web Accessibility Top 10 - LCC (1/2 day workshop, August 2013)
Web Accessibility Top 10 - LCC (1/2 day workshop, August 2013)Web Accessibility Top 10 - LCC (1/2 day workshop, August 2013)
Web Accessibility Top 10 - LCC (1/2 day workshop, August 2013)
 
Ud in-curriculum-4 accessu-2018 (howard-lydia combined-nn)
Ud in-curriculum-4 accessu-2018 (howard-lydia combined-nn)Ud in-curriculum-4 accessu-2018 (howard-lydia combined-nn)
Ud in-curriculum-4 accessu-2018 (howard-lydia combined-nn)
 
Accessibility for Online Course Content
Accessibility for Online Course ContentAccessibility for Online Course Content
Accessibility for Online Course Content
 
Web Accessibility and Design
Web Accessibility and DesignWeb Accessibility and Design
Web Accessibility and Design
 
Etec 632 web design
Etec 632 web designEtec 632 web design
Etec 632 web design
 
Accessible content
Accessible contentAccessible content
Accessible content
 
Kerscher "Accessibility in a Nutshell: What Every Publisher, Educator, and Li...
Kerscher "Accessibility in a Nutshell: What Every Publisher, Educator, and Li...Kerscher "Accessibility in a Nutshell: What Every Publisher, Educator, and Li...
Kerscher "Accessibility in a Nutshell: What Every Publisher, Educator, and Li...
 
Creating Digital Content
Creating Digital ContentCreating Digital Content
Creating Digital Content
 
Impact of-accessibility-on-technical-writing
Impact of-accessibility-on-technical-writingImpact of-accessibility-on-technical-writing
Impact of-accessibility-on-technical-writing
 
Accessibility in distance education (ASSC 2013)
Accessibility in distance education (ASSC 2013)Accessibility in distance education (ASSC 2013)
Accessibility in distance education (ASSC 2013)
 
Using Web 2.0 Tools inside Brightspace with an Eye on Accessibility
Using Web 2.0 Tools inside Brightspacewith an Eye on AccessibilityUsing Web 2.0 Tools inside Brightspacewith an Eye on Accessibility
Using Web 2.0 Tools inside Brightspace with an Eye on Accessibility
 
Standards-next: Content and Cognition
Standards-next: Content and CognitionStandards-next: Content and Cognition
Standards-next: Content and Cognition
 
With Accessibility in Mind
With Accessibility in MindWith Accessibility in Mind
With Accessibility in Mind
 
Empathy training & the accessible web experience
Empathy training & the accessible web experienceEmpathy training & the accessible web experience
Empathy training & the accessible web experience
 

Último

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
vu2urc
 

Último (20)

AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
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
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
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
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
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
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
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
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 

Web Accessibility

  • 1. Web Accessibility APS Web Team: aps.edu/web-team/accessibility January 2017
  • 2. What is Accessibility? • Website accessibility, a.k.a. Universal Design, aims to make content available to as many users as possible, including users with disabilities, older technology, slower networks, and users of different age groups. • This includes: simplifying content, maintaining structure with headings and lists, adding alt text, using high contrast colors, ensuring all content is readable and coherent.
  • 3. Why is accessibility important? • Website Accessibility is federally required. • APS must be in compliance with Section 508 of the Workforce Rehabilitation Act and the Americans with Disabilities Act. • APS websites and content uploaded on the websites (including documents) must be accessible.
  • 4. Where do I get help? • Nearly every institution has a web accessibility or universal design expert. • At APS, contact the Web Team for help at any time: www.aps.edu/web-team/accessibility • We have your back on this!
  • 5. Who is affected? Inaccessible web content affects 20% of our users: • Older and younger generations • Smaller screens • Slow connections & computers • Old technology • Low literacy • ESL • Disabled
  • 6. Assistive Technology There are many accessible software & hardware solutions for users: • Screen readers • Voice recognition software • Captioning software • Switches and pointer sticks • Keyboard navigation • Font magnification
  • 7. Benefits of Accessibility Everyone benefits when content is accessible: • Federally required • Socially responsible • Increase web users • Readable on variety of devices • Search engine optimization (SEO)
  • 8. Content Guidelines • Use headings appropriately – do not skip heading levels (users with screen readers use headings to navigate). • Headings and labels are descriptive and unique. • Bullet and numbered lists are used appropriately. • Content is concise, and easy to read. • Avoid jargon, acronyms unless audience is familiar.
  • 9. Text • Color is high contrast and is not only means used to communicate information. • Avoid all capitalized text. • Standard, readable fonts are used. • Use large font sizes.
  • 10. Images & Alternative Text (alt text) • All images need Alt Text, except for decorative images. • Alt text provides context and meaning of image. • Images of text should be avoided.
  • 11. Media • Audio files should have a text transcript. • Video files should be closed captioned. • Caption in YouTube, download the caption file (.srt) to add to Facebook & Vimeo.
  • 12. Links • Link text should be meaningful. Avoid text like “click here” or “read more”. Example: The Albuquerque Public Schools Foundation was established in 1995. Learn More... The Albuquerque Public Schools Foundation was established in 1995. • Meaningful links are scan-able and used for navigation.
  • 13. Links continued • Link text should be unique and descriptive. • Links should open in same window. • Identify file types: “file (pdf)”. • Don’t use URL as link: “Google” is better than “Google.com”. • Use email address as link: “mary@aps.edu”.
  • 14. Files • Files should be accessible. Both Adobe Acrobat and Microsoft Office have accessibility checkers. • Accessible PDF’s have: headings, image alt text, tags, recognizable text, established language. • Accessible Word, PowerPoint, & Excel docs have: headings, image alt text, high contrast colors, table header rows, meaningful links.
  • 15. Tables Accessible tables have: • Table Caption. • Table Header Row. • No empty or merged cells. • Used only for data, not layout.
  • 16. Thank you • Thank you for helping us make APS websites and documents compliant to federal accessibility standards. • If you need help, please reach out to the Web Team: www.aps.edu/web-team/get-help

Notas do Editor

  1. Partial list of AT devices
  2. User may be using Computer’s built in features instead