Accessibility Overlays - the policy perspective

Roberto Scano
Roberto ScanoICT Accessibility and Professional Profiles Expert
Accessibility Overlays:
the policy perspective
overview of the current situation in Europe
What are accessibility overlays?
TOOLS THAT CAN BE
ADDED TO WEBSITES
PROMISING TO
IMPROVE
“AUTOMAGICALLY”
ACCESSIBILITY OF
WEBSITES.
THERE ARE
DIFFERENT TYPES
OF ACCESSIBILITY
OVERLAYS (E.G.
WIDGETS).
OFFERED USUALLY
AS A FAST
SOLUTION, BUT
BECAME A
PERMANENT
BRIDGE.
THEY DON’T
CHANGE THE
WEBSITE
ORIGINAL CODE,
BUT ONLY APPLY
SOME “PATCHES”.
Web Accessibility
Directive and overlays
• Require to be conform at least to EN 301
549 v.3.2.1 European harmonized
standard.
• The EN301549 v.3.2.1 Annex A serves as
presumed conformance.
• There are no tools that can guarantee
automated testing for all evaluation
criteria, so is impossible to fix all
evaluation criteria “automagically”.
• Overlays do not make the website
accessible or compliant with European
accessibility legislation.
• Overlays do not correct all accessibility issues –
even worse, they create new ones.
• Can fix “automagically” only a few success criteria
(less than 10%)
• Can interfere with assistive technologies and user
interface personalization.
• Can create false positives or false negatives.
• May impact on web site performance.
It can be difficult for people who are not digital
accessibility specialists, including users, developers,
designers and website owners who purchase
technology, to understand what accessibility overlays
can and can’t deliver, and the limitations and
potential risks of any new technology.
What they can do and
What they cannot do
What issue can be
created
• Can generate issues for different user needs:
• Motor: cannot guarantee possibility to use keyboard
to access to all contents (e.g. menus, buttons, etc.).
• Cognition: cannot change language for contents,
change information and correlation structure (e.g.
missing use of titles, labels, etc.).
• Visual: cannot guarantee adequate alternative text
with risks for user interactions (e.g. choosing wrong
food products that can creates issues).
• Hearing: cannot guarantee adding of captions in
videos published internally or in third parties
repository (e.g. video that don’t support natively
captions).
• Some overlays automatically detect when an assistive
technology is running on a user’s device.
Hard or impossible to activate
• Close icon inaccessible
• No visible focus
• No keyboard activation
• No mouse activation
• Dialog cannot be closed
• Accessibility options open behind
dialog
• Other icons leave site
Contrast profiles create issues
• Critical elements disappear:
• Menu icon
• Search icon
• Social media links
Magnification creates issues
• Images overlapping text
• Text overlapping text
Numbers
• We are still not seeing a lot of them in Europe,
but they are increasing even here.
• In Italy, where the WAD was extended to big
companies, these uses overlays as “first aid”
but then without moving to assessment and
remediation, so no conformance to WAD is
actually available in company websites that
uses accessibility overlay.
What to do
instead?
• accessibility by default (internal
guidelines, procurement
requirements, etc.)
• Assessments (periodically)
• Remediation (periodically)
• education and outreach (forever)
• Test with/involve end users with
disabilities (forever).
At the end
• Artificial intelligence and other
emerging technologies have great
potential to improve accessibility
and assistive technology.
• However, to date none of these
technologies can instantly fix an
inaccessible website.
• Never add something that risks
harming users, always test with
users, don’t believe in things that
sounds too good to be true.
Thank you!
Roberto Scano
mail@robertoscano.info
www.robertoscano.info
1 de 12

Recomendados

Sketching and renderingSketching and rendering
Sketching and renderingPaula Te
5.5K vistas64 diapositivas
InDesign Tutorial: TextInDesign Tutorial: Text
InDesign Tutorial: TextSam Georgi
1K vistas27 diapositivas
Lecture 3Lecture 3
Lecture 3Sara Karaki
349 vistas29 diapositivas

Más contenido relacionado

La actualidad más candente

