New Target Voluntary Product Accessibility Template (VPAT)

This Voluntary Product Accessibility Template, or VPAT, is a tool that administrators and decision-makers can use to evaluate 3rd party content management software systems' conformance with the accessibility standards under Section 508 of the Rehabilitation Act.

 

Name of Products: Drupal & WordPress

 

Section 1194.22 Web-based intranet and Internet information and applications - Drupal 7

Provision Text

Applicable

How does the EIT meet this requirement?

Technical Explanation

(a) A text equivalent for every non-text element shall be provided (e.g., via “alt”, “longdesc”, or in element content).

Yes

Fully

The Drupal 7 CMS with the addition of the accessible CKEditor module is set up to allow users to add alt text or a URL to long description in the element content of each image.

(b) Equivalent alternatives for any multimedia presentation shall be synchronized with the presentation.

Yes

 X Fully

The Drupal 7 CMS allows users to create a control that will allow them to add transcripts to their multimedia.

(c) Web pages shall be designed so that all information conveyed with color is also available without color, for example from context or markup.

Yes

 X Fully

Drupal 7 CMS users have the ability to change the color scheme of their site. All information conveyed in color is also available with icons or markup.

(d) Documents shall be organized so they are readable without requiring an associated style sheet.

Yes

 X Fully

Drupal 7.0 creates layout that is well structured and is readable and usable without CSS. The various themes and templates also allow site builders to structure their websites properly.

(e) Redundant text links shall be provided for each active region of a server-side image map.

Yes

 X Fully

Drupal 7.0 users may insert accessible image maps through the CMS.

(f) Client-side image maps shall be provided instead of server-side image maps except where the regions cannot be defined with an available geometric shape.

Yes

X Fully

Drupal 7.0 CMS allows users to create accessible alternatives to server-side image maps by creating equivalent (i.e., duplicate navigation links elsewhere on the page).

(g) Row and column headers shall be identified for data tables.

Yes

X Fully

Drupal 7.0 Core with the accessible CKEditor module facilitates the identification of column and row headers to create accessible data tables. 

(h) Markup shall be used to associate data cells and header cells for data tables that have two or more logical levels of row or column headers.

Yes

X Not

Drupal 7.0 users cannot effectively add the necessary ID and Header tags to associate to data cells with their headers. (This can be done in Drupal 8.) 

(i) Frames shall be titled with text that facilitates frame identification and navigation

Yes

X N/A

The Drupal UI does not use frames. The Drupal 7.0 CMS does not support the use of frames and frames cannot be created in a Drupal site. 

(j) Pages shall be designed to avoid causing the screen to flicker with a frequency greater than 2 Hz and lower than 55 Hz.

Yes

 X Fully

The Drupal CMS does not cause the screen to flicker.

(k) A text-only page, with equivalent information or functionality, shall be provided to make a web site comply with the provisions of this part, when compliance cannot be accomplished in any other way. The content of the text-only page shall be updated whenever the primary page changes.

Yes

 X  Fully

The Drupal 7 CMS can create a text only page, without styles, in order to provide equivalent content, if needed. This page can be updated by the user as needed.

(l) When pages utilize scripting languages to display content, or to create interface elements, the information provided by the script shall be identified with functional text that can be read by Assistive Technology.

Yes

Fully

Drupal enables scripting to pass information about elements and content to Assistive Technology in a readable manner. 

(m) When a web page requires that an applet, plug-in or other application be present on the client system to interpret page content, the page must provide a link to a plug-in or applet that complies with Section1194.21(a) through (l). 

Yes

X Fully

Drupal enables the user to provide links to applets, plug-ins or other applications needed to access page content. 

(n) When electronic forms are designed to be completed on-line, the form shall allow people using Assistive Technology to access the information, field elements, and functionality required for completion and submission of the form, including all directions and cues. 

Yes

 X Fully

Forms within the Drupal 7 UI are designed to provide information, directions and cues accessible to all users and AT. The Drupal 7 CMS enables users to code form tags and labels for accessibility in their content.

(o) A method shall be provided that permits users to skip repetitive navigation links. 

Yes

 Fully

The Drupal 7 UI contains a skip navigation element at the top of the editing window.  Drupal enables users to create sites and applications with skip navigation elements. See Providing a way to skip navigation for additional explanation/instructions.

(p) When a timed response is required, the user shall be alerted and given sufficient time to indicate more time is required.

Yes

X  Fully

The Drupal  7 UI requires no timed responses. Drupal enables users to create alerts in content that respond to requests for more time, if timed responses used. 

 

 

 

