Icaweb402 a jenninecarlin

A presentation by
Jennine Carlin
Part A: - Identify Accessibility Standards
In this section we will :
Identify any legislative or industry standards that may influence accessibility in a web
context
List some specific user groups and describe some of their accessibility requirements
Show example checklists, which could be used with web-related work
Further discuss accessibility standards
Legislative and Industry Standards
 We have a moral obligation to make our websites accessible to as many people with
disabilities as we can. We also have a legal obligation. Disabilities include visual, auditory,
physical, speech, cognitive, language, learning, and neurological.
 In a moral sense, we already provide disabled access to the disabled in numerous capacities,
like stairs, toilets, public buildings, so we should aim to provide them with appropriate
access to websites.
 Legally, there are a number of legislative and industry standards that we should aim to
follow to make the same commitment of access to websites for the disabled. They are
becoming more prominent with further advances in technology. For example :
 In December 2010, the BSI launched the first British standard to address web accessibility
and the challenge of digital inclusion. The standard includes recommendations for :
• involving disabled people in the development process and using automated tools to
assist with accessibility testing, and
• The management of the guidance and process for upholding existing accessibility
guidelines and specifications.
The Australian Government has endorsed the Web Content Accessibility Guidelines
(WCAG) version 2.0 for all government websites, and the principles of these are :
Perceivable
Operable
Understandable
Robust
Under the Disability Discrimination Act 1992 agencies must ensure that people with disabilities
have the same fundamental rights to access information and services as others in the community.
In 2008, the Australian Government ratified the UN Convention on the Rights of Persons with
Disabilities (UNCRPD), which specifically recognises that access to information, communications and
services, including the internet, is a human right.
Disabilities and their accessibility requirements
 Colour Blindness / Blindness
To overcome difficulties if a user has colour blindness, one solution may be to design in black and
white, and only use colour for emphasis. If you use a style sheet to control the colour of text, this
allows a user to substitute his or her own specially tailored style sheet instead of yours.
People that have complete blindness often use a screen reader, which is a device that plugs into
their computer and will speak the words that are on the screen, and there are also screen readers
that output the screen text into Braille.
One major technique used to cater for blindness is to use the ALT=”” attribute for images and
media, so that the text within the ALT attribute can be read to the user that cannot see the image.
The optimal solution when there is no text to assign to the ALT attribute would be to leave it
blank, and therefore the screen reader will skip past this image.
Tables are also difficult for blind people/screen readers to negotiate. By using the “TABLE
SUMMARY=” attribute, you can specify the definition, or summarise what the table contains.
Deafness :
Particularly prevalent in a learning environment, where audio/visual methods are used to supplement
teaching. One way around a hearing-impaired audience would be to use captions, that appear on the
screen while the audio is playing.
Another option is to use (Synchronized Accessible Media Interchange), where the the media player is
embedded in the web page while the captions are shown in a separate window.
Another way to produce captions is to use SMIL (pronounced "smile") which stands
for Synchronized Multimedia Integration Language. SMIL is a tag-based language, similar to HTML. It is
actually based on XML , and it allows you to synchronise a movie track, playing through a multimedia
player (Quicktime or Windows Media Playe or Real Media Playe) with a set of captions that appear in
a separate window on the web page
Dyslexia :
Animated graphics can prove a particular problem to those with Dyslexia as they distract
the user and reduce concentration on the important aspects of the site, particularly text.
To assist such people, you should either avoid the use of animated graphics, or if you can't
do that, allow users to turn off animation via your browser settings.
Cognitive Disabilities :
People that suffer from cognitive disabilities ( mental retardation ) may have difficulty
understanding or comprehending text on a website. This is particularly evident when a
website uses abstract concepts, a complex design, and lots of illustration and images.
Consistent and plain navigation, simple page design and instructions on how to use the
website will enable them to understand the website easier.
Example Checklists
Auditory / Visual Impairment Checklist
Provide alternatives to auditory and visual
content, by :
 Provide a text equivalent for every non-text
element
 Provide an auditory equivalent to any
important visual concept of the website for
visually impaired users
 Provide a visual equivalent to any auditory
aspect of the website for hearing impaired
users
 For any time-based multi-media presentation,
synchronize alternatives ( i.e. captions,
auditory descriptions of the visual track ) with
the presentation
 Ensure all information conveyed in colour is
