SlideShare a Scribd company logo
1 of 40
Download to read offline
hello@doghouse.agency 1300 321 789/
MENU
Proudly presented by
hello@doghouse.agency
1300 321 789
Contact
Level 13
114 William Street
Melbourne, VIC 3000
Melbourne
Level 1
587 Wellington Street
Perth, WA 6000
Perth
Accessibility
Drupal and Javascript
Why developers can never forget that accessibility is a human right
hello@doghouse.agency 1300 321 789/
MENU
As a developer here at Doghouse I
have to always keep accessibility in
mind, constantly reminding myself
that there is no ‘average’ user and
no such thing as ‘normal’.
hello@doghouse.agency 1300 321 789/
MENU
Every single user has a different set
of perceptions and experiences;
which as humans we know; but as
developers we sometimes forget.
hello@doghouse.agency 1300 321 789/
MENU
We can’t put our users into a series
of perceived categories or
definitions just to give ourselves the
leeway to do what we think is right.
hello@doghouse.agency 1300 321 789/
MENU
What we need to do instead, is rely
on data and statistics to inform our
inclusive development and designs.
hello@doghouse.agency 1300 321 789/
MENU
It’s not just a moral and ethical
issue, it is also a legal one that has
been, in the past, both an
embarrassing and an expensive
oversight by businesses.
hello@doghouse.agency 1300 321 789/
MENU
We can never forget that we are
working for everyone, not the
considered majority.
Half a billion online users rely on
accessibility standards.
hello@doghouse.agency 1300 321 789/
MENU
We have come a long way in recent
years, but as an industry, we are not
as far along as we need to be.
hello@doghouse.agency 1300 321 789/
MENU
This is highlighted by the amount of
legal issues still being encountered.
In 2017, 814 web accessibility cases
proceeded in the United States.
hello@doghouse.agency 1300 321 789/
MENU
Closer to home in Australia, it was
the 2000 Sydney Olympics that
perhaps put web accessibility issues
on the radar of Australian
businesses; especially development
and design agencies.
hello@doghouse.agency 1300 321 789/
MENU
The official website of the games
was put into the accessibility
spotlight when Bruce Maguire, a
web user who accessed the web via
a refreshable braille display, found
he could not access information.
hello@doghouse.agency 1300 321 789/
MENU
He took legal action and won. This sparked the
subsequent adoption by the Australian
government of the W3C guidelines and
fast-tracked compliance, with the
Commonwealth Government requiring all
agency websites to meet accessibility standards
by December 1st in the same year.
hello@doghouse.agency 1300 321 789/
MENU
The case went a long way towards furthering
web accessibility in Australia, but not all
companies adapted fast enough or with
permanent accessibility as the goal, as
illustrated by Australian supermarket giant
Coles being taken to court for accessibility
issues in 2015.
hello@doghouse.agency 1300 321 789/
MENU
Perhaps even still, not all businesses are taking
enough action; in 2018 the number of legal
complaints in regard to accessibility is still on
the rise, as shown by the recent issues that focus
on the banking industry.
hello@doghouse.agency 1300 321 789/
MENU
With large Australian financial institutions being
called out for inaccessible websites
hello@doghouse.agency 1300 321 789/
MENU
Javascript and Accessibility
Javascript IS Accessible
hello@doghouse.agency 1300 321 789/
MENU
Javascript, is often considered to be a part of the
reason for accessibility issues on the web, with
some considering it fraught with issues that
block accessibility.
hello@doghouse.agency 1300 321 789/
MENU
We work with Javascript day in and day out,
however few people would be better placed
than Everett Zufelt to deconstruct the myths
that have long surrounded Javascript and
accessibility.
hello@doghouse.agency 1300 321 789/
MENU
The glaucoma he was born with took his sight in
2004 and since then he has been reliant on
assistive technology. He is the technology
director at myplanet.com where he provides
support for open source technologists who work
with Drupal, and he doesn’t subscribe to the
idea that Javascript-built applications are by
nature inaccessible.
hello@doghouse.agency 1300 321 789/
MENU
He believes instead, that the issue is with
developers; not the language. Something that I
also believe is a valid point.
hello@doghouse.agency 1300 321 789/
MENU
“There is a long-held belief among developers that
any application built using JavaScript is necessarily
not accessible. This belief is reinforced by the rapid
adoption of JavaScript frameworks and UI
components that are immature, and by the corners
that get cut when time to market takes priority over
inclusivity ...But JavaScript is not to blame! As a
completely blind JavaScript developer, I can state
with some certainty that JavaScript is not to blame
…… E Zufelt
hello@doghouse.agency 1300 321 789/
MENU
…”But JavaScript is not to blame! As a completely
blind JavaScript developer, I can state with some
certainty that JavaScript is not to blame …… “
E Zufelt
hello@doghouse.agency 1300 321 789/
MENU
Javascript and accessibility are not at odds with
each other, according to Zufeit, who believes
that the issue is not in the programming
language, but in the lack of consideration by
technologists regarding how users that rely on
assistive technology are affected in any given
online situation.
hello@doghouse.agency 1300 321 789/
MENU
“JavaScript, as a programming language, is not to
blame for issues with accessibility. The use of
JavaScript to update a web application’s user
interface without sufficient consideration of how
this influences the experience for users of assistive
technology, is to blame.”
hello@doghouse.agency 1300 321 789/
MENU
“As a completely blind JavaScript developer, I can
state with some certainty that JavaScript is not to
blame. That long-held belief is, in fact, a misbelief.
There are, however, a few things you need to know
when building client-side applications with
JavaScript, to ensure that your applications are
universally accessible”  - source
hello@doghouse.agency 1300 321 789/
MENU
In addition to considering Javascript to being
inherently inaccessible, technologists often also
assume that people who use screen readers
disable javascript.
hello@doghouse.agency 1300 321 789/
MENU
However, a fairly recent survey shows that this
is not accurate and 97.6% of respondents that
use screen readers do in fact have Javascript
enabled. As a developer, this was a bit of a
wake-up call.
hello@doghouse.agency 1300 321 789/
MENU
Oftentimes development and design teams
believe they have created accessible
applications but don’t take the time or have the
resources to test how sufficient the accessibility
really is.
hello@doghouse.agency 1300 321 789/
MENU
We really don’t have a good excuse for this lack
of testing, we just need to make the time and the
effort.
hello@doghouse.agency 1300 321 789/
MENU
These are the people best placed
to give valuable user insights and
feedback.
Real Users Include:
● People using screen readers
● Non accessibility users
● People who use keyboard
navigation
● Interested parties
Accurate Testing
Requires Real Users
hello@doghouse.agency 1300 321 789/
MENU
It was shown that 47% of developers admitted
to knowing only the bare minimum of ARIA-roles
and how to keep SPAs accessible, with an
additional 28% of developers confessing that
they have no idea whatsoever. - smashing
magazine
hello@doghouse.agency 1300 321 789/
MENU
As highlighted by Mr Zufelt
Common UX Issues
UX Issues:
● trying to sign up to a social
media site but being unable
to register
● spending time shopping
online only to find out that
he is unable to checkout
● using work required
applications but being
unable to find the buttons
hello@doghouse.agency 1300 321 789/
MENU
I can only imagine the levels of frustration one
would feel encountering these issues time and
time again.
hello@doghouse.agency 1300 321 789/
MENU
As a web developer, I am always well
intentioned in my work however I also know
that it is a continual learning process and
ongoing effort that is required to keep web
accessibility at the forefront of development and
design.
hello@doghouse.agency 1300 321 789/
MENU
Developers and designers can’t afford to be
complacent about it — accessibility can always
be improved, it should be a continual evolution.
15% of the population relies on us to do our job
properly.
hello@doghouse.agency 1300 321 789/
MENU
As a developer, the support of the Drupal
community in these areas is a huge
bonus — there is always someone willing to lend
a hand.
hello@doghouse.agency 1300 321 789/
MENU
It is also the reason, as Drupal developers we
don’t have an excuses for creating inaccessible
applications or designs as we have an entire
community on-hand to assist us.
hello@doghouse.agency 1300 321 789/
MENU
As a final note, and a positive one, Mr Zufelt
noted two companies who are getting it
absolutely right for him, as a blind
user — EXPEDIA and HILTON HOTEL.
hello@doghouse.agency 1300 321 789/
MENU
Source:
https://medium.com/doghouse-
agency/accessibility-drupal-and-
javascript-57cbbdf91337
hello@doghouse.agency 1300 321 789/
MENU
Author:
Paul Brzeski

