Introduction

YOOtheme Pro is a powerful theme and page builder for WordPress and Joomla. Along with all its theme settings, it comes with advanced module and menu options, a style customizer and a page builder.

Explore all the YOOtheme Pro features and browse a huge collection of Wordpress theme packages and Joomla theme packages for YOOtheme Pro including thematic demo websites, modern page layouts, different style variations and many free-to-use images. Both new features and theme packages are released on a regular basis.


Availability

YOOtheme Pro is currently available for WordPress and Joomla. Read our Installation documentation to find out how to install YOOtheme Pro in WordPress or Joomla.


Requirements

There are only a few YOOtheme Pro requirements, and they should be fulfilled by any modern web server. Make sure your server meets the following specifications.

PHP 7.4+ with GD extension

Also take a look at the Joomla requirements.


Browser Support

The following list displays browser versions that YOOtheme Pro has been tested on. "Latest" means that it works just fine on all recent versions of that browser. With many browsers moving towards a rolling release strategy, pinning down browser support to a specific version has become a little tricky in recent years. Long story short, YOOtheme Pro will work on pretty much any modern browser.

Firefox

Latest

Safari

Latest

Chrome

Latest

Edge

Latest

Opera

Latest


The UIkit Framework

YOOtheme Pro is based on the front-end framework UIkit. This means HTML written in YOOtheme Pro, like the page layouts, is using classes and attributes from UIkit. They are prefixed with uk- so that they can easily be identified. The style customizer allows you to modify the UIkit CSS inside YOOtheme Pro. Meanwhile, elements in the builder are based on UIkit components, like the Slideshow element which is built on the Slideshow component.

All UIkit features are available when writing custom markup or starting child theme development for YOOtheme Pro. There is also a comprehensive documentation for UIkit. It could be regarded as a more technical extension of the YOOtheme Pro documentation.


Accessibility

Since UIkit is a fully accessible front-end framework, it is possible to create a website with YOOtheme Pro which complies with WCAG 2.1 standards.

All interactive JavaScript components, for example, slideshow, lightbox, dropdown, among others, are accessible for keyboard users. We implemented the common keyboard navigation convention in which the tab and shift+tab keys move focus from one component to another while other keys like arrow keys move focus inside of components that include multiple focusable elements. By using relevant WAI-ARIA roles, states and properties, the JavaScript components are readable and operable using assistive technologies like screen readers. They automatically set the required HTML attributes in the markup. Learn more about UIkit's accessibility and keyboard interaction in its documentation.

Additionally, YOOtheme Pro automatically adds aria labels when necessary, for example for form controls, search, logo link, breadcrumbs and comments. Links in YOOtheme Pro also have an additional aria label option. To avoid navigating a long list of links in the header navigation, YOOtheme Pro adds a Skip to main content link. It is the first interactive element on a page which is hidden by default and becomes visible on focus by pressing the tab key.

YOOtheme Pro uses the <header> and <footer> elements to define the site-wide header and footer sections, and the <main> element to identify the main content of any page. To organize page builder layouts into logical pieces, use the HTML element option.

Still, the accessibility also depends on the author's custom markup and the used color palette. WCAG 2.1 requires a 4.5:1 ratio for text contrast and 3:1 ratio for the non-text color. To meet the color contrast requirements, open the style customizer and change the colors of your site accordingly.

YOOtheme Pro Documentation