also available without colour
Mental / Cognitive disability Checklist
Provide clear navigation mechanisms, by
 Describe the purpose of frames, and how
frames relate to each other if it is not obvious
from frame titles alone
 Clearly identify the target of each link
 Provide metadata to add semantic information
for each page or link
 Use navigation systems in a clear and concise
manner
 Place distinguishing information at the
beginning of each heading, paragraph, list
 Provide site layout information by means of a
site map or table of contents
Further discuss an Accessibility Standard
The World Wide Web Consortium (commonly known as the W3C) is
the primary international standards organisation for the Internet.
A key part of the W3C's work is to ensure that all people are able to
access online information. The Web Accessibility Initiative
(WAI) is a community within the W3C that produces standards for
accessible online content. These standards are generally accepted to
be the international benchmark for web accessibility.
The Web Content Accessibility Guidelines (WCAG) are one of the
standards published by WAI which explain how to make Web content
accessible to people with disabilities.
The Web Content Accessibility Guidelines (WCAG) 2.0 is based
around four design principles that state that, in order for a website to
be accessible, it must have content that is:
 Perceivable : Information and user interface components must be presentable to users in ways they can perceive.
This means that users must be able to perceive the information being presented (it cannot be invisible to all of their
senses).
 Operable : User interface components and navigation must be operable.
 Understandable : Information and the operation of user interface must be understandable.
 Robust : Content must be robust enough that it can be interpreted reliably by a wide variety of user agents,
including assistive technologies.
Operable
has the following principles to follow :
Make all functionality available from a keyboard.
Provide users enough time to read and use content.
Do not design content in a way that is known to cause
seizures.
Provide ways to help users navigate, find content, and
determine where they are.
Icaweb402 a jenninecarlin
1 de 11

Recomendados

doumi94 por
doumi94doumi94
doumi94doumi94
576 vistas69 diapositivas
Web Accessibility Workshop por
Web Accessibility WorkshopWeb Accessibility Workshop
Web Accessibility Workshopjosodo
652 vistas37 diapositivas
What is Web Accessibility? An Introduction to Web Accessibility. por
What is Web Accessibility? An Introduction to Web Accessibility.What is Web Accessibility? An Introduction to Web Accessibility.
What is Web Accessibility? An Introduction to Web Accessibility.Christopher Positive Equator
253 vistas20 diapositivas
Corporate Web Accessibility Implementation Strategies por
Corporate Web Accessibility Implementation StrategiesCorporate Web Accessibility Implementation Strategies
Corporate Web Accessibility Implementation StrategiesUA WEB, A.C.
1.6K vistas48 diapositivas
Web Accessibility por
Web AccessibilityWeb Accessibility
Web AccessibilityAmal Abduallah
1.3K vistas52 diapositivas
Web Accessibility for Web Developers por
Web Accessibility for Web DevelopersWeb Accessibility for Web Developers
Web Accessibility for Web DevelopersAlexander Loechel
848 vistas31 diapositivas

Más contenido relacionado

La actualidad más candente

Global accessibility day untapped minority por
Global accessibility day  untapped minorityGlobal accessibility day  untapped minority
Global accessibility day untapped minorityBarbara Starr
364 vistas18 diapositivas
Including Everyone: Web Accessibility 101 por
Including Everyone: Web Accessibility 101Including Everyone: Web Accessibility 101
Including Everyone: Web Accessibility 101Helena Zubkow
3.5K vistas48 diapositivas
Web Accessibility por
Web AccessibilityWeb Accessibility
Web AccessibilityZoe Gillenwater
2K vistas65 diapositivas
Website Accessibility por
Website AccessibilityWebsite Accessibility
Website AccessibilityNishan Bose
1.7K vistas30 diapositivas
Usability meets accessibility por
Usability meets accessibilityUsability meets accessibility
Usability meets accessibilityWhitney Quesenbery
8K vistas18 diapositivas
Clil Lesson - Topic : Creative Commons Licenses por
Clil Lesson - Topic : Creative Commons Licenses Clil Lesson - Topic : Creative Commons Licenses
Clil Lesson - Topic : Creative Commons Licenses Daniel Pastor Peidro
506 vistas1 diapositiva