Adobe illustrator basicsAdobe illustrator basics
Adobe illustrator basicsVal Pirch Montgomery
31.1K vistas41 diapositivas
One point perspectiveOne point perspective
One point perspectivecisenberg2
38.7K vistas46 diapositivas
InDesign introInDesign intro
InDesign introDanielle Oser, APR
1.4K vistas27 diapositivas
Tessellation PPTTessellation PPT
Tessellation PPTBriana VanBuskirk
6.8K vistas41 diapositivas

La actualidad más candente(20)

Presentation adobe photoshop (tools)Presentation adobe photoshop (tools)
Presentation adobe photoshop (tools)
Aqdas Abbasi1.8K vistas
Adobe illustrator basicsAdobe illustrator basics
Adobe illustrator basics
Val Pirch Montgomery31.1K vistas
One point perspectiveOne point perspective
One point perspective
cisenberg238.7K vistas
InDesign introInDesign intro
InDesign intro
Danielle Oser, APR1.4K vistas
Tessellation PPTTessellation PPT
Tessellation PPT
Briana VanBuskirk6.8K vistas
Introduction to Adobe IllustratorIntroduction to Adobe Illustrator
Introduction to Adobe Illustrator
Jin Castor1K vistas
Photoshop ToolsPhotoshop Tools
Photoshop Tools
Ashish Srivastava2.5K vistas
Adobe Photoshop: Selection ToolsAdobe Photoshop: Selection Tools
Adobe Photoshop: Selection Tools
Divine Joy Peñascosas3.2K vistas
Composition and layoutComposition and layout
Composition and layout
ABY AUGUSTINE254 vistas
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe Illustrator
DUSPviz3K vistas
Css PptCss Ppt
Css Ppt
Hema Prasanth19.8K vistas
Product Design CourseworkProduct Design Coursework
Product Design Coursework
Zaib Nasir3.8K vistas
Style and SelectorStyle and Selector
Style and Selector
Yaowaluck Promdee2.8K vistas
Visual literacy.Visual literacy.
Visual literacy.
ladybaba1.5K vistas
Introduction To Visual DesignIntroduction To Visual Design
Introduction To Visual Design
Diane Leeper4.6K vistas
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe Illustrator
DUSPviz3.3K vistas
Adobe Photoshop Toolbar IntroductionAdobe Photoshop Toolbar Introduction
Adobe Photoshop Toolbar Introduction
Sidrah Noor1.8K vistas
A crash course in typographyA crash course in typography
A crash course in typography
Migle Migle8K vistas

Similar a Accessibility Overlays - the policy perspective(20)

Último(20)

Industry4wrd.pptxIndustry4wrd.pptx
Industry4wrd.pptx
BC Chew157 vistas
BYSC infopack.pdfBYSC infopack.pdf
BYSC infopack.pdf
Fundacja Rozwoju Społeczeństwa Przedsiębiorczego160 vistas
Scope of Biochemistry.pptxScope of Biochemistry.pptx
Scope of Biochemistry.pptx
shoba shoba119 vistas
Streaming Quiz 2023.pdfStreaming Quiz 2023.pdf
Streaming Quiz 2023.pdf
Quiz Club NITW97 vistas
CWP_23995_2013_17_11_2023_FINAL_ORDER.pdfCWP_23995_2013_17_11_2023_FINAL_ORDER.pdf
CWP_23995_2013_17_11_2023_FINAL_ORDER.pdf
SukhwinderSingh895865480 vistas
ICS3211_lecture 08_2023.pdfICS3211_lecture 08_2023.pdf
ICS3211_lecture 08_2023.pdf
Vanessa Camilleri79 vistas
SIMPLE PRESENT TENSE_new.pptxSIMPLE PRESENT TENSE_new.pptx
SIMPLE PRESENT TENSE_new.pptx
nisrinamadani2159 vistas
Class 10 English  lesson plansClass 10 English  lesson plans
Class 10 English lesson plans
TARIQ KHAN189 vistas
Education and Diversity.pptxEducation and Diversity.pptx
Education and Diversity.pptx
DrHafizKosar87 vistas
STERILITY TEST.pptxSTERILITY TEST.pptx
STERILITY TEST.pptx
Anupkumar Sharma107 vistas
Structure and Functions of Cell.pdfStructure and Functions of Cell.pdf
Structure and Functions of Cell.pdf
Nithya Murugan256 vistas
Use of Probiotics in Aquaculture.pptxUse of Probiotics in Aquaculture.pptx
Use of Probiotics in Aquaculture.pptx
AKSHAY MANDAL72 vistas
discussion post.pdfdiscussion post.pdf
discussion post.pdf
jessemercerail85 vistas
STYP infopack.pdfSTYP infopack.pdf
STYP infopack.pdf
Fundacja Rozwoju Społeczeństwa Przedsiębiorczego159 vistas
ANATOMY AND PHYSIOLOGY UNIT 1 { PART-1}ANATOMY AND PHYSIOLOGY UNIT 1 { PART-1}
ANATOMY AND PHYSIOLOGY UNIT 1 { PART-1}
DR .PALLAVI PATHANIA190 vistas
Lecture: Open InnovationLecture: Open Innovation
Lecture: Open Innovation
Michal Hron94 vistas
Drama KS5 BreakdownDrama KS5 Breakdown
Drama KS5 Breakdown
WestHatch54 vistas

