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

More Related Content

What's hot(20)

Web Accessibility Testing With AxeWeb Accessibility Testing With Axe
Web Accessibility Testing With Axe
Aparna A Gopalakrishnan1K views
WCAG 2.1  UX Scotland 2019WCAG 2.1  UX Scotland 2019
WCAG 2.1 UX Scotland 2019
User Vision571 views
Usability Testing 101 - an introductionUsability Testing 101 - an introduction
Usability Testing 101 - an introduction
Elizabeth Snowdon29.1K views
Accessibility BasicsAccessibility Basics
Accessibility Basics
Whitney Quesenbery2.5K views
Soa testing   soap ui (2)Soa testing   soap ui (2)
Soa testing soap ui (2)
Knoldus Inc.3.5K views
Introducing WCAG 2.2Introducing WCAG 2.2
Introducing WCAG 2.2
Bill Tyler634 views
Youtube for english language learningYoutube for english language learning
Youtube for english language learning
ozlem-kalkan1.2K views
Learn SoapUILearn SoapUI
Learn SoapUI
David Ionut17K views
Applitools - Visual AIApplitools - Visual AI
Applitools - Visual AI
Applitools354 views
Web accessibilityWeb accessibility
Web accessibility
AGILEDROP9.3K views
Product Management 101Product Management 101
Product Management 101
Lucas Didier6K views
Design for AccessibilityDesign for Accessibility
Design for Accessibility
qixingz5K views
Automated UI TestingAutomated UI Testing
Automated UI Testing
Mikalai Alimenkou16.1K views
web development.pptxweb development.pptx
web development.pptx
MohdArbazraza162 views

Similar to Accessibility Overlays - the policy perspective(20)

Recently uploaded(20)

ICS3211_lecture_week72023.pdfICS3211_lecture_week72023.pdf
ICS3211_lecture_week72023.pdf
Vanessa Camilleri175 views
Bb&Amp;T Bank AnalysisBb&Amp;T Bank Analysis
Bb&Amp;T Bank Analysis
Heidi Owens85 views
GSoC 2024GSoC 2024
GSoC 2024
DeveloperStudentClub1041 views
Industry4wrd.pptxIndustry4wrd.pptx
Industry4wrd.pptx
BC Chew144 views
Class 10 English  lesson plansClass 10 English  lesson plans
Class 10 English lesson plans
Tariq KHAN149 views
SIMPLE PRESENT TENSE_new.pptxSIMPLE PRESENT TENSE_new.pptx
SIMPLE PRESENT TENSE_new.pptx
nisrinamadani2135 views
Marilyn And Len Exchanges, EssayMarilyn And Len Exchanges, Essay
Marilyn And Len Exchanges, Essay
Melissa Dudas69 views
Chemistry of sex hormones.pptxChemistry of sex hormones.pptx
Chemistry of sex hormones.pptx
RAJ K. MAURYA93 views
Plastic waste.pdfPlastic waste.pdf
Plastic waste.pdf
alqaseedae72 views
2022 CAPE Merit List 2023 2022 CAPE Merit List 2023
2022 CAPE Merit List 2023
Caribbean Examinations Council2.3K views
STERILITY TEST.pptxSTERILITY TEST.pptx
STERILITY TEST.pptx
Anupkumar Sharma97 views
ME_URBAN_WAR.pptME_URBAN_WAR.ppt
ME_URBAN_WAR.ppt
Norvell (Tex) DeAtkine117 views
NS3 Unit 2 Life processes of animals.pptxNS3 Unit 2 Life processes of animals.pptx
NS3 Unit 2 Life processes of animals.pptx
manuelaromero201368 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.