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 von 12

Recomendados

Know How to Detect a Bad Car Immobilizer von
Know How to Detect a Bad Car ImmobilizerKnow How to Detect a Bad Car Immobilizer
Know How to Detect a Bad Car ImmobilizerCerrone's European
664 views26 Folien
Elementool issue tracking von
Elementool issue trackingElementool issue tracking
Elementool issue trackingmkowlowitz
1.4K views16 Folien
How to create accessible websites - Web Accessibility Summit von
How to create accessible websites - Web Accessibility SummitHow to create accessible websites - Web Accessibility Summit
How to create accessible websites - Web Accessibility SummitRachel Cherry
496 views87 Folien
Igor Cernopolc - Http authentication in automated testing - presentation script von
Igor Cernopolc - Http authentication in automated testing - presentation scriptIgor Cernopolc - Http authentication in automated testing - presentation script
Igor Cernopolc - Http authentication in automated testing - presentation scriptCodecamp Romania
521 views3 Folien
A11y presentation-2017 von
A11y presentation-2017A11y presentation-2017
A11y presentation-2017Kevin Erickson, CSM
423 views27 Folien
Usability ≠ Accessibility. An intro to web accessibility for agencies. von
Usability ≠ Accessibility. An intro to web accessibility for agencies.Usability ≠ Accessibility. An intro to web accessibility for agencies.
Usability ≠ Accessibility. An intro to web accessibility for agencies.Kate Horowitz
807 views122 Folien

Más contenido relacionado

Similar a Accessibility Overlays - the policy perspective

SenchaCon 2016: Accessibility, Teamwork & Ext JS: A Customer Success Story - ... von
SenchaCon 2016: Accessibility, Teamwork & Ext JS: A Customer Success Story - ...SenchaCon 2016: Accessibility, Teamwork & Ext JS: A Customer Success Story - ...
SenchaCon 2016: Accessibility, Teamwork & Ext JS: A Customer Success Story - ...Sencha
677 views36 Folien
Accessibility testing technology, human touch and value von
Accessibility testing technology, human touch and value Accessibility testing technology, human touch and value
Accessibility testing technology, human touch and value Srinivasu Chakravarthula
1.1K views28 Folien
Accessibility, SEO and Joomla von
Accessibility, SEO and Joomla Accessibility, SEO and Joomla
Accessibility, SEO and Joomla JoomlaDay Australia
601 views37 Folien
Accessibility, SEO and Joomla von
Accessibility, SEO and JoomlaAccessibility, SEO and Joomla
Accessibility, SEO and JoomlaAimee Maree Forsstrom
186 views37 Folien
Automated Exploratory Testing von
Automated Exploratory TestingAutomated Exploratory Testing
Automated Exploratory TestingJustin Ison
1.7K views38 Folien
Web_Accessibility von
Web_AccessibilityWeb_Accessibility
Web_AccessibilityShivani Sachdeva
194 views31 Folien

Similar a Accessibility Overlays - the policy perspective(20)

SenchaCon 2016: Accessibility, Teamwork & Ext JS: A Customer Success Story - ... von Sencha
SenchaCon 2016: Accessibility, Teamwork & Ext JS: A Customer Success Story - ...SenchaCon 2016: Accessibility, Teamwork & Ext JS: A Customer Success Story - ...
SenchaCon 2016: Accessibility, Teamwork & Ext JS: A Customer Success Story - ...
Sencha677 views
Automated Exploratory Testing von Justin Ison
Automated Exploratory TestingAutomated Exploratory Testing
Automated Exploratory Testing
Justin Ison1.7K views
Accessibility in the Engineering Village CSUN 2019 von Ted Gies
Accessibility in the Engineering Village CSUN 2019Accessibility in the Engineering Village CSUN 2019
Accessibility in the Engineering Village CSUN 2019
Ted Gies163 views
The biggest DevOps problems you didn't know you had and what to do about them von Wayne Greene
The biggest DevOps problems you didn't know you had and what to do about themThe biggest DevOps problems you didn't know you had and what to do about them
The biggest DevOps problems you didn't know you had and what to do about them
Wayne Greene760 views
Multi tool test automation platform von opkey
Multi tool test automation platformMulti tool test automation platform
Multi tool test automation platform
opkey663 views
Accessibility In Mobile Dev LifeCycle.pptx von MarkSteadman7
Accessibility In Mobile Dev LifeCycle.pptxAccessibility In Mobile Dev LifeCycle.pptx
Accessibility In Mobile Dev LifeCycle.pptx
MarkSteadman793 views
Mission: Accessible. Share & Connect Online with Everybody! von Joseph Dolson
Mission: Accessible. Share & Connect Online with Everybody!Mission: Accessible. Share & Connect Online with Everybody!
Mission: Accessible. Share & Connect Online with Everybody!
Joseph Dolson610 views
Accessibility Testing Approach von Jatin Kochhar
Accessibility Testing ApproachAccessibility Testing Approach
Accessibility Testing Approach
Jatin Kochhar253 views
Accessible UX in Government - OZeWAI 2015 von Ross Mullen
Accessible UX in Government - OZeWAI 2015Accessible UX in Government - OZeWAI 2015
Accessible UX in Government - OZeWAI 2015
Ross Mullen761 views
HTML5 design principles von Harshal Patil
HTML5 design principlesHTML5 design principles
HTML5 design principles
Harshal Patil4.4K views
corePHP Usability Accessibility by Steven Pignataro von John Coonen
corePHP Usability Accessibility by Steven PignatarocorePHP Usability Accessibility by Steven Pignataro
corePHP Usability Accessibility by Steven Pignataro
John Coonen1.1K views
Justin Ison von CodeFest
Justin IsonJustin Ison
Justin Ison
CodeFest199 views