La actualidad más candente(20)

Global accessibility day untapped minority por Barbara Starr
Global accessibility day  untapped minorityGlobal accessibility day  untapped minority
Global accessibility day untapped minority
Barbara Starr364 vistas
Including Everyone: Web Accessibility 101 por Helena Zubkow
Including Everyone: Web Accessibility 101Including Everyone: Web Accessibility 101
Including Everyone: Web Accessibility 101
Helena Zubkow3.5K vistas
Website Accessibility por Nishan Bose
Website AccessibilityWebsite Accessibility
Website Accessibility
Nishan Bose1.7K vistas
Demystifying WCAG 2.0: An Intro to Web, Office, InDesign, & PDF Accessibility por 3Play Media
Demystifying WCAG 2.0: An Intro to Web, Office, InDesign, & PDF AccessibilityDemystifying WCAG 2.0: An Intro to Web, Office, InDesign, & PDF Accessibility
Demystifying WCAG 2.0: An Intro to Web, Office, InDesign, & PDF Accessibility
3Play Media4.4K vistas
State of Content Accessibility por 3Play Media
State of Content AccessibilityState of Content Accessibility
State of Content Accessibility
3Play Media603 vistas
Making the Web Accessible: Forms and Mulitmedia por Reem Nasr
Making the Web Accessible: Forms and MulitmediaMaking the Web Accessible: Forms and Mulitmedia
Making the Web Accessible: Forms and Mulitmedia
Reem Nasr505 vistas
Web a11y beyond guidelines por rach123
Web a11y beyond guidelinesWeb a11y beyond guidelines
Web a11y beyond guidelines
rach123805 vistas
Captioning the 3Play Way por 3Play Media
Captioning the 3Play WayCaptioning the 3Play Way
Captioning the 3Play Way
3Play Media437 vistas

Similar a Icaweb402 a jenninecarlin

Accessibility and why it matters por
Accessibility and why it mattersAccessibility and why it matters
Accessibility and why it mattersMargarida Sousa
311 vistas37 diapositivas
Accessibility testing kailash 26_nov_ 2010 por
Accessibility testing kailash 26_nov_ 2010Accessibility testing kailash 26_nov_ 2010
Accessibility testing kailash 26_nov_ 2010Kailash More
637 vistas28 diapositivas
SEO through Accessibility- How designing accessible websites leads to automat... por
SEO through Accessibility- How designing accessible websites leads to automat...SEO through Accessibility- How designing accessible websites leads to automat...
SEO through Accessibility- How designing accessible websites leads to automat...Abhay Rautela
6.7K vistas37 diapositivas
corePHP Usability Accessibility by Steven Pignataro por
corePHP Usability Accessibility by Steven PignatarocorePHP Usability Accessibility by Steven Pignataro
corePHP Usability Accessibility by Steven PignataroJohn Coonen
1.1K vistas60 diapositivas
Summary Guidelines por
Summary GuidelinesSummary Guidelines
Summary Guidelinestwoplayer
769 vistas15 diapositivas
Accessibility Issues por
Accessibility IssuesAccessibility Issues
Accessibility Issuesliddy
695 vistas35 diapositivas

Similar a Icaweb402 a jenninecarlin(20)