More Related Content

What's hot

Ten Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for MobileTen Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for MobileVicke Cheung
 
Good UX: Key Ingredients - presented at GMIC Jakarta 2015
Good UX: Key Ingredients - presented at GMIC Jakarta 2015Good UX: Key Ingredients - presented at GMIC Jakarta 2015
Good UX: Key Ingredients - presented at GMIC Jakarta 2015Ketut Sulistyawati
 
Henry mader project4_week4
Henry mader project4_week4Henry mader project4_week4
Henry mader project4_week4Henry Mader
 
Experience Design Methods for Product / Service Development
Experience Design Methods for Product / Service DevelopmentExperience Design Methods for Product / Service Development
Experience Design Methods for Product / Service DevelopmentKetut Sulistyawati
 
Smashing Meets for Speed: Why web performance matters – especially now
Smashing Meets for Speed: Why web performance matters – especially nowSmashing Meets for Speed: Why web performance matters – especially now
Smashing Meets for Speed: Why web performance matters – especially nowTammy Everts
 
Performance Is About People, Not Metrics [2017 Web Directions Summit]
Performance Is About People, Not Metrics [2017 Web Directions Summit] Performance Is About People, Not Metrics [2017 Web Directions Summit]
Performance Is About People, Not Metrics [2017 Web Directions Summit] Tammy Everts
 
13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an Exorcism13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an ExorcismCrystal Beasley
 
The pursuit of tapiness - A case study in making tablet friendly websites
The pursuit of tapiness - A case study in making tablet friendly websitesThe pursuit of tapiness - A case study in making tablet friendly websites
The pursuit of tapiness - A case study in making tablet friendly websitesNeil Turner
 
Supercharge your application with the best UX practices
Supercharge your application with the best UX practicesSupercharge your application with the best UX practices
Supercharge your application with the best UX practicesGercek Karakus
 
Simple Usability Testing - Akademi Berbagi Bali
Simple Usability Testing - Akademi Berbagi Bali Simple Usability Testing - Akademi Berbagi Bali
Simple Usability Testing - Akademi Berbagi Bali Ketut Sulistyawati
 
