Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
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
11.
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.
14.
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 hello@opensenselabs.com to make the web a better place.