5.00 (2 votes)
Education - WCAG and ADA Joomla template updated.

We are pleased to inform that we have just released the update of JM Education Joomla school template. It comes with improvements for WCAG and ADA compatibility and bug fixes. Let's take a closer look at the most interesting of them.

 

WCAG 2.1 improvements

We have implemented some of WCAG 2.1 guidelines which are officially recommended from June 2018. Let's see them.

  • Added autocomplete attributes for fields in Registration, Login and Single Contact according to Success Criterion 1.3.5 Identify Input Purpose

    The purpose of each input field collecting information about the user can be programmatically determined when:

  • Added button "Readable text" in WCAG font buttons to add letter-spacing: 0.12em and word-spacing: 0.16em to BODY according to Success Criterion 1.4.12 Text Spacing

    In content implemented using markup languages that support the following text style properties, no loss of content or functionality occurs by setting all of the following and by changing no other style property:

    • Line height (line spacing) to at least 1.5 times the font size;
    • Spacing following paragraphs to at least 2 times the font size;
    • Letter spacing (tracking) to at least 0.12 times the font size;
    • Word spacing to at least 0.16 times the font size.

    Exception: Human languages and scripts that do not make use of one or more of these text style properties in written text can conform using only the properties that exist for that combination of language and script.

    Education 1.03 update

  • Spacing following paragraphs to at least 2 times the font size according to Success Criterion 1.4.12 Text Spacing

    In content implemented using markup languages that support the following text style properties, no loss of content or functionality occurs by setting all of the following and by changing no other style property:

    • Line height (line spacing) to at least 1.5 times the font size;
    • Spacing following paragraphs to at least 2 times the font size;
    • Letter spacing (tracking) to at least 0.12 times the font size;
    • Word spacing to at least 0.16 times the font size.

    Exception: Human languages and scripts that do not make use of one or more of these text style properties in written text can conform using only the properties that exist for that combination of language and script.

 

Other WCAG and ADA improvements

There are many other improvements for WCAG and ADA compatibility. Here is the full list:

  • Added focus style to the image in accordion of DJ-Tabs
  • Changed anchors to buttons in the contrast/layout/font switcher for better compatibility with various accessibility validators
  • Removed aria-hidden=true for the contrast/layout/font switcher. Now, screen readers will also read the switcher labels
  • Added aria roles to identify a region of the page. The region role demarcates a segment of the page that contains content of significance so that it is more readily discoverable and navigable
  • Added aria labels to provide labels for regions of the page. The purpose of this technique is to provide a label for objects that can be read by assistive technology. e.g screen readers.
  • Updated article pagination which include a fix to adjacent links going to the same URL.
  • Added solution to prevent caching of the contrast classes for the body
  • Added link underlines for the default and night version
  • Added focus style for .btn class (buttons)
  • Improved time table markup to meet WCAG requirements. Now each table column has its own table heading and each table have an additional caption. Such tables gives more description about the table content for screen readers purpose.

Bug fixes and improvements

We have added many improvements and bug fixes. Here is the full list:

    • Fixed broken styles for the pager buttons
    • Fixed issue with setting the font family for horizontal menu
    • Style improvements for the latest version of DJ-MediaTools including support for the Masonry layout
    • Improvements for the latest EF4 Framework plugin. Additional settings for the Blog article titles
    • Improved responsive styles for the iframes (Google Maps)
    • Fixed possible issue with wrong menu item id for the error page
    • Improved debug messages in the error page
    • Fixed module layout to prevent issues with gzip on some PHP versions
    • Fixed displaying of module position names
    • Added smaller font for headlines for better responsiveness
    • Changed icon for WCAG "Default font" button

Education 1.03 update

 

 

See the full list of changes in the templates' changelogs

 

Want to know more?

 

Come on, comment on this post

Let us know what you think about new features, would you like to have them on your website? 

 

Users' reviews

Total rating: 5.00 (2 votes) Log-in to add review

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2018 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.