Technology acceleration
Technology accelerationTechnology acceleration
Technology accelerationHassanHamayun9
 
UX = ROI: It's not just a myth
UX = ROI: It's not just a mythUX = ROI: It's not just a myth
UX = ROI: It's not just a mythJeremy Johnson
 
Mobilising Digital Melbourne 21/03/2014
Mobilising Digital Melbourne 21/03/2014Mobilising Digital Melbourne 21/03/2014
Mobilising Digital Melbourne 21/03/2014Precedent
 
UX and UI Workshops - User Journey
UX and UI Workshops - User JourneyUX and UI Workshops - User Journey
UX and UI Workshops - User JourneyInwedo
 
Fail Fast, Learn Fast, Move Fast: My UX journey to move faster
Fail Fast, Learn Fast, Move Fast: My UX journey to move fasterFail Fast, Learn Fast, Move Fast: My UX journey to move faster
Fail Fast, Learn Fast, Move Fast: My UX journey to move fasterJeremy Johnson
 
UX in the Professional World - a seminar at Universitas Indonesia
UX in the Professional World - a seminar at Universitas IndonesiaUX in the Professional World - a seminar at Universitas Indonesia
UX in the Professional World - a seminar at Universitas IndonesiaKetut Sulistyawati
 
Why Progressive Web Apps will transform your website
Why Progressive Web Apps will transform your websiteWhy Progressive Web Apps will transform your website
Why Progressive Web Apps will transform your websiteJason Grigsby
 
Owning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic EnvironmentsOwning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic Environmentsguestf4f7a4b38
 

What's hot (20)

Ten Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for MobileTen Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for Mobile
 
Good UX: Key Ingredients - presented at GMIC Jakarta 2015
Good UX: Key Ingredients - presented at GMIC Jakarta 2015Good UX: Key Ingredients - presented at GMIC Jakarta 2015
Good UX: Key Ingredients - presented at GMIC Jakarta 2015
 
Henry mader project4_week4
Henry mader project4_week4Henry mader project4_week4
Henry mader project4_week4
 
Experience Design Methods for Product / Service Development
Experience Design Methods for Product / Service DevelopmentExperience Design Methods for Product / Service Development
Experience Design Methods for Product / Service Development
 
Smashing Meets for Speed: Why web performance matters – especially now
Smashing Meets for Speed: Why web performance matters – especially nowSmashing Meets for Speed: Why web performance matters – especially now
Smashing Meets for Speed: Why web performance matters – especially now
 
Performance Is About People, Not Metrics [2017 Web Directions Summit]
Performance Is About People, Not Metrics [2017 Web Directions Summit] Performance Is About People, Not Metrics [2017 Web Directions Summit]
Performance Is About People, Not Metrics [2017 Web Directions Summit]
 
13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an Exorcism13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an Exorcism
 
The pursuit of tapiness - A case study in making tablet friendly websites
The pursuit of tapiness - A case study in making tablet friendly websitesThe pursuit of tapiness - A case study in making tablet friendly websites
The pursuit of tapiness - A case study in making tablet friendly websites
 
The 7 Most Common Usability Issues
The 7 Most Common Usability IssuesThe 7 Most Common Usability Issues
The 7 Most Common Usability Issues
 
Supercharge your application with the best UX practices
Supercharge your application with the best UX practicesSupercharge your application with the best UX practices
Supercharge your application with the best UX practices
 
Simple Usability Testing - Akademi Berbagi Bali
Simple Usability Testing - Akademi Berbagi Bali Simple Usability Testing - Akademi Berbagi Bali
Simple Usability Testing - Akademi Berbagi Bali
 
Technology acceleration
Technology accelerationTechnology acceleration
Technology acceleration
 
UX = ROI: It's not just a myth
UX = ROI: It's not just a mythUX = ROI: It's not just a myth
UX = ROI: It's not just a myth
 
Mobilising Digital Melbourne 21/03/2014
Mobilising Digital Melbourne 21/03/2014Mobilising Digital Melbourne 21/03/2014
Mobilising Digital Melbourne 21/03/2014
 
UX and UI Workshops - User Journey
UX and UI Workshops - User JourneyUX and UI Workshops - User Journey
UX and UI Workshops - User Journey
 
Fail Fast, Learn Fast, Move Fast: My UX journey to move faster
Fail Fast, Learn Fast, Move Fast: My UX journey to move fasterFail Fast, Learn Fast, Move Fast: My UX journey to move faster
Fail Fast, Learn Fast, Move Fast: My UX journey to move faster
 
UX in the Professional World - a seminar at Universitas Indonesia
UX in the Professional World - a seminar at Universitas IndonesiaUX in the Professional World - a seminar at Universitas Indonesia
UX in the Professional World - a seminar at Universitas Indonesia
 
Why Progressive Web Apps will transform your website
Why Progressive Web Apps will transform your websiteWhy Progressive Web Apps will transform your website
Why Progressive Web Apps will transform your website
 
Owning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic EnvironmentsOwning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic Environments
 
15 Ways To Improve Your Website's Conversion Rate
15 Ways To Improve Your Website's Conversion Rate15 Ways To Improve Your Website's Conversion Rate
15 Ways To Improve Your Website's Conversion Rate
 

Similar to Accessibility - Drupal and Javascript

