Listening Through Technology by Shelly Terrell.Jason R. Levine
ELT MOOC by Jason R. Levine on WiziQ.
This is a professional development massive Open Online Course in listening and pronunciation techniques.
MOOC team organisers:
Dr. Nellie Deutsch
Sylvia Guinan
We can all pretend that we're helping others by making web sites accessible, but we are really making the web better for our future selves. Learn some fundamentals of web accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We'll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This isn't intended to be a deep dive into ARIA, but more of an overall primer for those who aren't sure where to start nor how it helps them.
Listening Through Technology by Shelly Terrell.Jason R. Levine
ELT MOOC by Jason R. Levine on WiziQ.
This is a professional development massive Open Online Course in listening and pronunciation techniques.
MOOC team organisers:
Dr. Nellie Deutsch
Sylvia Guinan
We can all pretend that we're helping others by making web sites accessible, but we are really making the web better for our future selves. Learn some fundamentals of web accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We'll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This isn't intended to be a deep dive into ARIA, but more of an overall primer for those who aren't sure where to start nor how it helps them.
CMS 115: Creating Accessible MSU Web Content informs content managers best practices of web accessibility when creating content, defines web accessibility, and introduces our Accessibility Scanner built-into the CMS to assist your accessible content creation.
This course serves to fill content managers' Web Accessibility requirement at MSU. After March 1st, 2018, you must have taken this course and completed the quiz or you may not be able to create, edit or publish content on any MSU webpages.
Creating accessible information using Microsoft Word: hints and tips for ever...Jisc Scotland
Most people who work in colleges regardless of their role produce Word documents. They are used to create learning and teaching material, to produce information about services, to communicate information across the organisation.
There is a legal obligation for colleges to ensure that no-one is disadvantaged because of a disability, to anticipate the needs of people who might be accessing your information and your services and to make reasonable adjustments to accommodate their needs. One simple thing that everyone can do to meet these obligations is to ensure that the material that they create using Microsoft Office is created inclusively, doing so will ensure that it is accessible to a wide range of people who use assistive technologies or who have difficulty accessing text based information.
This presentation will highlight some simple ways to make your documents accessible using Word 2010 and how well designed Word documents can be converted into accessible PDFs.
Creating Simple Web Text for People with Intellectual Disabilities and to Tra...John Rochford
A study that shows significantly-improved comprehension, by people with intellectual disabilities, of Web text simplified with operationalized plain-language standards. This work has significant promise for training artificial intelligence how to create simplified text. Presented at the CSUN Assistive Technology Conference 2019.
This is a slideshow of 4 of my favorite Web 2.0 resources: Today's Meet, MindMeister, Prezi, Poll Everywhere, and Sumo Paint. For each tool, I explain what it is, why it's so great to use with students in the classroom, how to use it, and helpful tips and techniques.
What should you consider while writing content in terms of accessibility? In This talk I will give an overview how to write accessible content and give tips and hints how to use the block editor to create accessible content.
We can all pretend that we’re helping others by making web sites and software accessible, but we are really making them better for our future selves. Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We’ll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This isn’t intended to be a deep dive, but more of an overall primer for those who aren’t sure where to start nor how it helps them.
Prototyping Accessibility - WordCamp Europe 2018Adrian Roselli
Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We’ll review differing abilities, generate (minimal) user stories and personas, discuss best practices for design and development, prototype some ideas (on paper), and discuss where to get help. This isn’t intended to be a deep dive into technologies, but more of an overall primer for those who aren’t sure where to start with accessibility nor how it helps them.
Using Web 2.0 Tools inside Brightspace with an Eye on AccessibilityD2L
Learn about the use of free web applications inside Brightspace and find those that can be used effectively in an education environment. Discover at least four popular Web 2.0 tools that create significant accessibility barriers to students with disabilities, and about the techniques needed for creating alternative assignments or work-arounds for students who are unable to utilize inaccessible Web 2.0 tools.
Watch the webinar here: http://bit.ly/1McZHr2
D2L Webinar: Five More Quick Wins for Accessible Online CoursesD2L Barry
April 4, 2017 webinar for the Brightspace Teaching & Learning Community. Presenter, Barry Dahl of D2L.
Content includes:
1. Proper alt text insertion in various types of media
2. Proper use of headings in course content documents
3. Properly creating tables with the Brightspace html editor
4. Easy ways to create scripts and transcripts
5. Editing YouTube captions and the importance of phrasing.
Palestine last event orientationfvgnh .pptxRaedMohamed3
An EFL lesson about the current events in Palestine. It is intended to be for intermediate students who wish to increase their listening skills through a short lesson in power point.
Biological screening of herbal drugs: Introduction and Need for
Phyto-Pharmacological Screening, New Strategies for evaluating
Natural Products, In vitro evaluation techniques for Antioxidants, Antimicrobial and Anticancer drugs. In vivo evaluation techniques
for Anti-inflammatory, Antiulcer, Anticancer, Wound healing, Antidiabetic, Hepatoprotective, Cardio protective, Diuretics and
Antifertility, Toxicity studies as per OECD guidelines
More Related Content
Similar to CMS 210: Introduction to Web Accessibility
CMS 115: Creating Accessible MSU Web Content informs content managers best practices of web accessibility when creating content, defines web accessibility, and introduces our Accessibility Scanner built-into the CMS to assist your accessible content creation.
This course serves to fill content managers' Web Accessibility requirement at MSU. After March 1st, 2018, you must have taken this course and completed the quiz or you may not be able to create, edit or publish content on any MSU webpages.
Creating accessible information using Microsoft Word: hints and tips for ever...Jisc Scotland
Most people who work in colleges regardless of their role produce Word documents. They are used to create learning and teaching material, to produce information about services, to communicate information across the organisation.
There is a legal obligation for colleges to ensure that no-one is disadvantaged because of a disability, to anticipate the needs of people who might be accessing your information and your services and to make reasonable adjustments to accommodate their needs. One simple thing that everyone can do to meet these obligations is to ensure that the material that they create using Microsoft Office is created inclusively, doing so will ensure that it is accessible to a wide range of people who use assistive technologies or who have difficulty accessing text based information.
This presentation will highlight some simple ways to make your documents accessible using Word 2010 and how well designed Word documents can be converted into accessible PDFs.
Creating Simple Web Text for People with Intellectual Disabilities and to Tra...John Rochford
A study that shows significantly-improved comprehension, by people with intellectual disabilities, of Web text simplified with operationalized plain-language standards. This work has significant promise for training artificial intelligence how to create simplified text. Presented at the CSUN Assistive Technology Conference 2019.
This is a slideshow of 4 of my favorite Web 2.0 resources: Today's Meet, MindMeister, Prezi, Poll Everywhere, and Sumo Paint. For each tool, I explain what it is, why it's so great to use with students in the classroom, how to use it, and helpful tips and techniques.
What should you consider while writing content in terms of accessibility? In This talk I will give an overview how to write accessible content and give tips and hints how to use the block editor to create accessible content.
We can all pretend that we’re helping others by making web sites and software accessible, but we are really making them better for our future selves. Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We’ll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This isn’t intended to be a deep dive, but more of an overall primer for those who aren’t sure where to start nor how it helps them.
Prototyping Accessibility - WordCamp Europe 2018Adrian Roselli
Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We’ll review differing abilities, generate (minimal) user stories and personas, discuss best practices for design and development, prototype some ideas (on paper), and discuss where to get help. This isn’t intended to be a deep dive into technologies, but more of an overall primer for those who aren’t sure where to start with accessibility nor how it helps them.
Using Web 2.0 Tools inside Brightspace with an Eye on AccessibilityD2L
Learn about the use of free web applications inside Brightspace and find those that can be used effectively in an education environment. Discover at least four popular Web 2.0 tools that create significant accessibility barriers to students with disabilities, and about the techniques needed for creating alternative assignments or work-arounds for students who are unable to utilize inaccessible Web 2.0 tools.
Watch the webinar here: http://bit.ly/1McZHr2
D2L Webinar: Five More Quick Wins for Accessible Online CoursesD2L Barry
April 4, 2017 webinar for the Brightspace Teaching & Learning Community. Presenter, Barry Dahl of D2L.
Content includes:
1. Proper alt text insertion in various types of media
2. Proper use of headings in course content documents
3. Properly creating tables with the Brightspace html editor
4. Easy ways to create scripts and transcripts
5. Editing YouTube captions and the importance of phrasing.
Similar to CMS 210: Introduction to Web Accessibility (20)
Palestine last event orientationfvgnh .pptxRaedMohamed3
An EFL lesson about the current events in Palestine. It is intended to be for intermediate students who wish to increase their listening skills through a short lesson in power point.
Biological screening of herbal drugs: Introduction and Need for
Phyto-Pharmacological Screening, New Strategies for evaluating
Natural Products, In vitro evaluation techniques for Antioxidants, Antimicrobial and Anticancer drugs. In vivo evaluation techniques
for Anti-inflammatory, Antiulcer, Anticancer, Wound healing, Antidiabetic, Hepatoprotective, Cardio protective, Diuretics and
Antifertility, Toxicity studies as per OECD guidelines
Macroeconomics- Movie Location
This will be used as part of your Personal Professional Portfolio once graded.
Objective:
Prepare a presentation or a paper using research, basic comparative analysis, data organization and application of economic information. You will make an informed assessment of an economic climate outside of the United States to accomplish an entertainment industry objective.
Model Attribute Check Company Auto PropertyCeline George
In Odoo, the multi-company feature allows you to manage multiple companies within a single Odoo database instance. Each company can have its own configurations while still sharing common resources such as products, customers, and suppliers.
Introduction to AI for Nonprofits with Tapp NetworkTechSoup
Dive into the world of AI! Experts Jon Hill and Tareq Monaur will guide you through AI's role in enhancing nonprofit websites and basic marketing strategies, making it easy to understand and apply.
Instructions for Submissions thorugh G- Classroom.pptxJheel Barad
This presentation provides a briefing on how to upload submissions and documents in Google Classroom. It was prepared as part of an orientation for new Sainik School in-service teacher trainees. As a training officer, my goal is to ensure that you are comfortable and proficient with this essential tool for managing assignments and fostering student engagement.
How to Make a Field invisible in Odoo 17Celine George
It is possible to hide or invisible some fields in odoo. Commonly using “invisible” attribute in the field definition to invisible the fields. This slide will show how to make a field invisible in odoo 17.
6. • Addresses the larger issues of usability by
making things easier for everyone.
– Reduce fatigue
– Increase speed
– Decrease errors
– Decrease learning time
– Etc.
Source: UsabilityFirst
7. To think about
• 8.5% of the population has a disability that
affects computer use.
– Excluding cognitive/learning disabilities, color
blindness, etc.
8. • How could not having access to the internet
have a negative impact on lives?
9. Experiences of students
with disabilities
The students in the following video
share some of their experiences with
the web and accessibility.
Youtube
11. Categories of disabilities (WebAim)
• Visual
– Blindness, low vision, color-blindness
• Hearing
– Deafness and hard-of-hearing
• Motor
– No mouse, slow response time, limited fine motor
control
• Cognitive
– Learning disabilities, distractibility, inability to
remember or focus on large amounts of information
12. Assistive Technologies and the Web
Disability Assistive Technologies
Blindness • Screen readers
• Refreshable Braille devices
Low Vision • Screen enlargers
• Screen readers
Color Blindness • Color enhancement overlays or glasses
Deafness • Captions
• Transcripts
Motor/Mobility Disabilities • Alternative keyboards/input devices
• Eye gaze tracking
• Voice Activation
Cognitive Disabilities • Screen readers
• Screen overlays
• Augmentative communication aids
13. What are screen readers?
“Screen readers are audio interfaces. Rather
than displaying web content visually for users in
a "window" or screen on the monitor, screen
readers convert text into synthesized speech so
that users can listen to the content.”
WebAIM
14. Mac OSX VoiceOver Demo
Demo of UCSR Student Affairs
homepage.
Youtube
23. • Completely blind people cannot see any
colors.
• People with low vision may be able to see
some or most colors but they may be difficult
to distinguish.
• People with color-blindness
– May be able to see most colors just fine.
– May not be able to distinguish certain
combinations of colors, such as reds and greens.
28. Moral of the story
• Don't rely on color alone to convey meaning.
29. Example
Bad Example Good Example
Important: Midterms are due
on my desk by 5pm Thursday
February 26, 2017.
Midterms are due on my desk
by 5pm Thursday February 26,
2017.
33. • Highest contrast is white against black or black
against white.
– Favor high-contrast web designs.
• Many people invert or switch to high-contrast
color schemes in their browsers.
38. Closed captioning
• If you are deaf you won't be able to hear what
people are saying or what is going on.
• Fortunately, you can add video closed
captioning.
39. • Watch out for YouTube’s auto-captioning.
• Enter your own captions on YouTube.
Source: PEATWorks
40. Closed Caption Example
If captions are not already turned on in
your browser, you may need to click on
the "CC" (Closed Caption) icon after
the video starts to see the captions.
Youtube
41. Transcripts
• The only way to make video or audio content
accessible to someone who is both deaf and
blind is via a video transcript.
• If you already have captions use them to start
building your transcript.
42. Video Transcript Example:
[Skiing guide (Jeff) calling out as he skis down the hill with a blind skier following him]: Turn a left!
Turn a right!
Turn a left!
Turn a right!
Turn a left!
Turn a right!
[Blind Skier (Erik Weihenmayer)]: I think in a blind person's daily life they don't get speed
and that's what I think the most exciting part of skiing is when you're blind
is that you're really moving fast
When you're blind, you're reacting to what you're feeling under your feet
So you're literally reacting instantaneously
It's very exciting
or terrifying
depending on how you look at life
[Music begins; Jeff and Erik skiing down the hill]
[Jeff]: Turn a left!
Turn a right!
Turn a left!
Turn a right!
43. • If you must choose between captions and
transcripts do transcripts.
• A transcript can be:
– Read by a screen reader.
– Converted into Braille, to be read on a refreshable
Braille output device.
– Translated into other languages.
45. • When trying to find information on a lengthy
web page, what are you most likely to do first?
– Use “Find”
– Use Headings
– Read the page
– Etc.
46. • Over 65% of people using assistive
technologies use headings!
• Screen reader users must listen to web
content and can't just glance at a page.
47. • Headings create a natural nesting of content
on a web page.
• Heading 2
– Heading 3
• Heading 2
– Heading 3
• Heading 4
– Heading 3
48. • Heading 1 is reserved for the page title.
– Use 2, 3, 4, 5, 6.
• Do not fake a heading, make a heading!
49. Examples
Bad Example
Manually Bolded Text:
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Manually Bolded Text:
Donec sem nisi, condimentum id
lorem accumsan, imperdiet.
Manually Bolded Text:
Fusce at nisi pellentesque, lobortis
sapien sed, vehicula ipsum.
Manually Bolded Text:
Maecenas in nulla sit amet nunc
cursus pulvinar et.
Good Example
Heading 2
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Heading 3
Donec sem nisi, condimentum id lorem
accumsan, imperdiet.
Heading 2
Fusce at nisi pellentesque, lobortis
sapien sed, vehicula ipsum.
Heading 3
Maecenas in nulla sit amet nunc cursus
pulvinar et.
51. • Before clicking on a link, do you know where it
will take you?
– Make sure that the link text accurately describes
the destination or purpose of the link.
• Many screen reader users will use the [ Tab ]
key to go through and read the links on the
page out of context.
52. Example (sighted person)
Data from the prototype, which bears a
logo Bozeman second-graders designed, is being
transmitted to MSU on a weekly basis, allowing
LaMeres and his team to measure the
computer's performance. The prototype will
return to MSU for final analysis after six months
of being tested on the ISS. More information can
be found here.
53. Example (screen reader)
Data from the prototype, which bears a
logo Bozeman second-graders designed, is being
transmitted to MSU on a weekly basis, allowing
LaMeres and his team to measure the
computer's performance. The prototype will
return to MSU for final analysis after six months
of being tested on the ISS. More information can
be found here.
54. • That was not very helpful. Let’s try some
alternative content and link text!
55. “Fixed” Example (sighted person)
Data from the prototype, which bears a
logo Bozeman second-graders designed, is being
transmitted to MSU on a weekly basis, allowing
LaMeres and his team to measure the
computer's performance. The prototype will
return to MSU for final analysis after six months
of being tested on the ISS. Read more on
LaMeres and the ISS tests.
56. “Fixed” Example (screen reader)
Data from the prototype, which bears a
logo Bozeman second-graders designed, is being
transmitted to MSU on a weekly basis, allowing
LaMeres and his team to measure the
computer's performance. The prototype will
return to MSU for final analysis after six months
of being tested on the ISS. Read more on
LaMeres and the ISS tests.
58. • Blind users can't see a table’s visual
organization.
• Without using header cells and data cells
screen readers will just read the content of a
data cell without adding any context.
59. Moral of the story
• Building accessible tables is complicated.
• Use the available table snippets!
60. Example
Exam 1 Midterm Exam 3 Final
John 79 98 92 84
Jane 87 85 81 75
Mary 56 76 82 91
Henry 33 32 33 39
Spring 2017 Exam Scores
61. • This is how a screen reader would read the
previous example:
– With proper header markup:
• “John, Exam 1 79, Midterm 98, Exam 3
92, Final 84…”
– Without proper header markup:
• “John 79, 98, 92, 84…”
63. Tagged PDF
• PDFs are far more accessible than MS Office
docs such as Word and PowerPoint.
• Add markup to PDF files in much the same
way that you add markup to HTML files.
– Use Adobe Acrobat Pro.
• Mark text as headings, paragraphs, lists,
tables, and other semantic elements, etc.
64. • It is a lot of work to make a PDF accessible.
65. Remember
• Web pages are infinitely more accessible and
you already know how to make one!
– PDF could be a download link on the page.
66. • More Information on PDFs:
– Accessibility and PDFs (Adobe)
– WebAIM cheatsheets
– Rich Media Accessibility
68. Testing
• The Web Accessibility Evaluation Tool (WAVE)
can help audit a site after an initial
development pass is complete.
• Try using the site with a screen reader and the
monitor turned off.
69. Accessibility Principles
According to the WCAG 2.0, web content must
be the following in order to be accessible:
• Perceivable
• Operable
• Understandable
• Robust
70. • Perceptible, but
also
comprehensible
content.
• Compatible
across multiple
platforms
• Mouse,
keyboard, and
other input
devices.
• Some users rely
on hearing or
touch.
Perceivable Operable
UnderstandableRobust
71. The Web Accessibility Initiative
• The World Wide Web Consortium, or W3C, is
the group that manages the technical
specifications for HTML, XML, and other web
technologies.
• In 1996, the W3C formed the Web
Accessibility Initiative (WAI) to create
technical guidelines for making web content
more accessible to people with disabilities.
72. Legal Requirements and Laws
• The Americans with Disabilities Act (ADA)
– Language regarding "places of public
accommodation."
• Section 508 of the Rehabilitation Act
– 1194.21 — Software applications and operating
systems.
– 1194.22 — Web-based intranet and internet
information and applications.
• 21st Century Communications and Video
Accessibility Act (CVAA).
73. Takeaways
• Write sensible image descriptions.
• Do not fake a heading, make a heading.
• Use headings in order 2, 3, 4, etc..
• Make link text that makes
sense when read alone.
74. Thank you
• Be sure to check out our Web Accessibility
Help docs.
Try for yourselves: When you get back to your
desks try using your website with a screen
reader and the monitor turned off.