SlideShare a Scribd company logo
How is Drupal Ensuring the
Web Accessibility Standards?
● What are Web Accessibility Standards?
● Does Drupal Conform?
● What Does Drupal Do?
● Drupal 8 Features for Accessibility
● Drupal Modules For Accessibility
Index
● A single shared standard for web content accessibility that meets
the needs of all the individuals, organizations, and governments
internationally
● It is followed to make the web content more accessible. Here the
word "content" refers to every kind of information in a web page,
such as text (include heading and captions), images, sounds,
codes, markup - anything that defines the layout and framework
What are Web Accessibility Standards?
Does Drupal Conform?
● Drupal conforms to both Authoring Tool Accessibility Guidelines
(ATAG 2.0) and Web Content Accessibility Guidelines (WCAG 2.0)
guidelines.
● The initiative was started with Drupal 7 accessibility and the
community has been committed in ensuring the accessibility for all
What Does Drupal Do?
The community has an accessibility team which works to identify
the barriers, both at the code level and the awareness level to
resolve them. It provides:
● Color contrast and intensity
● Drag and Drop functionality
● Adding skip navigation to core themes
● Image handling
● Form labeling
● Search engine form and presentation
● Removing duplicate or null tags
● Accessibility for Developers
Drupal 8 Features for Accessibility
Here is a list of top Drupal 8 features for easier web accessibility.
● Semantics in the Core
Composing semantically correct HTML informs the browser and the
assistive technology what type of content it is managing with and
how that information relates to other content.
With this, assistive technologies are all the more effortlessly ready to
carry out its activity since it has a structure that it can work with.
● Aural Alerts
Drupal provides a method called “Drupal.announce()”. This helps in
making page updates obvious in a non-visual manner. This method
creates an aria-live element on the page.
● Controlled Tab Order
The TabbingManager, in Drupal, is an awesome medium to direct
both non-visual and non-mouse users to access the prime elements
on the page in a logical order. It, thus, permits more control when
exploring complex UIs.
● Accessible Inline Form Errors
Drupal forms are impressively more open to the expansion of
available inline form errors. It is now easier for everyone to identify
what errors they might have made while filling in a web form.
● Fieldsets
Fieldset labels are utilized as systems for gathering related
segments of forms. Effectively implementing <fieldset> label gives
a visual diagram around the shape field gathering.
Drupal presently uses fieldsets for radios & checkboxes in the Form
API. This helps towards additionally upgrading forms in Drupal.
● Automatic Alt text
The Automatic Alt text module automatically generates an
alternative text for images when no alt text has been provided by the
user.
Drupal Modules For Accessibility
How is Drupal Ensuring the Web Accessibility Standards?
● Block ARIA Landmark Roles
Block ARIA Landmark Roles adds additional elements to the block
configuration forms that allow users to assign an ARIA landmark
role to a block.
● CKEditor Abbreviation
The CKEditor Abbreviation module adds a button to CKEditor which
helps in inserting and editing abbreviations in a given text.
● CKEditor Accessibility Checker
The module lets you inspect the accessibility level of the content
created, and immediately solves any accessibility issue that is found.
● High Contrast
High Contrast module, provides a quick solution to allow the user to
switch between the active theme and a high contrast version of it
helping them pull out of the problem.
How is Drupal Ensuring the Web Accessibility Standards?
● HtmLawed
It utilizes the htmLawed PHP library to limit and filter HTML for
consistency with site administrator policy and standards for security.
● Style Switcher
Themers can provide a theme with alternate stylesheets. Allowing
special styling of some part of the site, the module presents all those
styles as a block with links. So any site user is able to choose the style
of the site he/she prefers.
● Text Resize
The Text Resize module provides the end-users with a block that can
be used to quickly to change the font size of text on your Drupal site.
● Accessibility
Accessibility module gives you a list of available Accessibility tests,
(most of which are) aligned with one or more guidelines like WCAG
2.0 or Section 508.
We ensure that our different teams and interaction work
together in order to make the Web more accessible to people
with disabilities. At OpenSense Labs we design and develop the
web technologies to ensure universal accessibility. Connect with
us at hello@opensenselabs.com to make the web a better place.
THANK YOU

More Related Content

What's hot (9)

PDF
What to Expect in Drupal 8
Mediacurrent
 
PDF
Django vs laravel
Mindfire LLC
 
PPTX
Advantages of using drupal 8
NeilWilson2015
 
PDF
WHY SHOULD UPGRADE TO DRUPAL 8?
PixelCrayons
 
PDF
Architecting your Frontend
Ruben Teijeiro
 