Section 1194.22 Web-based intranet and Internet information and applications - Drupal 8

Provision Text

Applicable

How does the EIT meet this requirement?

Technical Explanation

 

(a) A text equivalent for every non-text element shall be provided (e.g., via “alt”, “longdesc”, or in element content).

 

Yes

X Fully

 

Drupal 8 CMS can be set up to require developers to add alt text in the element content of each image. It also provides a way to add a URL to long descriptions. Drupal 8’s Automatic Alternative Text (Latest Version: 8.x-1.0-alpha2) module uses the Microsoft Azure Cognitive Services API to generate an Alternative Text for images when no Alternative Text has been provided by user.

 

(b) Equivalent alternatives for any multimedia presentation shall be synchronized with the presentation.

 

Yes

 

 X Fully

 

Drupal 8 allows developers to create a control that will allow them to add transcripts to their multimedia. See specific instructions for Creating and Configuring Media Types in Drupal 8.

 

(c) Web pages shall be designed so that all information conveyed with color is also available without color, for example from context or markup.

 

Yes

 Fully

 

Drupal 8.0 developers have the ability to change the color scheme of their site. All information conveyed in color is also available with icons or markup. The Drupal 8 Style Switcher Module allows the website developer to add alternate stylesheets right in the admin section. The website user is then able to choose the style of the site he/she prefers.

 

(d) Documents shall be organized so they are readable without requiring an associated style sheet.

Yes

 X Fully

Drupal 8.0 uses semantic HTML5 elements to create layout that is well structured, readable and usable without CSS. The various themes and templates also allow site builders to structure their websites properly. The Drupal 8 Style Switcher Module allows the website developer to add alternate stylesheets right in the admin section. The website user is then able to choose the style of the site he/she prefers.

 

(e) Redundant text links shall be provided for each active region of a server-side image map.

Yes

 X Fully

Through the Drupal 8.0 CMS, developers can insert accessible text links on the same page where server-side image maps are located.

 

(f) Client-side image maps shall be provided instead of server-side image maps except where the regions cannot be defined with an available geometric shape.

Yes

 X Fully

Drupal 8.0 CMS allows developers to create accessible alternatives to server-side image maps by creating equivalent (i.e., duplicate navigation links) located close to the image map on the page.

 

(g) Row and column headers shall be identified for data tables.

Yes

X Fully

Drupal 8.0 facilitates the identification of column and row headers to create accessible data tables. Drupal 8 supports WAI-ARIA's aria-sort within table headers. 

 

(h) Markup shall be used to associate data cells and header cells for data tables that have two or more logical levels of row or column headers.

Yes

 X Fully

Drupal 8 CMS allows web developers to add the necessary ID and Header tags to associate data cells with their headers. 

 

(i) Frames shall be titled with text that facilitates frame identification and navigation

Yes

 X N/A

The Drupal UI does not use frames. The Drupal 8.0 CMS does not support the use of frames and frames cannot be created in a Drupal site. 

 

(j) Pages shall be designed to avoid causing the screen to flicker with a frequency greater than 2 Hz and lower than 55 Hz.

Yes

 X Fully

The Drupal CMS allows the developer to create web pages that do not cause the browser screen to flicker. The htmLawed Module uses the htmLawed PHP library to restrict and purify HTML for compliance with site administrator policy and standards and for security. Use of the htmLawed library allows for highly customizable control of HTML markup.

 

(k) A text-only page, with equivalent information or functionality, shall be provided to make a web site comply with the provisions of this part, when compliance cannot be accomplished in any other way. The content of the text-only page shall be updated whenever the primary page changes.

Yes

 X  Fully

The Drupal 8 CMS allows the web developer to create a text-only page, without styles, to provide equivalent content, if needed. This page will also be updated when the primary page content is changed.

(l) When pages utilize scripting languages to display content, or to create interface elements, the information provided by the script shall be identified with functional text that can be read by Assistive Technology.

 

Yes

X Fully

Drupal 8 CMS enables scripting to pass information about elements and content to Assistive Technology in a readable manner. Examples of accessibility tools for JavaScript in Drupal 8 are Announce page updates aurally, Constrain tabbing and Devel accessibility. 

 

(m) When a web page requires that an applet, plug-in or other application be present on the client system to interpret page content, the page must provide a link to a plug-in or applet that complies with Section1194.21(a) through (l). 

Yes

X Fully