Progressive Web Apps – the return of the web? Goto Berlin 2016
Progressive Web Apps – the return of the web? Goto Berlin 2016Progressive Web Apps – the return of the web? Goto Berlin 2016
Progressive Web Apps – the return of the web? Goto Berlin 2016Christian Heilmann
 
Email first a lean strategy & a workflow lens
Email first  a lean strategy & a workflow lensEmail first  a lean strategy & a workflow lens
Email first a lean strategy & a workflow lensMike Biggs GAICD
 
Building a wow product by @RuthlessUx
Building a wow product by @RuthlessUxBuilding a wow product by @RuthlessUx
Building a wow product by @RuthlessUxSHAHEENA ATTARWALA
 
How can websites comply with accessibility legislation and win more users?
How can websites comply with accessibility legislation and win more users?How can websites comply with accessibility legislation and win more users?
How can websites comply with accessibility legislation and win more users?Jonathan Hassell
 
Progressive Web Apps - Goto Chicago 2017
Progressive Web Apps - Goto Chicago 2017Progressive Web Apps - Goto Chicago 2017
Progressive Web Apps - Goto Chicago 2017Christian Heilmann
 
Erase and Rewind - Open Web Camp 2015
Erase and Rewind - Open Web Camp 2015Erase and Rewind - Open Web Camp 2015
Erase and Rewind - Open Web Camp 2015Christian Heilmann
 
accessibility_101.pdf
accessibility_101.pdfaccessibility_101.pdf
accessibility_101.pdfdonna911404
 
Professional web development with libraries
Professional web development with librariesProfessional web development with libraries
Professional web development with librariesChristian Heilmann
 
Usability: whats the use? Presented by We are Sigma and PRWD
Usability: whats the use? Presented by We are Sigma and PRWDUsability: whats the use? Presented by We are Sigma and PRWD
Usability: whats the use? Presented by We are Sigma and PRWDNexer Digital
 
Ux introduction training
Ux introduction trainingUx introduction training
Ux introduction trainingTim Huff
 
UX Masterclass at muru-D
UX Masterclass at muru-DUX Masterclass at muru-D
UX Masterclass at muru-DDoralin Kelly
 
Progressing JavaScript and Apps the Web way…
 Progressing JavaScript and Apps the Web way…  Progressing JavaScript and Apps the Web way…
Progressing JavaScript and Apps the Web way… Christian Heilmann
 
What companies need to know about web accessibility in 2020
What companies need to know about web accessibility in 2020What companies need to know about web accessibility in 2020
What companies need to know about web accessibility in 2020Lisandra Armas
 
Business Values of PWAs
Business Values of PWAsBusiness Values of PWAs
Business Values of PWAsUXDXConf
 
Performance and User Experience for the Web of Tomorrow
Performance and User Experience for the Web of TomorrowPerformance and User Experience for the Web of Tomorrow
Performance and User Experience for the Web of TomorrowWP Engine
 
Web Application Development Company
Web Application Development Company  Web Application Development Company
Web Application Development Company Shelly Megan
 
What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?Russ Weakley
 
Design for Cross Channel - UX Week 2012 Workshop
Design for Cross Channel - UX Week 2012 WorkshopDesign for Cross Channel - UX Week 2012 Workshop
Design for Cross Channel - UX Week 2012 WorkshopSamantha Starmer
 
Engaging your customers through Mobile platforms
Engaging your customers through Mobile platformsEngaging your customers through Mobile platforms
Engaging your customers through Mobile platformsTony Phukan
 
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...Dylan Wilbanks
 

Similar to Accessibility - Drupal and Javascript (20)

Progressive Web Apps – the return of the web? Goto Berlin 2016
Progressive Web Apps – the return of the web? Goto Berlin 2016Progressive Web Apps – the return of the web? Goto Berlin 2016
Progressive Web Apps – the return of the web? Goto Berlin 2016
 
Email first a lean strategy & a workflow lens
Email first  a lean strategy & a workflow lensEmail first  a lean strategy & a workflow lens
Email first a lean strategy & a workflow lens
 
Building a wow product by @RuthlessUx
Building a wow product by @RuthlessUxBuilding a wow product by @RuthlessUx
Building a wow product by @RuthlessUx
 
How can websites comply with accessibility legislation and win more users?
How can websites comply with accessibility legislation and win more users?How can websites comply with accessibility legislation and win more users?
How can websites comply with accessibility legislation and win more users?
 
Progressive Web Apps - Goto Chicago 2017
Progressive Web Apps - Goto Chicago 2017Progressive Web Apps - Goto Chicago 2017
Progressive Web Apps - Goto Chicago 2017
 
Erase and Rewind - Open Web Camp 2015
Erase and Rewind - Open Web Camp 2015Erase and Rewind - Open Web Camp 2015
Erase and Rewind - Open Web Camp 2015
 
accessibility_101.pdf
accessibility_101.pdfaccessibility_101.pdf
accessibility_101.pdf
 
Professional web development with libraries
Professional web development with librariesProfessional web development with libraries
Professional web development with libraries
 
Usability: whats the use? Presented by We are Sigma and PRWD
Usability: whats the use? Presented by We are Sigma and PRWDUsability: whats the use? Presented by We are Sigma and PRWD
Usability: whats the use? Presented by We are Sigma and PRWD
 
Ux introduction training
Ux introduction trainingUx introduction training
Ux introduction training
 
