![Page 1: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/1.jpg)
OmniUpdate Training TuesdayFixes for a More Accessible Site!
Presented by: Rich Paul
Sales Engineer
WebEx Event # 806 548 858
Audio will be heard on your computer speakers.
If you do not have working computer speakers, call 1-408-792-6300.
Enter event number and attendee ID or press # if no attendee ID.
Webcast will start at the top of the hour.
![Page 2: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/2.jpg)
Agenda
• Why Accessibility?
• What is Accessibility?
• Rules / Guidelines
• Who is responsible for website Accessibility?
• Examples of some common issues
• Features in OU Campus that help
![Page 3: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/3.jpg)
Why Accessibility?
• The inventors of the web believed that access to information is a basic human right
• Don’t want to limit potential students
• Avoid frustration of website visitors
– Even those without disabilities
• Search Engine Optimization (SEO)
• Potential legal ramifications. Several of our schools are currently dealing with this
![Page 4: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/4.jpg)
What is Accessibility?
• Web accessibility helps people with disability use the web, allowing them to navigate, interact, and understand websites.
– Visual
– Hearing
– Physical
– Cognitive
– Speech related
– And more
![Page 5: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/5.jpg)
Rules / Guidelines
• Section 508
• WCAG 1.0 and 2.0 (Levels A through AAA)
• Stanca Act
– Known problems, likely and potential problems
![Page 6: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/6.jpg)
• How do we know what is important to people with disabilities?
• Training and education
• Include people with disabilities in your discovery phase of
design
How do we design for accessibility?
![Page 7: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/7.jpg)
Who is responsible for website
Accessibility?
• Designers?
• Developers?
• Content editors?
• All of the above
![Page 8: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/8.jpg)
• All functions of the site should be able to be
performed via the keyboard
Design and Development
![Page 9: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/9.jpg)
• Test the flow of tabbing through your website’s interface.
Try navigating your website without using your mouse
Design and Development
![Page 10: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/10.jpg)
Design and Development
• Always imagine how your site will work with someone
using a screen magnifier
• Display messages near
elements that trigger
them
![Page 11: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/11.jpg)
Design and Development
• Visual elements
should always
have a text
representation
![Page 12: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/12.jpg)
Design and Development
• Use text only services to see how your site looks
without graphics. A couple we’ve used are
• http://assistive.usablenet.com/tt/
• https://www.textise.net/
![Page 13: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/13.jpg)
Design and Development
• Test out your designs with screen readers, and other
tools used by people with disabilities
– NVDA (Non Visual Desktop Access) is a free screen reader
– If you’re a Mac user, check out Voiceover
![Page 14: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/14.jpg)
A fun test
• Turn off JavaScript in your browser and see what
happens to your site
![Page 15: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/15.jpg)
Design and Development
• Forms
– Tab Order
![Page 16: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/16.jpg)
Design and Development
• Forms
– Errors and
warnings
![Page 17: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/17.jpg)
Design and Development
• Forms
• Placeholder text
![Page 18: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/18.jpg)
Design and Development
• Forms
– Placeholder text
![Page 19: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/19.jpg)
Design and Development
• Forms
– Placeholder text
– Always include a text label and instructions, outside of the
form field
![Page 20: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/20.jpg)
Design and Development
• Forms
– The Auto Advancing Form
805 484
![Page 21: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/21.jpg)
Design and Development
• Headings (H1, H2, etc.)
– Organize the sections of
content on the page
![Page 22: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/22.jpg)
Design and Development
• Headings (H1, H2, etc.)
– Must be nested properly
![Page 23: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/23.jpg)
– Designers
– Developers
![Page 24: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/24.jpg)
Content Editors
– Create content that is appropriate for everyone
– Include content that is targeted specifically at people with
disabilities
– Have a plan
![Page 25: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/25.jpg)
Content Editors
• Check the page for accessibility every time you update
the page
• But how?
• OU Campus has built in accessibility checkers!
![Page 26: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/26.jpg)
Let’s Look!
![Page 27: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/27.jpg)
OU Insights
• Checks your live site on a regular basis
• Generates reports and scoring of your site
• Integrates with OU Campus
![Page 28: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/28.jpg)
Next Steps
• Training and education for the entire team
• Designers, Developers and Content Editors all must
work together to maintain accessibility
![Page 29: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/29.jpg)
Something to think about
Doing the right thing
Is more important than doing the thing right
![Page 30: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/30.jpg)
Q&A
![Page 31: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/31.jpg)
Next Training Tuesday
Next Month’s Training Tuesday
will be held on March 28. Stay tuned for the announcement!
http://ocn.omniupdate.com
http://support.omniupdate.com/oucampus10
![Page 32: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/32.jpg)
OUTC17
Don’t miss our conference!
![Page 33: OmniUpdate Training Tuesday · •Search Engine Optimization (SEO) •Potential legal ramifications. Several of our schools are ... •Display messages near elements that trigger](https://reader036.vdocument.in/reader036/viewer/2022081614/5fc1775a94bfcd04474841d2/html5/thumbnails/33.jpg)
Thank You!