PPTX
Web components
OpenSense Labs
 
PDF
Angular js for web development
Mindfire LLC
 
PDF
Dreamweaver Application
Sarah Hall
 
PPTX
Dimpact wim bumpy road of building reusable platform for municipalities from...
DrupalCamp Kyiv
 
What to Expect in Drupal 8
Mediacurrent
 
Django vs laravel
Mindfire LLC
 
Advantages of using drupal 8
NeilWilson2015
 
WHY SHOULD UPGRADE TO DRUPAL 8?
PixelCrayons
 
Architecting your Frontend
Ruben Teijeiro
 
Web components
OpenSense Labs
 
Angular js for web development
Mindfire LLC
 
Dreamweaver Application
Sarah Hall
 
Dimpact wim bumpy road of building reusable platform for municipalities from...
DrupalCamp Kyiv
 

Similar to How is Drupal Ensuring the Web Accessibility Standards? (20)

PDF
Introduction to drupal
Pedro Cambra
 
PDF
Drupal 8 and Pantheon
Pantheon
 
PDF
12 must know drupal 8 features
Ray Business Technologies
 
ODP
Contributions: what they are and how to find them
Pedro Cambra
 
PDF
Mlb drupal bizday_presentation
erlee72
 
PPT
Drupal - Introduction to User Management in Drupal
Vibrant Technologies & Computers
 
PDF
Future Scope of Drupal as a Technology in 2020 and Beyond
Katy Slemon
 
PPTX
Top Drupal 8 Distributions
OpenSense Labs
 
ODP
Drupal introduction
Geshan Manandhar
 
PPTX
Backing yourself into an Accessible Corner
Mark Casias
 
PDF
Publishing in an Agile World
WebWorks
 
PPT
What's Drupal_ .ppt
Techinventive Software
 
PDF
What's Drupal?
Techinventive Software
 
PPTX
Drupal by Gaurav Boudh
Library and Information Science Blog
 
PDF
From Drupal 7 to Drupal 8 - Drupal Intensive Course Overview
Italo Mairo
 
PDF
Drupal Development.pdf
Appdeveloper10
 
PPTX
Web Accessibility in Drupal
Promet Source
 
PDF
Drupal
Ruben Teijeiro
 
PPTX
10 Useful Front End Development Tools for Web Apps | 2020
Claritus Consulting
 
PDF
Most Common Tools in Full Stack Development
Zoople Technologies
 
Introduction to drupal
Pedro Cambra
 
Drupal 8 and Pantheon
Pantheon
 
12 must know drupal 8 features
Ray Business Technologies
 
Contributions: what they are and how to find them
Pedro Cambra
 
Mlb drupal bizday_presentation
erlee72
 
Drupal - Introduction to User Management in Drupal
Vibrant Technologies & Computers
 
Future Scope of Drupal as a Technology in 2020 and Beyond
Katy Slemon
 
Top Drupal 8 Distributions
OpenSense Labs
 
Drupal introduction
Geshan Manandhar
 
Backing yourself into an Accessible Corner
Mark Casias
 
Publishing in an Agile World
WebWorks
 
What's Drupal_ .ppt
Techinventive Software
 
What's Drupal?
Techinventive Software
 
Drupal by Gaurav Boudh
Library and Information Science Blog
 
From Drupal 7 to Drupal 8 - Drupal Intensive Course Overview
Italo Mairo
 
Drupal Development.pdf
Appdeveloper10
 
Web Accessibility in Drupal
Promet Source
 
10 Useful Front End Development Tools for Web Apps | 2020
Claritus Consulting
 
Most Common Tools in Full Stack Development
Zoople Technologies
 
Ad

More from OpenSense Labs (16)

PDF
Executing Deployment & Release Strategies
OpenSense Labs
 
PPTX
Infrastructure as Code principles and practices
OpenSense Labs
 
PPTX
Coming together of accessibility and usability
OpenSense Labs
 
PPTX
Best Security Focussed CMS: Drupal 8
OpenSense Labs
 
PPTX
DevOps culture
OpenSense Labs
 
PPTX
7 automated visual testing tools for you
OpenSense Labs
 
PPTX
How can Augmented Reality and Drupal Come Together
OpenSense Labs
 
PPTX
Power of Microservices Architecture in Drupal Development
OpenSense Labs
 
PPTX
Top 10 Drupal Themes for 2018
OpenSense Labs
 
PPTX
Gaming Companies and Communities for Drupal
OpenSense Labs
 
PPTX
ADA Accessibility Checklist in Higher Education
OpenSense Labs
 
PPTX
Drupal 8.6 Release and the Road Ahead
OpenSense Labs
 