Último

ICS3211_lecture 09_2023.pdf von
ICS3211_lecture 09_2023.pdfICS3211_lecture 09_2023.pdf
ICS3211_lecture 09_2023.pdfVanessa Camilleri
150 views10 Folien
12.5.23 Poverty and Precarity.pptx von
12.5.23 Poverty and Precarity.pptx12.5.23 Poverty and Precarity.pptx
12.5.23 Poverty and Precarity.pptxmary850239
559 views30 Folien
Artificial Intelligence and The Sustainable Development Goals (SDGs) Adoption... von
Artificial Intelligence and The Sustainable Development Goals (SDGs) Adoption...Artificial Intelligence and The Sustainable Development Goals (SDGs) Adoption...
Artificial Intelligence and The Sustainable Development Goals (SDGs) Adoption...BC Chew
40 views47 Folien
PRELIMS ANSWER.pptx von
PRELIMS ANSWER.pptxPRELIMS ANSWER.pptx
PRELIMS ANSWER.pptxsouravkrpodder
56 views60 Folien
Guess Papers ADC 1, Karachi University von
Guess Papers ADC 1, Karachi UniversityGuess Papers ADC 1, Karachi University
Guess Papers ADC 1, Karachi UniversityKhalid Aziz
109 views17 Folien
JQUERY.pdf von
JQUERY.pdfJQUERY.pdf
JQUERY.pdfArthyR3
114 views22 Folien

Último(20)

12.5.23 Poverty and Precarity.pptx von mary850239
12.5.23 Poverty and Precarity.pptx12.5.23 Poverty and Precarity.pptx
12.5.23 Poverty and Precarity.pptx
mary850239559 views
Artificial Intelligence and The Sustainable Development Goals (SDGs) Adoption... von BC Chew
Artificial Intelligence and The Sustainable Development Goals (SDGs) Adoption...Artificial Intelligence and The Sustainable Development Goals (SDGs) Adoption...
Artificial Intelligence and The Sustainable Development Goals (SDGs) Adoption...
BC Chew40 views
Guess Papers ADC 1, Karachi University von Khalid Aziz
Guess Papers ADC 1, Karachi UniversityGuess Papers ADC 1, Karachi University
Guess Papers ADC 1, Karachi University
Khalid Aziz109 views
JQUERY.pdf von ArthyR3
JQUERY.pdfJQUERY.pdf
JQUERY.pdf
ArthyR3114 views
11.30.23A Poverty and Inequality in America.pptx von mary850239
11.30.23A Poverty and Inequality in America.pptx11.30.23A Poverty and Inequality in America.pptx
11.30.23A Poverty and Inequality in America.pptx
mary850239228 views
Pharmaceutical Analysis PPT (BP 102T) von yakshpharmacy009
Pharmaceutical Analysis PPT (BP 102T) Pharmaceutical Analysis PPT (BP 102T)
Pharmaceutical Analysis PPT (BP 102T)
yakshpharmacy009118 views
JRN 362 - Lecture Twenty-Three (Epilogue) von Rich Hanley
JRN 362 - Lecture Twenty-Three (Epilogue)JRN 362 - Lecture Twenty-Three (Epilogue)
JRN 362 - Lecture Twenty-Three (Epilogue)
Rich Hanley44 views
Education of marginalized and socially disadvantages segments.pptx von GarimaBhati5
Education of marginalized and socially disadvantages segments.pptxEducation of marginalized and socially disadvantages segments.pptx
Education of marginalized and socially disadvantages segments.pptx
GarimaBhati552 views
Payment Integration using Braintree Connector | MuleSoft Mysore Meetup #37 von MysoreMuleSoftMeetup
Payment Integration using Braintree Connector | MuleSoft Mysore Meetup #37Payment Integration using Braintree Connector | MuleSoft Mysore Meetup #37
Payment Integration using Braintree Connector | MuleSoft Mysore Meetup #37
OOPs - JAVA Quick Reference.pdf von ArthyR3
OOPs - JAVA Quick Reference.pdfOOPs - JAVA Quick Reference.pdf
OOPs - JAVA Quick Reference.pdf
ArthyR376 views
Creative Restart 2023: Christophe Wechsler - From the Inside Out: Cultivating... von Taste
Creative Restart 2023: Christophe Wechsler - From the Inside Out: Cultivating...Creative Restart 2023: Christophe Wechsler - From the Inside Out: Cultivating...
Creative Restart 2023: Christophe Wechsler - From the Inside Out: Cultivating...
Taste39 views

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.