UX Masterclass at muru-D
UX Masterclass at muru-DUX Masterclass at muru-D
UX Masterclass at muru-D
 
Progressing JavaScript and Apps the Web way…
 Progressing JavaScript and Apps the Web way…  Progressing JavaScript and Apps the Web way…
Progressing JavaScript and Apps the Web way…
 
What companies need to know about web accessibility in 2020
What companies need to know about web accessibility in 2020What companies need to know about web accessibility in 2020
What companies need to know about web accessibility in 2020
 
Business Values of PWAs
Business Values of PWAsBusiness Values of PWAs
Business Values of PWAs
 
Performance and User Experience for the Web of Tomorrow
Performance and User Experience for the Web of TomorrowPerformance and User Experience for the Web of Tomorrow
Performance and User Experience for the Web of Tomorrow
 
Web Application Development Company
Web Application Development Company  Web Application Development Company
Web Application Development Company
 
What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?
 
Design for Cross Channel - UX Week 2012 Workshop
Design for Cross Channel - UX Week 2012 WorkshopDesign for Cross Channel - UX Week 2012 Workshop
Design for Cross Channel - UX Week 2012 Workshop
 
Engaging your customers through Mobile platforms
Engaging your customers through Mobile platformsEngaging your customers through Mobile platforms
Engaging your customers through Mobile platforms
 
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
 

Recently uploaded

WSO2CON 2024 - Cloud Native Middleware: Domain-Driven Design, Cell-Based Arch...
WSO2CON 2024 - Cloud Native Middleware: Domain-Driven Design, Cell-Based Arch...WSO2CON 2024 - Cloud Native Middleware: Domain-Driven Design, Cell-Based Arch...
WSO2CON 2024 - Cloud Native Middleware: Domain-Driven Design, Cell-Based Arch...WSO2
 
WSO2Con2024 - GitOps in Action: Navigating Application Deployment in the Plat...
WSO2Con2024 - GitOps in Action: Navigating Application Deployment in the Plat...WSO2Con2024 - GitOps in Action: Navigating Application Deployment in the Plat...
WSO2Con2024 - GitOps in Action: Navigating Application Deployment in the Plat...WSO2
 
WSO2Con2024 - Facilitating Broadband Switching Services for UK Telecoms Provi...
WSO2Con2024 - Facilitating Broadband Switching Services for UK Telecoms Provi...WSO2Con2024 - Facilitating Broadband Switching Services for UK Telecoms Provi...
WSO2Con2024 - Facilitating Broadband Switching Services for UK Telecoms Provi...WSO2
 
WSO2CON 2024 - Unlocking the Identity: Embracing CIAM 2.0 for a Competitive A...
WSO2CON 2024 - Unlocking the Identity: Embracing CIAM 2.0 for a Competitive A...WSO2CON 2024 - Unlocking the Identity: Embracing CIAM 2.0 for a Competitive A...
WSO2CON 2024 - Unlocking the Identity: Embracing CIAM 2.0 for a Competitive A...WSO2
 
[GeeCON2024] How I learned to stop worrying and love the dark silicon apocalypse
[GeeCON2024] How I learned to stop worrying and love the dark silicon apocalypse[GeeCON2024] How I learned to stop worrying and love the dark silicon apocalypse
[GeeCON2024] How I learned to stop worrying and love the dark silicon apocalypseTomasz Kowalczewski
 
WSO2CON2024 - It's time to go Platformless
WSO2CON2024 - It's time to go PlatformlessWSO2CON2024 - It's time to go Platformless
WSO2CON2024 - It's time to go PlatformlessWSO2
 
WSO2Con2024 - Low-Code Integration Tooling
WSO2Con2024 - Low-Code Integration ToolingWSO2Con2024 - Low-Code Integration Tooling
WSO2Con2024 - Low-Code Integration ToolingWSO2
 
Novo Nordisk: When Knowledge Graphs meet LLMs
Novo Nordisk: When Knowledge Graphs meet LLMsNovo Nordisk: When Knowledge Graphs meet LLMs
Novo Nordisk: When Knowledge Graphs meet LLMsNeo4j
 
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...WSO2
 
Wired_2.0_CREATE YOUR ULTIMATE LEARNING ENVIRONMENT_JCON_16052024
Wired_2.0_CREATE YOUR ULTIMATE LEARNING ENVIRONMENT_JCON_16052024Wired_2.0_CREATE YOUR ULTIMATE LEARNING ENVIRONMENT_JCON_16052024
Wired_2.0_CREATE YOUR ULTIMATE LEARNING ENVIRONMENT_JCON_16052024SimonedeGijt
 
WSO2Con2024 - Enabling Transactional System's Exponential Growth With Simplicity
WSO2Con2024 - Enabling Transactional System's Exponential Growth With SimplicityWSO2Con2024 - Enabling Transactional System's Exponential Growth With Simplicity
WSO2Con2024 - Enabling Transactional System's Exponential Growth With SimplicityWSO2
 
Effective Strategies for Wix's Scaling challenges - GeeCon
Effective Strategies for Wix's Scaling challenges - GeeConEffective Strategies for Wix's Scaling challenges - GeeCon
Effective Strategies for Wix's Scaling challenges - GeeConNatan Silnitsky
 