PPTX
Understanding Distributed Content Management System
OpenSense Labs
 
PPTX
Scrum Framework: An Agile Solution for Drupal Development
OpenSense Labs
 
PPTX
In the Pursuit of Headless with Contenta
OpenSense Labs
 
PPTX
Drupal Effect on High Performance Websites
OpenSense Labs
 
Executing Deployment & Release Strategies
OpenSense Labs
 
Infrastructure as Code principles and practices
OpenSense Labs
 
Coming together of accessibility and usability
OpenSense Labs
 
Best Security Focussed CMS: Drupal 8
OpenSense Labs
 
DevOps culture
OpenSense Labs
 
7 automated visual testing tools for you
OpenSense Labs
 
How can Augmented Reality and Drupal Come Together
OpenSense Labs
 
Power of Microservices Architecture in Drupal Development
OpenSense Labs
 
Top 10 Drupal Themes for 2018
OpenSense Labs
 
Gaming Companies and Communities for Drupal
OpenSense Labs
 
ADA Accessibility Checklist in Higher Education
OpenSense Labs
 
Drupal 8.6 Release and the Road Ahead
OpenSense Labs
 
Understanding Distributed Content Management System
OpenSense Labs
 
Scrum Framework: An Agile Solution for Drupal Development
OpenSense Labs
 
In the Pursuit of Headless with Contenta
OpenSense Labs
 
Drupal Effect on High Performance Websites
OpenSense Labs
 
Ad

Recently uploaded (20)

PPTX
Top iOS App Development Company in the USA for Innovative Apps
SynapseIndia
 
PDF
Meetup Kickoff & Welcome - Rohit Yadav, CSIUG Chairman
ShapeBlue
 
PDF
TrustArc Webinar - Data Privacy Trends 2025: Mid-Year Insights & Program Stra...
TrustArc
 
PDF
Wojciech Ciemski for Top Cyber News MAGAZINE. June 2025
Dr. Ludmila Morozova-Buss
 
PDF
The Builder’s Playbook - 2025 State of AI Report.pdf
jeroen339954
 
PDF
Complete JavaScript Notes: From Basics to Advanced Concepts.pdf
haydendavispro
 
