Krolyn Studios is very happy to announce the release of new versions for classic ENVY Version 1.3 and ENVY PRO Version 1.2, now with built-in support for Genesis 2.2’s web accessibility features.
So, what is Web Accessibility?
According to W3C, “Web accessibility means that people with disabilities can use the Web. More specifically, Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web. Web accessibility also benefits others, including older people with changing abilities due to ageing.”
“The Web is an increasingly important resource in many aspects of life: education, employment, government, commerce, health care, recreation, and more. It is essential that the Web be accessible in order to provide equal access and equal opportunity to people with disabilities. An accessible Web can also help people with disabilities more actively participate in society.”
How is ENVY more accessible?
New accessibility features were included in the release of Genesis 2.2 several months ago. However, their inclusion in Genesis child themes is optional and requires close attention to child theme functions and styles. As such, there have been many changes across both ENVY themes to benefit from the new accessibility features, including;-
1) Adjusted styling for the new Genesis accessible semantic heading structure.
2) Repositioning of primary navigation within the header (replacing the header-right widget area).
3) Addition of a fully accessible and responsive drop-down menu.
4) Addition of screen-reader-text where required.
5) Addition of skip-links and the :focus pseudo-class to :hover states.
6) Clear links with addition of body text link underlines.
7) Addition of ‘rems’ unit to font-sizes (main stylesheet only).
In addition, the classic ENVY theme includes minor adjustments to colour options for improved contrast ratios and a new ‘dark-blue’ option which is WCAG2AA compliant. Several fixes have also been included, ranging from incorrect colour denominations on some WooCommerce pages to disorganised grids for WooCommerce related and upsell products due to recent WooCommerce upgrades. A full list of changes and fixes can be viewed on the Envy Forum Change Logs (click below) –
Envy Change Log –
Envy Pro Change Log –
Important Note on Menu Locations
New versions for ENVY & ENVY PRO are regarded as major updates. As such, a high level of care must be taken when updating if customisations have been made to your theme. In addition, there has been a major change to menu locations in both themes.
For the purpose of improved accessibility and structure, the Primary Navigation theme location has been moved to within the header on both themes. The original header-right widget can still be used, however accessibility support is not included on the classic ENVY theme and this widget area will become deprecated in future versions of both themes.
To change to the Primary Navigation theme location, simply go to Appearance > Menus > Manage Locations and reassign your ‘Main Menu’ to the ‘Primary Navigation Menu’ location. If you had been using the after-header Primary Navigation location on ENVY PRO, this location has now been replaced by the Tertiary Navigation Menu location. Simply reassign the relative menu to this location. If you had been using the after-header Primary Navigation location on classic ENVY, updating to the new version is not recommended.
Previous theme versions recommended leaving the widget title blank for both website and WooCommerce product search widgets. However, to satisfy accessibility standards, adding a relevant title to both widgets is now advised. Please refer to the appropriate setup documentation under Envy Tutorials.
The WooCommerce plugin does not accommodate accessibility at this time, and as such, features are not included within the theme’s WooCommerce-related code.
A Final Word
Web accessibility will become increasingly important in the evaluation of websites in coming months and years. We at Krolyn Studios support the initiative to make the web more accessible, and hence will continue to adopt accessibility features into its themes where possible.