Accessibility and why it matters por Margarida Sousa
Accessibility and why it mattersAccessibility and why it matters
Accessibility and why it matters
Margarida Sousa311 vistas
Accessibility testing kailash 26_nov_ 2010 por Kailash More
Accessibility testing kailash 26_nov_ 2010Accessibility testing kailash 26_nov_ 2010
Accessibility testing kailash 26_nov_ 2010
Kailash More637 vistas
SEO through Accessibility- How designing accessible websites leads to automat... por Abhay Rautela
SEO through Accessibility- How designing accessible websites leads to automat...SEO through Accessibility- How designing accessible websites leads to automat...
SEO through Accessibility- How designing accessible websites leads to automat...
Abhay Rautela6.7K vistas
corePHP Usability Accessibility by Steven Pignataro por John Coonen
corePHP Usability Accessibility by Steven PignatarocorePHP Usability Accessibility by Steven Pignataro
corePHP Usability Accessibility by Steven Pignataro
John Coonen1.1K vistas
Summary Guidelines por twoplayer
Summary GuidelinesSummary Guidelines
Summary Guidelines
twoplayer769 vistas
Accessibility Issues por liddy
Accessibility IssuesAccessibility Issues
Accessibility Issues
liddy695 vistas
Accessibility in Agile Projects por Adrian Redden
Accessibility in Agile ProjectsAccessibility in Agile Projects
Accessibility in Agile Projects
Adrian Redden200 vistas
Web Accessibility I Centrum por webmirer
Web Accessibility I CentrumWeb Accessibility I Centrum
Web Accessibility I Centrum
webmirer650 vistas
Accessibility on the Web por Jessica Keyes
Accessibility on the WebAccessibility on the Web
Accessibility on the Web
Jessica Keyes346 vistas
Accessibility Overview - 508 and WCAG Compliance por Frank Walsh
Accessibility Overview - 508 and WCAG ComplianceAccessibility Overview - 508 and WCAG Compliance
Accessibility Overview - 508 and WCAG Compliance
Frank Walsh559 vistas
World IA Day DC 2019: What we can all learn from one university's journey to ... por Rachel Weatherly
World IA Day DC 2019: What we can all learn from one university's journey to ...World IA Day DC 2019: What we can all learn from one university's journey to ...
World IA Day DC 2019: What we can all learn from one university's journey to ...
Rachel Weatherly115 vistas
Week 5 - Accessibility por Graeme Smith
Week 5 - AccessibilityWeek 5 - Accessibility
Week 5 - Accessibility
Graeme Smith299 vistas
Accessibility Primer Version 2 - UXfrkln meetup por Mike Gallers
Accessibility Primer Version 2 - UXfrkln meetupAccessibility Primer Version 2 - UXfrkln meetup
Accessibility Primer Version 2 - UXfrkln meetup
Mike Gallers102 vistas
Plan For Accessibility - TODCon 2008 por Denise Jacobs
Plan For Accessibility - TODCon 2008Plan For Accessibility - TODCon 2008
Plan For Accessibility - TODCon 2008
Denise Jacobs3.5K vistas

Último

Dance KS5 Breakdown por
Dance KS5 BreakdownDance KS5 Breakdown
Dance KS5 BreakdownWestHatch
68 vistas2 diapositivas
EIT-Digital_Spohrer_AI_Intro 20231128 v1.pptx por
EIT-Digital_Spohrer_AI_Intro 20231128 v1.pptxEIT-Digital_Spohrer_AI_Intro 20231128 v1.pptx
EIT-Digital_Spohrer_AI_Intro 20231128 v1.pptxISSIP
317 vistas50 diapositivas
AI Tools for Business and Startups por
AI Tools for Business and StartupsAI Tools for Business and Startups
AI Tools for Business and StartupsSvetlin Nakov
101 vistas39 diapositivas
OEB 2023 Co-learning To Speed Up AI Implementation in Courses.pptx por
OEB 2023 Co-learning To Speed Up AI Implementation in Courses.pptxOEB 2023 Co-learning To Speed Up AI Implementation in Courses.pptx
OEB 2023 Co-learning To Speed Up AI Implementation in Courses.pptxInge de Waard
167 vistas29 diapositivas
11.28.23 Social Capital and Social Exclusion.pptx por
11.28.23 Social Capital and Social Exclusion.pptx11.28.23 Social Capital and Social Exclusion.pptx
11.28.23 Social Capital and Social Exclusion.pptxmary850239
281 vistas25 diapositivas
AUDIENCE - BANDURA.pptx por
AUDIENCE - BANDURA.pptxAUDIENCE - BANDURA.pptx
AUDIENCE - BANDURA.pptxiammrhaywood
69 vistas44 diapositivas

Último(20)