Drupal 8 enables the developer to create links that allow the end-user to download applets, plug-ins or other applications needed to access page content. 

 

(n) When electronic forms are designed to be completed on-line, the form shall allow people using Assistive Technology to access the information, field elements, and functionality required for completion and submission of the form, including all directions and cues. 

Yes

 X Fully

Forms within the Drupal 8 UI are designed to provide information, directions and cues accessible to all users and AT. The Drupal 8 CMS enables developers to code form tags and labels for accessibility in their content.

 

(o) A method shall be provided that permits users to skip repetitive navigation links. 

Yes

 X Fully

The Drupal 8 UI contains a skip navigation element at the top of the editing window.  Drupal enables users to create sites and applications with skip navigation elements. See Providing a way to skip navigation for additional explanation/instructions. 

 

 

Section 1194.22 Web-based Internet Information and Applications - WordPress
Criteria Supporting Features Remarks
(a) A text equivalent for every non-text element shall be provided (for example, via “alt,” “longdesc,” or in element content). Supports Site builders can add alt text for every image on the site.
(b) Equivalent alternatives for any multimedia presentation shall be synchronized with the presentation. Supports A user can create a field that will allow them to add transcripts to their multimedia.
(c) Web pages shall be designed so that all information conveyed with color is also available without color, for example, from context or markup. Supports Many WordPress themes have a color contrast that passes 508 standards out of the box, but themers may change colors and their contrast to ensure they pass.
(d) Documents shall be organized so they are readable without requiring an associated style sheet. Supports Layout is well structured and is readable and usable without CSS. The various themes and templates also allow site builders to structure their websites properly.
(e) Redundant text links shall be provided for each active region of a server-side image map. Supports Users may create image maps through the CMS.
(f) Client-side image maps shall be provided instead of server-side image maps except where the regions cannot be defined with an available geometric shape. Supports Users may create image maps through the CMS.
(g) Row and column headers shall be identified for data tables. Supports Users are able to create data tables through the system.
(h) Markup shall be used to associate data cells and header cells for data tables that have two or more logical levels of row or column headers. Supports Markup is used when a user creates a data table for their site.
(i) Frames shall be titled with text that facilitates frame identification and navigation. Supports Site builders can add the iFrame plugin and can add in titles.
(j) Pages shall be designed to avoid causing the screen to flicker with a frequency greater than 2Hz and lower than 55Hz. Supports The CMS does not have automatic screen flicker.
(k) A text-only page, with equivalent information or functionality, shall be provided to make a Web site comply with the provisions of this part, when compliance cannot be accomplished in any other way.The content of the text-only page shall be updated whenever the primary page changes. Supports The user is able to style their website so that the page is available without any styles and in order.
(l) When pages utilize scripting languages to display content or to create interface elements, the information provided by the script shall be identified with functional text that can be read by Assistive Technology. Supports A user is able to add code or update code so that the code may be read if the scripting language is turned off.
(m) When a Web page requires that an applet, plug-in, or other application be present on the client system to interpret page content, the page must provide a link to a plug-in or applet that complies with §1194.21(a) through (l). Supports Users may add links to these applets or plug-ins.
(n) When electronic forms are designed to be completed online, the form shall allow people using Assistive Technology to access the information, field elements, and functionality required for completion and submission of the form, including all directions and cues. Supports Developers are able to update the code to ensure that all of the labels and fields are read by screen readers and navigable by keyboard users.
(o) A metdod shall be provided that permits users to skip repetitive navigation links. Supports Site builders can modify the template to add the “Skip to Main Navigation” link.
(p) When a timed response is required, the user shall be alerted and given sufficient time to indicate more time is required. Supports Users will be able to code this functionality based on features in WordPress.

 

 

  • How is Artificial Intelligence impacting web development and web design? Find out implications for the future in o… t.co/H64Bf4ZMpB
    January 20
  • You started collecting website data, but now what? With the right questions and goals, you can start growing your b… t.co/rCx5cK0EFS
    January 18
  • #Adobe adds progressive web apps to it's platform with expectations to enhance the online shopping experience.… t.co/Ls2FAiUrmz
    January 17
  • Your #omnichannel approach must be strategic in order to deliver an experience that engages your target audience.… t.co/zNMeXMUK31
    January 16
  • RT @drupalassoc: Happy birthday #Drupal! To the Drupal community: you make it happen. We're celebrating your achievements and your world-ch…
    January 16
  • More people are using streaming services over traditional television, but are you leveraging streaming services and… t.co/L6URsY1qff
    January 15