WSO2CON 2024 - IoT Needs CIAM: The Importance of Centralized IAM in a Growing...
WSO2CON 2024 - IoT Needs CIAM: The Importance of Centralized IAM in a Growing...WSO2CON 2024 - IoT Needs CIAM: The Importance of Centralized IAM in a Growing...
WSO2CON 2024 - IoT Needs CIAM: The Importance of Centralized IAM in a Growing...WSO2
 
WSO2Con2024 - Software Delivery in Hybrid Environments
WSO2Con2024 - Software Delivery in Hybrid EnvironmentsWSO2Con2024 - Software Delivery in Hybrid Environments
WSO2Con2024 - Software Delivery in Hybrid EnvironmentsWSO2
 
WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital Transformation
WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital TransformationWSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital Transformation
WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital TransformationWSO2
 
Artyushina_Guest lecture_YorkU CS May 2024.pptx
Artyushina_Guest lecture_YorkU CS May 2024.pptxArtyushina_Guest lecture_YorkU CS May 2024.pptx
Artyushina_Guest lecture_YorkU CS May 2024.pptxAnnaArtyushina1
 
Evolving Data Governance for the Real-time Streaming and AI Era
Evolving Data Governance for the Real-time Streaming and AI EraEvolving Data Governance for the Real-time Streaming and AI Era
Evolving Data Governance for the Real-time Streaming and AI Eraconfluent
 
WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...
WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...
WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...WSO2
 
BusinessGPT - Security and Governance for Generative AI
BusinessGPT  - Security and Governance for Generative AIBusinessGPT  - Security and Governance for Generative AI
BusinessGPT - Security and Governance for Generative AIAGATSoftware
 
WSO2CON 2024 - Building a Digital Government in Uganda
WSO2CON 2024 - Building a Digital Government in UgandaWSO2CON 2024 - Building a Digital Government in Uganda
WSO2CON 2024 - Building a Digital Government in UgandaWSO2
 

Recently uploaded (20)

WSO2CON 2024 - Cloud Native Middleware: Domain-Driven Design, Cell-Based Arch...
WSO2CON 2024 - Cloud Native Middleware: Domain-Driven Design, Cell-Based Arch...WSO2CON 2024 - Cloud Native Middleware: Domain-Driven Design, Cell-Based Arch...
WSO2CON 2024 - Cloud Native Middleware: Domain-Driven Design, Cell-Based Arch...
 
WSO2Con2024 - GitOps in Action: Navigating Application Deployment in the Plat...
WSO2Con2024 - GitOps in Action: Navigating Application Deployment in the Plat...WSO2Con2024 - GitOps in Action: Navigating Application Deployment in the Plat...
WSO2Con2024 - GitOps in Action: Navigating Application Deployment in the Plat...
 
WSO2Con2024 - Facilitating Broadband Switching Services for UK Telecoms Provi...
WSO2Con2024 - Facilitating Broadband Switching Services for UK Telecoms Provi...WSO2Con2024 - Facilitating Broadband Switching Services for UK Telecoms Provi...
WSO2Con2024 - Facilitating Broadband Switching Services for UK Telecoms Provi...
 
WSO2CON 2024 - Unlocking the Identity: Embracing CIAM 2.0 for a Competitive A...
WSO2CON 2024 - Unlocking the Identity: Embracing CIAM 2.0 for a Competitive A...WSO2CON 2024 - Unlocking the Identity: Embracing CIAM 2.0 for a Competitive A...
WSO2CON 2024 - Unlocking the Identity: Embracing CIAM 2.0 for a Competitive A...
 
[GeeCON2024] How I learned to stop worrying and love the dark silicon apocalypse
[GeeCON2024] How I learned to stop worrying and love the dark silicon apocalypse[GeeCON2024] How I learned to stop worrying and love the dark silicon apocalypse
[GeeCON2024] How I learned to stop worrying and love the dark silicon apocalypse
 
WSO2CON2024 - It's time to go Platformless
WSO2CON2024 - It's time to go PlatformlessWSO2CON2024 - It's time to go Platformless
WSO2CON2024 - It's time to go Platformless
 
WSO2Con2024 - Low-Code Integration Tooling
WSO2Con2024 - Low-Code Integration ToolingWSO2Con2024 - Low-Code Integration Tooling
WSO2Con2024 - Low-Code Integration Tooling
 
Novo Nordisk: When Knowledge Graphs meet LLMs
Novo Nordisk: When Knowledge Graphs meet LLMsNovo Nordisk: When Knowledge Graphs meet LLMs
Novo Nordisk: When Knowledge Graphs meet LLMs
 
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...
 
Wired_2.0_CREATE YOUR ULTIMATE LEARNING ENVIRONMENT_JCON_16052024
Wired_2.0_CREATE YOUR ULTIMATE LEARNING ENVIRONMENT_JCON_16052024Wired_2.0_CREATE YOUR ULTIMATE LEARNING ENVIRONMENT_JCON_16052024
Wired_2.0_CREATE YOUR ULTIMATE LEARNING ENVIRONMENT_JCON_16052024
 
WSO2Con2024 - Enabling Transactional System's Exponential Growth With Simplicity
WSO2Con2024 - Enabling Transactional System's Exponential Growth With SimplicityWSO2Con2024 - Enabling Transactional System's Exponential Growth With Simplicity
WSO2Con2024 - Enabling Transactional System's Exponential Growth With Simplicity
 