Dance KS5 Breakdown por WestHatch
Dance KS5 BreakdownDance KS5 Breakdown
Dance KS5 Breakdown
WestHatch68 vistas
EIT-Digital_Spohrer_AI_Intro 20231128 v1.pptx por ISSIP
EIT-Digital_Spohrer_AI_Intro 20231128 v1.pptxEIT-Digital_Spohrer_AI_Intro 20231128 v1.pptx
EIT-Digital_Spohrer_AI_Intro 20231128 v1.pptx
ISSIP317 vistas
AI Tools for Business and Startups por Svetlin Nakov
AI Tools for Business and StartupsAI Tools for Business and Startups
AI Tools for Business and Startups
Svetlin Nakov101 vistas
OEB 2023 Co-learning To Speed Up AI Implementation in Courses.pptx por Inge de Waard
OEB 2023 Co-learning To Speed Up AI Implementation in Courses.pptxOEB 2023 Co-learning To Speed Up AI Implementation in Courses.pptx
OEB 2023 Co-learning To Speed Up AI Implementation in Courses.pptx
Inge de Waard167 vistas
11.28.23 Social Capital and Social Exclusion.pptx por mary850239
11.28.23 Social Capital and Social Exclusion.pptx11.28.23 Social Capital and Social Exclusion.pptx
11.28.23 Social Capital and Social Exclusion.pptx
mary850239281 vistas
AUDIENCE - BANDURA.pptx por iammrhaywood
AUDIENCE - BANDURA.pptxAUDIENCE - BANDURA.pptx
AUDIENCE - BANDURA.pptx
iammrhaywood69 vistas
The Open Access Community Framework (OACF) 2023 (1).pptx por Jisc
The Open Access Community Framework (OACF) 2023 (1).pptxThe Open Access Community Framework (OACF) 2023 (1).pptx
The Open Access Community Framework (OACF) 2023 (1).pptx
Jisc85 vistas
American Psychological Association 7th Edition.pptx por SamiullahAfridi4
American Psychological Association  7th Edition.pptxAmerican Psychological Association  7th Edition.pptx
American Psychological Association 7th Edition.pptx
SamiullahAfridi482 vistas
JiscOAWeek_LAIR_slides_October2023.pptx por Jisc
JiscOAWeek_LAIR_slides_October2023.pptxJiscOAWeek_LAIR_slides_October2023.pptx
JiscOAWeek_LAIR_slides_October2023.pptx
Jisc79 vistas
Scope of Biochemistry.pptx por shoba shoba
Scope of Biochemistry.pptxScope of Biochemistry.pptx
Scope of Biochemistry.pptx
shoba shoba124 vistas
Narration ppt.pptx por TARIQ KHAN
Narration  ppt.pptxNarration  ppt.pptx
Narration ppt.pptx
TARIQ KHAN119 vistas
REPRESENTATION - GAUNTLET.pptx por iammrhaywood
REPRESENTATION - GAUNTLET.pptxREPRESENTATION - GAUNTLET.pptx
REPRESENTATION - GAUNTLET.pptx
iammrhaywood83 vistas
UWP OA Week Presentation (1).pptx por Jisc
UWP OA Week Presentation (1).pptxUWP OA Week Presentation (1).pptx
UWP OA Week Presentation (1).pptx
Jisc74 vistas
Sociology KS5 por WestHatch
Sociology KS5Sociology KS5
Sociology KS5
WestHatch64 vistas