Accessibility Overlays - the policy perspective

  • 1. Accessibility Overlays: the policy perspective overview of the current situation in Europe
  • 2. What are accessibility overlays? TOOLS THAT CAN BE ADDED TO WEBSITES PROMISING TO IMPROVE “AUTOMAGICALLY” ACCESSIBILITY OF WEBSITES. THERE ARE DIFFERENT TYPES OF ACCESSIBILITY OVERLAYS (E.G. WIDGETS). OFFERED USUALLY AS A FAST SOLUTION, BUT BECAME A PERMANENT BRIDGE. THEY DON’T CHANGE THE WEBSITE ORIGINAL CODE, BUT ONLY APPLY SOME “PATCHES”.
  • 3. Web Accessibility Directive and overlays • Require to be conform at least to EN 301 549 v.3.2.1 European harmonized standard. • The EN301549 v.3.2.1 Annex A serves as presumed conformance. • There are no tools that can guarantee automated testing for all evaluation criteria, so is impossible to fix all evaluation criteria “automagically”. • Overlays do not make the website accessible or compliant with European accessibility legislation.
  • 4. • Overlays do not correct all accessibility issues – even worse, they create new ones. • Can fix “automagically” only a few success criteria (less than 10%) • Can interfere with assistive technologies and user interface personalization. • Can create false positives or false negatives. • May impact on web site performance. It can be difficult for people who are not digital accessibility specialists, including users, developers, designers and website owners who purchase technology, to understand what accessibility overlays can and can’t deliver, and the limitations and potential risks of any new technology. What they can do and What they cannot do
  • 5. What issue can be created • Can generate issues for different user needs: • Motor: cannot guarantee possibility to use keyboard to access to all contents (e.g. menus, buttons, etc.). • Cognition: cannot change language for contents, change information and correlation structure (e.g. missing use of titles, labels, etc.). • Visual: cannot guarantee adequate alternative text with risks for user interactions (e.g. choosing wrong food products that can creates issues). • Hearing: cannot guarantee adding of captions in videos published internally or in third parties repository (e.g. video that don’t support natively captions). • Some overlays automatically detect when an assistive technology is running on a user’s device.
  • 6. Hard or impossible to activate • Close icon inaccessible • No visible focus • No keyboard activation • No mouse activation • Dialog cannot be closed • Accessibility options open behind dialog • Other icons leave site
  • 7. Contrast profiles create issues • Critical elements disappear: • Menu icon • Search icon • Social media links
  • 8. Magnification creates issues • Images overlapping text • Text overlapping text
  • 9. Numbers • We are still not seeing a lot of them in Europe, but they are increasing even here. • In Italy, where the WAD was extended to big companies, these uses overlays as “first aid” but then without moving to assessment and remediation, so no conformance to WAD is actually available in company websites that uses accessibility overlay.
  • 10. What to do instead? • accessibility by default (internal guidelines, procurement requirements, etc.) • Assessments (periodically) • Remediation (periodically) • education and outreach (forever) • Test with/involve end users with disabilities (forever).
  • 11. At the end • Artificial intelligence and other emerging technologies have great potential to improve accessibility and assistive technology. • However, to date none of these technologies can instantly fix an inaccessible website. • Never add something that risks harming users, always test with users, don’t believe in things that sounds too good to be true.