Effective Strategies for Wix's Scaling challenges - GeeCon
Effective Strategies for Wix's Scaling challenges - GeeConEffective Strategies for Wix's Scaling challenges - GeeCon
Effective Strategies for Wix's Scaling challenges - GeeCon
 
WSO2CON 2024 - IoT Needs CIAM: The Importance of Centralized IAM in a Growing...
WSO2CON 2024 - IoT Needs CIAM: The Importance of Centralized IAM in a Growing...WSO2CON 2024 - IoT Needs CIAM: The Importance of Centralized IAM in a Growing...
WSO2CON 2024 - IoT Needs CIAM: The Importance of Centralized IAM in a Growing...
 
WSO2Con2024 - Software Delivery in Hybrid Environments
WSO2Con2024 - Software Delivery in Hybrid EnvironmentsWSO2Con2024 - Software Delivery in Hybrid Environments
WSO2Con2024 - Software Delivery in Hybrid Environments
 
WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital Transformation
WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital TransformationWSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital Transformation
WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital Transformation
 
Artyushina_Guest lecture_YorkU CS May 2024.pptx
Artyushina_Guest lecture_YorkU CS May 2024.pptxArtyushina_Guest lecture_YorkU CS May 2024.pptx
Artyushina_Guest lecture_YorkU CS May 2024.pptx
 
Evolving Data Governance for the Real-time Streaming and AI Era
Evolving Data Governance for the Real-time Streaming and AI EraEvolving Data Governance for the Real-time Streaming and AI Era
Evolving Data Governance for the Real-time Streaming and AI Era
 
WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...
WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...
WSO2CON 2024 - Building the API First Enterprise – Running an API Program, fr...
 
BusinessGPT - Security and Governance for Generative AI
BusinessGPT  - Security and Governance for Generative AIBusinessGPT  - Security and Governance for Generative AI
BusinessGPT - Security and Governance for Generative AI
 
WSO2CON 2024 - Building a Digital Government in Uganda
WSO2CON 2024 - Building a Digital Government in UgandaWSO2CON 2024 - Building a Digital Government in Uganda
WSO2CON 2024 - Building a Digital Government in Uganda
 