PDF
HCIP-Data Center Facility Deployment V2.0 Training Material (Without Remarks ...
mcastillo49
 
PDF
Predicting the unpredictable: re-engineering recommendation algorithms for fr...
Speck&Tech
 
PDF
DevBcn - Building 10x Organizations Using Modern Productivity Metrics
Justin Reock
 
PDF
SFWelly Summer 25 Release Highlights July 2025
Anna Loughnan Colquhoun
 
PDF
Persuasive AI: risks and opportunities in the age of digital debate
Speck&Tech
 
PPTX
UiPath Academic Alliance Educator Panels: Session 2 - Business Analyst Content
DianaGray10
 
PDF
Smart Air Quality Monitoring with Serrax AQM190 LITE
SERRAX TECHNOLOGIES LLP
 
PDF
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
PDF
Empowering Cloud Providers with Apache CloudStack and Stackbill
ShapeBlue
 
PDF
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
 
PDF
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
PDF
SWEBOK Guide and Software Services Engineering Education
Hironori Washizaki
 
PPTX
✨Unleashing Collaboration: Salesforce Channels & Community Power in Patna!✨
SanjeetMishra29
 
PDF
July Patch Tuesday
Ivanti
 
Top iOS App Development Company in the USA for Innovative Apps
SynapseIndia
 
Meetup Kickoff & Welcome - Rohit Yadav, CSIUG Chairman
ShapeBlue
 
TrustArc Webinar - Data Privacy Trends 2025: Mid-Year Insights & Program Stra...
TrustArc
 
Wojciech Ciemski for Top Cyber News MAGAZINE. June 2025
Dr. Ludmila Morozova-Buss
 
The Builder’s Playbook - 2025 State of AI Report.pdf
jeroen339954
 
Complete JavaScript Notes: From Basics to Advanced Concepts.pdf
haydendavispro
 
HCIP-Data Center Facility Deployment V2.0 Training Material (Without Remarks ...
mcastillo49
 
Predicting the unpredictable: re-engineering recommendation algorithms for fr...
Speck&Tech
 
DevBcn - Building 10x Organizations Using Modern Productivity Metrics
Justin Reock
 
SFWelly Summer 25 Release Highlights July 2025
Anna Loughnan Colquhoun
 
Persuasive AI: risks and opportunities in the age of digital debate
Speck&Tech
 
UiPath Academic Alliance Educator Panels: Session 2 - Business Analyst Content
DianaGray10
 
Smart Air Quality Monitoring with Serrax AQM190 LITE
SERRAX TECHNOLOGIES LLP
 
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
Empowering Cloud Providers with Apache CloudStack and Stackbill
ShapeBlue
 
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
 
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
SWEBOK Guide and Software Services Engineering Education
Hironori Washizaki
 
✨Unleashing Collaboration: Salesforce Channels & Community Power in Patna!✨
SanjeetMishra29
 
July Patch Tuesday
Ivanti
 

How is Drupal Ensuring the Web Accessibility Standards?

  • 1. How is Drupal Ensuring the Web Accessibility Standards?
  • 2. ● What are Web Accessibility Standards? ● Does Drupal Conform? ● What Does Drupal Do? ● Drupal 8 Features for Accessibility ● Drupal Modules For Accessibility Index
  • 3. ● A single shared standard for web content accessibility that meets the needs of all the individuals, organizations, and governments internationally ● It is followed to make the web content more accessible. Here the word "content" refers to every kind of information in a web page, such as text (include heading and captions), images, sounds, codes, markup - anything that defines the layout and framework What are Web Accessibility Standards?
  • 4. Does Drupal Conform? ● Drupal conforms to both Authoring Tool Accessibility Guidelines (ATAG 2.0) and Web Content Accessibility Guidelines (WCAG 2.0) guidelines. ● The initiative was started with Drupal 7 accessibility and the community has been committed in ensuring the accessibility for all
  • 5. What Does Drupal Do? The community has an accessibility team which works to identify the barriers, both at the code level and the awareness level to resolve them. It provides: ● Color contrast and intensity ● Drag and Drop functionality ● Adding skip navigation to core themes ● Image handling ● Form labeling ● Search engine form and presentation ● Removing duplicate or null tags ● Accessibility for Developers
  • 6. Drupal 8 Features for Accessibility Here is a list of top Drupal 8 features for easier web accessibility. ● Semantics in the Core Composing semantically correct HTML informs the browser and the assistive technology what type of content it is managing with and how that information relates to other content. With this, assistive technologies are all the more effortlessly ready to carry out its activity since it has a structure that it can work with.
  • 7. ● Aural Alerts Drupal provides a method called “Drupal.announce()”. This helps in making page updates obvious in a non-visual manner. This method creates an aria-live element on the page.
  • 8. ● Controlled Tab Order The TabbingManager, in Drupal, is an awesome medium to direct both non-visual and non-mouse users to access the prime elements on the page in a logical order. It, thus, permits more control when exploring complex UIs. ● Accessible Inline Form Errors Drupal forms are impressively more open to the expansion of available inline form errors. It is now easier for everyone to identify what errors they might have made while filling in a web form.
  • 9. ● Fieldsets Fieldset labels are utilized as systems for gathering related segments of forms. Effectively implementing <fieldset> label gives a visual diagram around the shape field gathering. Drupal presently uses fieldsets for radios & checkboxes in the Form API. This helps towards additionally upgrading forms in Drupal.
  • 10. ● Automatic Alt text The Automatic Alt text module automatically generates an alternative text for images when no alt text has been provided by the user. Drupal Modules For Accessibility
  • 12. ● Block ARIA Landmark Roles Block ARIA Landmark Roles adds additional elements to the block configuration forms that allow users to assign an ARIA landmark role to a block. ● CKEditor Abbreviation The CKEditor Abbreviation module adds a button to CKEditor which helps in inserting and editing abbreviations in a given text.
  • 13. ● CKEditor Accessibility Checker The module lets you inspect the accessibility level of the content created, and immediately solves any accessibility issue that is found. ● High Contrast High Contrast module, provides a quick solution to allow the user to switch between the active theme and a high contrast version of it helping them pull out of the problem.
  • 15. ● HtmLawed It utilizes the htmLawed PHP library to limit and filter HTML for consistency with site administrator policy and standards for security. ● Style Switcher Themers can provide a theme with alternate stylesheets. Allowing special styling of some part of the site, the module presents all those styles as a block with links. So any site user is able to choose the style of the site he/she prefers.
  • 16. ● Text Resize The Text Resize module provides the end-users with a block that can be used to quickly to change the font size of text on your Drupal site. ● Accessibility Accessibility module gives you a list of available Accessibility tests, (most of which are) aligned with one or more guidelines like WCAG 2.0 or Section 508.
  • 17. We ensure that our different teams and interaction work together in order to make the Web more accessible to people with disabilities. At OpenSense Labs we design and develop the web technologies to ensure universal accessibility. Connect with us at [email protected] to make the web a better place.