Icaweb402 a jenninecarlin

  • 2. Part A: - Identify Accessibility Standards In this section we will : Identify any legislative or industry standards that may influence accessibility in a web context List some specific user groups and describe some of their accessibility requirements Show example checklists, which could be used with web-related work Further discuss accessibility standards
  • 3. Legislative and Industry Standards  We have a moral obligation to make our websites accessible to as many people with disabilities as we can. We also have a legal obligation. Disabilities include visual, auditory, physical, speech, cognitive, language, learning, and neurological.  In a moral sense, we already provide disabled access to the disabled in numerous capacities, like stairs, toilets, public buildings, so we should aim to provide them with appropriate access to websites.  Legally, there are a number of legislative and industry standards that we should aim to follow to make the same commitment of access to websites for the disabled. They are becoming more prominent with further advances in technology. For example :  In December 2010, the BSI launched the first British standard to address web accessibility and the challenge of digital inclusion. The standard includes recommendations for : • involving disabled people in the development process and using automated tools to assist with accessibility testing, and • The management of the guidance and process for upholding existing accessibility guidelines and specifications.
  • 4. The Australian Government has endorsed the Web Content Accessibility Guidelines (WCAG) version 2.0 for all government websites, and the principles of these are : Perceivable Operable Understandable Robust Under the Disability Discrimination Act 1992 agencies must ensure that people with disabilities have the same fundamental rights to access information and services as others in the community. In 2008, the Australian Government ratified the UN Convention on the Rights of Persons with Disabilities (UNCRPD), which specifically recognises that access to information, communications and services, including the internet, is a human right.
  • 5. Disabilities and their accessibility requirements  Colour Blindness / Blindness To overcome difficulties if a user has colour blindness, one solution may be to design in black and white, and only use colour for emphasis. If you use a style sheet to control the colour of text, this allows a user to substitute his or her own specially tailored style sheet instead of yours. People that have complete blindness often use a screen reader, which is a device that plugs into their computer and will speak the words that are on the screen, and there are also screen readers that output the screen text into Braille. One major technique used to cater for blindness is to use the ALT=”” attribute for images and media, so that the text within the ALT attribute can be read to the user that cannot see the image. The optimal solution when there is no text to assign to the ALT attribute would be to leave it blank, and therefore the screen reader will skip past this image. Tables are also difficult for blind people/screen readers to negotiate. By using the “TABLE SUMMARY=” attribute, you can specify the definition, or summarise what the table contains.
  • 6. Deafness : Particularly prevalent in a learning environment, where audio/visual methods are used to supplement teaching. One way around a hearing-impaired audience would be to use captions, that appear on the screen while the audio is playing. Another option is to use (Synchronized Accessible Media Interchange), where the the media player is embedded in the web page while the captions are shown in a separate window. Another way to produce captions is to use SMIL (pronounced "smile") which stands for Synchronized Multimedia Integration Language. SMIL is a tag-based language, similar to HTML. It is actually based on XML , and it allows you to synchronise a movie track, playing through a multimedia player (Quicktime or Windows Media Playe or Real Media Playe) with a set of captions that appear in a separate window on the web page
  • 7. Dyslexia : Animated graphics can prove a particular problem to those with Dyslexia as they distract the user and reduce concentration on the important aspects of the site, particularly text. To assist such people, you should either avoid the use of animated graphics, or if you can't do that, allow users to turn off animation via your browser settings. Cognitive Disabilities : People that suffer from cognitive disabilities ( mental retardation ) may have difficulty understanding or comprehending text on a website. This is particularly evident when a website uses abstract concepts, a complex design, and lots of illustration and images. Consistent and plain navigation, simple page design and instructions on how to use the website will enable them to understand the website easier.
  • 8. Example Checklists Auditory / Visual Impairment Checklist Provide alternatives to auditory and visual content, by :  Provide a text equivalent for every non-text element  Provide an auditory equivalent to any important visual concept of the website for visually impaired users  Provide a visual equivalent to any auditory aspect of the website for hearing impaired users  For any time-based multi-media presentation, synchronize alternatives ( i.e. captions, auditory descriptions of the visual track ) with the presentation  Ensure all information conveyed in colour is also available without colour Mental / Cognitive disability Checklist Provide clear navigation mechanisms, by  Describe the purpose of frames, and how frames relate to each other if it is not obvious from frame titles alone  Clearly identify the target of each link  Provide metadata to add semantic information for each page or link  Use navigation systems in a clear and concise manner  Place distinguishing information at the beginning of each heading, paragraph, list  Provide site layout information by means of a site map or table of contents
  • 9. Further discuss an Accessibility Standard The World Wide Web Consortium (commonly known as the W3C) is the primary international standards organisation for the Internet. A key part of the W3C's work is to ensure that all people are able to access online information. The Web Accessibility Initiative (WAI) is a community within the W3C that produces standards for accessible online content. These standards are generally accepted to be the international benchmark for web accessibility. The Web Content Accessibility Guidelines (WCAG) are one of the standards published by WAI which explain how to make Web content accessible to people with disabilities. The Web Content Accessibility Guidelines (WCAG) 2.0 is based around four design principles that state that, in order for a website to be accessible, it must have content that is:  Perceivable : Information and user interface components must be presentable to users in ways they can perceive. This means that users must be able to perceive the information being presented (it cannot be invisible to all of their senses).  Operable : User interface components and navigation must be operable.  Understandable : Information and the operation of user interface must be understandable.  Robust : Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies.
  • 10. Operable has the following principles to follow : Make all functionality available from a keyboard. Provide users enough time to read and use content. Do not design content in a way that is known to cause seizures. Provide ways to help users navigate, find content, and determine where they are.