Accessibility - Drupal and Javascript

  • 1. hello@doghouse.agency 1300 321 789/ MENU Proudly presented by hello@doghouse.agency 1300 321 789 Contact Level 13 114 William Street Melbourne, VIC 3000 Melbourne Level 1 587 Wellington Street Perth, WA 6000 Perth Accessibility Drupal and Javascript Why developers can never forget that accessibility is a human right
  • 2. hello@doghouse.agency 1300 321 789/ MENU As a developer here at Doghouse I have to always keep accessibility in mind, constantly reminding myself that there is no ‘average’ user and no such thing as ‘normal’.
  • 3. hello@doghouse.agency 1300 321 789/ MENU Every single user has a different set of perceptions and experiences; which as humans we know; but as developers we sometimes forget.
  • 4. hello@doghouse.agency 1300 321 789/ MENU We can’t put our users into a series of perceived categories or definitions just to give ourselves the leeway to do what we think is right.
  • 5. hello@doghouse.agency 1300 321 789/ MENU What we need to do instead, is rely on data and statistics to inform our inclusive development and designs.
  • 6. hello@doghouse.agency 1300 321 789/ MENU It’s not just a moral and ethical issue, it is also a legal one that has been, in the past, both an embarrassing and an expensive oversight by businesses.
  • 7. hello@doghouse.agency 1300 321 789/ MENU We can never forget that we are working for everyone, not the considered majority. Half a billion online users rely on accessibility standards.
  • 8. hello@doghouse.agency 1300 321 789/ MENU We have come a long way in recent years, but as an industry, we are not as far along as we need to be.
  • 9. hello@doghouse.agency 1300 321 789/ MENU This is highlighted by the amount of legal issues still being encountered. In 2017, 814 web accessibility cases proceeded in the United States.
  • 10. hello@doghouse.agency 1300 321 789/ MENU Closer to home in Australia, it was the 2000 Sydney Olympics that perhaps put web accessibility issues on the radar of Australian businesses; especially development and design agencies.
  • 11. hello@doghouse.agency 1300 321 789/ MENU The official website of the games was put into the accessibility spotlight when Bruce Maguire, a web user who accessed the web via a refreshable braille display, found he could not access information.
  • 12. hello@doghouse.agency 1300 321 789/ MENU He took legal action and won. This sparked the subsequent adoption by the Australian government of the W3C guidelines and fast-tracked compliance, with the Commonwealth Government requiring all agency websites to meet accessibility standards by December 1st in the same year.
  • 13. hello@doghouse.agency 1300 321 789/ MENU The case went a long way towards furthering web accessibility in Australia, but not all companies adapted fast enough or with permanent accessibility as the goal, as illustrated by Australian supermarket giant Coles being taken to court for accessibility issues in 2015.
  • 14. hello@doghouse.agency 1300 321 789/ MENU Perhaps even still, not all businesses are taking enough action; in 2018 the number of legal complaints in regard to accessibility is still on the rise, as shown by the recent issues that focus on the banking industry.
  • 15. hello@doghouse.agency 1300 321 789/ MENU With large Australian financial institutions being called out for inaccessible websites
  • 16. hello@doghouse.agency 1300 321 789/ MENU Javascript and Accessibility Javascript IS Accessible
  • 17. hello@doghouse.agency 1300 321 789/ MENU Javascript, is often considered to be a part of the reason for accessibility issues on the web, with some considering it fraught with issues that block accessibility.
  • 18. hello@doghouse.agency 1300 321 789/ MENU We work with Javascript day in and day out, however few people would be better placed than Everett Zufelt to deconstruct the myths that have long surrounded Javascript and accessibility.
  • 19. hello@doghouse.agency 1300 321 789/ MENU The glaucoma he was born with took his sight in 2004 and since then he has been reliant on assistive technology. He is the technology director at myplanet.com where he provides support for open source technologists who work with Drupal, and he doesn’t subscribe to the idea that Javascript-built applications are by nature inaccessible.
  • 20. hello@doghouse.agency 1300 321 789/ MENU He believes instead, that the issue is with developers; not the language. Something that I also believe is a valid point.
  • 21. hello@doghouse.agency 1300 321 789/ MENU “There is a long-held belief among developers that any application built using JavaScript is necessarily not accessible. This belief is reinforced by the rapid adoption of JavaScript frameworks and UI components that are immature, and by the corners that get cut when time to market takes priority over inclusivity ...But JavaScript is not to blame! As a completely blind JavaScript developer, I can state with some certainty that JavaScript is not to blame …… E Zufelt
  • 22. hello@doghouse.agency 1300 321 789/ MENU …”But JavaScript is not to blame! As a completely blind JavaScript developer, I can state with some certainty that JavaScript is not to blame …… “ E Zufelt
  • 23. hello@doghouse.agency 1300 321 789/ MENU Javascript and accessibility are not at odds with each other, according to Zufeit, who believes that the issue is not in the programming language, but in the lack of consideration by technologists regarding how users that rely on assistive technology are affected in any given online situation.
  • 24. hello@doghouse.agency 1300 321 789/ MENU “JavaScript, as a programming language, is not to blame for issues with accessibility. The use of JavaScript to update a web application’s user interface without sufficient consideration of how this influences the experience for users of assistive technology, is to blame.”
  • 25. hello@doghouse.agency 1300 321 789/ MENU “As a completely blind JavaScript developer, I can state with some certainty that JavaScript is not to blame. That long-held belief is, in fact, a misbelief. There are, however, a few things you need to know when building client-side applications with JavaScript, to ensure that your applications are universally accessible”  - source
  • 26. hello@doghouse.agency 1300 321 789/ MENU In addition to considering Javascript to being inherently inaccessible, technologists often also assume that people who use screen readers disable javascript.
  • 27. hello@doghouse.agency 1300 321 789/ MENU However, a fairly recent survey shows that this is not accurate and 97.6% of respondents that use screen readers do in fact have Javascript enabled. As a developer, this was a bit of a wake-up call.
  • 28. hello@doghouse.agency 1300 321 789/ MENU Oftentimes development and design teams believe they have created accessible applications but don’t take the time or have the resources to test how sufficient the accessibility really is.
  • 29. hello@doghouse.agency 1300 321 789/ MENU We really don’t have a good excuse for this lack of testing, we just need to make the time and the effort.
  • 30. hello@doghouse.agency 1300 321 789/ MENU These are the people best placed to give valuable user insights and feedback. Real Users Include: ● People using screen readers ● Non accessibility users ● People who use keyboard navigation ● Interested parties Accurate Testing Requires Real Users
  • 31. hello@doghouse.agency 1300 321 789/ MENU It was shown that 47% of developers admitted to knowing only the bare minimum of ARIA-roles and how to keep SPAs accessible, with an additional 28% of developers confessing that they have no idea whatsoever. - smashing magazine
  • 32. hello@doghouse.agency 1300 321 789/ MENU As highlighted by Mr Zufelt Common UX Issues UX Issues: ● trying to sign up to a social media site but being unable to register ● spending time shopping online only to find out that he is unable to checkout ● using work required applications but being unable to find the buttons
  • 33. hello@doghouse.agency 1300 321 789/ MENU I can only imagine the levels of frustration one would feel encountering these issues time and time again.
  • 34. hello@doghouse.agency 1300 321 789/ MENU As a web developer, I am always well intentioned in my work however I also know that it is a continual learning process and ongoing effort that is required to keep web accessibility at the forefront of development and design.
  • 35. hello@doghouse.agency 1300 321 789/ MENU Developers and designers can’t afford to be complacent about it — accessibility can always be improved, it should be a continual evolution. 15% of the population relies on us to do our job properly.
  • 36. hello@doghouse.agency 1300 321 789/ MENU As a developer, the support of the Drupal community in these areas is a huge bonus — there is always someone willing to lend a hand.
  • 37. hello@doghouse.agency 1300 321 789/ MENU It is also the reason, as Drupal developers we don’t have an excuses for creating inaccessible applications or designs as we have an entire community on-hand to assist us.
  • 38. hello@doghouse.agency 1300 321 789/ MENU As a final note, and a positive one, Mr Zufelt noted two companies who are getting it absolutely right for him, as a blind user — EXPEDIA and HILTON HOTEL.
  • 39. hello@doghouse.agency 1300 321 789/ MENU Source: https://medium.com/doghouse- agency/accessibility-drupal-and- javascript-57cbbdf91337
  • 40. hello@doghouse.agency 1300 321 789/ MENU Author: Paul Brzeski