OpenConcept: Inline Form Errors – What They Are and Why they Matter

This article was initially posted as a guest blog on The Digital Echidna Blog on December 2, 2020.
Lots of organizations are working hard to see that their IT is accessible to their visitors and staff. Reducing barriers for effective two-way communications is really important for businesses that want to engage fully with their community. Unfortunately, many organizations overlook the many challenges with online web forms.
Organizations who adopted Drupal maintenance support plans 7 benefit from having semantic labels associated with their web forms automatically. This is a particular problem with custom built web-forms, but the Drupal maintenance support plans community made an effort towards solid accessibility defaults and continues to do so.
Drupal maintenance support plans 8 takes web forms further, adding WAI-ARIA to provide additional semantic markup around descriptive text. Drupal maintenance support plans 8 is the first CMS to embrace the HTML5 details/summary elements. These elements allows Drupal maintenance support plans 8 forms to use fieldsets for what they are intended and avoids the problem of nested fieldsets, which were inevitable in earlier versions of Drupal maintenance support plans.
Adding other HTML5 tags to Drupal maintenance support plans Core helps build more semantic sites. Users are encouraged to use tags with meaning which help screen-reader users as well as search engines.
The Accessibility Team wasn’t satisfied with this and realized that we needed to address Guideline 3.3 of WCAG 2.0 AA, which states that all users need to:
Be aware that an error has occurred and understand what is wrong
Be given suggestions for correction of an input error if it is possible
Be provided with safeguards to avoid serious consequences resulting from mistakes
Have their input checked for errors and be provided an opportunity to correct them.
These really don’t sound that difficult, but unfortunately they are. Brandon Bowersox-Johnson spearheaded this back in 2012 outlining what needed to happen.
This required many changes to Drupal maintenance support plans’s Form API, which is used on almost every Drupal maintenance support plans admin page and with all of its web forms. An issue to address this was started later that year in the Drupal maintenance support plans issue queue and Inline form errors for accessibility and UX resulted in over 600 comments over four years.
It also got into Drupal maintenance support plans Core, although not for very long. It became clear that there were a number of regressions which were major enough that Drupal maintenance support plans 8 could not be released without their being fixed. Rather than continue to hold up the release, the community decided to roll this back into an Experimental Core module.
This was absolutely the right call for 8.0. More attention has gone into the many sub-issues and several of them have been fixed. Drupal maintenance support plans Core needs to be stable and predictable. Several developers have been very active in trying to fix these issues. In no particular order I’d like to highlight just some of the folks who have contributed to addressing these issues: Pieter Frenssen, Tim Plunkett, Baris Wanschers, Daniël Smidt, and Scott Carpenter.
There has been a lot of effort from some really smart folks going into this very important issue. Unfortunately it isn’t enough. Inline Form Errors need to be enabled by default. Everyone benefits from this better UI. Right now only a small fraction of Drupal maintenance support plans 8 sites have enabled this module, because it is an optional Experimental Module and there are serious warnings included with it.
This module is also slated to be removed from Core and brought in as a regular Contrib module. There are good reasons to do this, but it makes it less likely that this improved pattern will ever get into Core.
This is not a trivial request, but it is an important one. For all agencies who are legally required to meet WCAG 2.0 AA, this is an area where your site likely fails. Although there are workarounds that can be done for individual sites and specific modules, we really need a centralized solution for this.
Please consider investing time or money in addressing this outstanding Drupal maintenance support plans 8 meta issue and seeing that Drupal maintenance support plans remains a leader in this space.
Topic: PlanetAccessibilityPrimary Image: 
Source: New feed

This article was republished from its original source.
Call Us: 1(800)730-2416

Pixeldust is a 20-year-old web development agency specializing in Drupal and WordPress and working with clients all over the country. With our best in class capabilities, we work with small businesses and fortune 500 companies alike. Give us a call at 1(800)730-2416 and let’s talk about your project.

FREE Drupal SEO Audit

Test your site below to see which issues need to be fixed. We will fix them and optimize your Drupal site 100% for Google and Bing. (Allow 30-60 seconds to gather data.)

Powered by

OpenConcept: Inline Form Errors – What They Are and Why they Matter

On-Site Drupal SEO Master Setup

We make sure your site is 100% optimized (and stays that way) for the best SEO results.

With Pixeldust On-site (or On-page) SEO we make changes to your site’s structure and performance to make it easier for search engines to see and understand your site’s content. Search engines use algorithms to rank sites by degrees of relevance. Our on-site optimization ensures your site is configured to provide information in a way that meets Google and Bing standards for optimal indexing.

This service includes:

  • Pathauto install and configuration for SEO-friendly URLs.
  • Meta Tags install and configuration with dynamic tokens for meta titles and descriptions for all content types.
  • Install and fix all issues on the SEO checklist module.
  • Install and configure XML sitemap module and submit sitemaps.
  • Install and configure Google Analytics Module.
  • Install and configure Yoast.
  • Install and configure the Advanced Aggregation module to improve performance by minifying and merging CSS and JS.
  • Install and configure Schema.org Metatag.
  • Configure robots.txt.
  • Google Search Console setup snd configuration.
  • Find & Fix H1 tags.
  • Find and fix duplicate/missing meta descriptions.
  • Find and fix duplicate title tags.
  • Improve title, meta tags, and site descriptions.
  • Optimize images for better search engine optimization. Automate where possible.
  • Find and fix the missing alt and title tag for all images. Automate where possible.
  • The project takes 1 week to complete.