Accessibility

wave

This page is tested with Wave Accessibility Evaluation Tool to be compliant with ADA Section 508 and WCAG 2.1 Level AA. It’s evaluated with 0 errors, 0 alerts, and 0 contrast errors. Click the following button to test this page now:

Check this page with Wave Accessibility Tool

Porto is the only theme for DNN & Evoq Platforms offering the most comprehensive accessibility features and compliance with ADA, Section 508, and WCAG 2.1

Customize the theme using Style Switcher to offer many accessibility features such as: Keyboard Navigation, Bypass Blocks, Focus Link Visibility, Text Font Size, and Color Contrast.

Note: Only the core theme and its components are accessible. The included templates and shortcodes are not tested for accessibility. Ultimately, the content editor is responsible for adding content to a page that is accessible to all users.

Following is a list of WCAG 2.1 items that are tested and compliant with core Porto 5 theme.


WCAG 2.1 Perceivable

no-text

Level A

1.1.1

Non-text Content

Provide text alternatives for non-text content

Included Live Slider makes it easy to provide alternative text for each image slide or layer. For all other content, use the HTML Editor to provide alternative text. Check with appropriate vendor for compatibility of 3rd party modules.

audio

Level A

1.4.2

Audio Control

Don’t play audio automatically

Porto does not auto play audio automatically. If you're using the included Live Slider module to show videos then there's an option to turn off auto play.


contrast

Level AA

1.4.3

Contrast (Minimum)

Contrast ratio between text and background is at least 4.5:1

Use Style Switcher to change the color between text and background to meet this requirement.




resize

Level AA

1.4.4

Resize Text

Text can be resized to 200% without loss of content or function

The text can be resized using the browser zoom in/out feature without loss of content of functionality.



image-text

Level AA

1.4.5

Images of Text

Don’t use images of text

Porto does not use any images of text. Content Editor is ultimately responsible for the content added to a page.

contrast-max

Level AAA

1.4.6

Contrast (Enhanced)

Contrast ratio between text and background is at least 7:1

Use Style Switcher to change the color between text and background to meet this requirement.

no-audio

Level AAA

1.4.7

Low or No Background Audio

Audio is clear for listeners to hear

Porto does not play any audio out of the box. Content Editor is ultimately responsible for the content added to a page.

image-exception

Level AAA

1.4.9

Images of Text (No Exception)

Don’t use images of text

Porto does not use any images of text. Content Editor is ultimately responsible for the content added to a page.

WCAG 2.2 Operable

keyboard

Level A

2.1.1

Keyboard

Accessible by keyboard only

The theme is accessible by keyboard only using the tab or shift tab key combinations to navigate.


loop

Level A

2.1.2

No Keyboard Trap

Don’t trap keyboard users

The theme has no keyboard traps.




keyboard-exp

Level AAA

2.1.3

Keyboard (No Exception)

Accessible by keyboard only, without exception

The theme is accessible by keyboard only using the tab or shift tab key combinations to navigate.


bypass-block

Level A

2.4.1

Bypass Blocks

Provide a ‘Skip to Content’ link

This option can be turned on from Style Switcher and allows the visitor to skip to the main content. Admin can specify the pane of the main content.

title

Level A

2.4.2

Page Titled

Use helpful and clear page titles

This option is available within DNN Platform. Content Editor is ultimately responsible for the content added to a page.

focus

Level A

2.4.3

Focus Order

Logical order

The theme includes navigation and other links in a logical focus order.


mutiple-ways

Level A

2.4.5

Multiple Ways

Offer several ways to find pages

The offers many horizontal menus, mobile menus, overlay menus, slide in/out menus, vertical menus, and breadcrumb navigation.

focus-visible

Level AA

2.4.7

Focus Visible

Ensure keyboard focus is visible and clear

This option can be turned on from Style Switcher. Admin can specify a custom CSS to style the focused link.

location

Level AAA

2.4.8

Location

Let users know where they are

Porto includes breadcrumb navigation to let users know where they are.

unusual-words

Level AAA

3.1.3

Unusual words

Explain any strange words

Porto does not use any unusual or strange words. Content Editor is ultimately responsible for the content added to a page.

abbr

Level AAA

3.1.4

Abbreviations

Explain any abbreviations

Porto does not use any abbreviations. Content Editor is ultimately responsible for the content added to a page.

pronunciation

Level AAA

3.1.6

Pronunciation

Explain any words that are hard to pronounce

Content Editor is ultimately responsible for the content added to a page.

on-focus

Level A

3.2.1

On Focus

Elements do not change when they receive focus

The theme does not change elements when they receive focus. Content Editor is ultimately responsible for the content added to a page

on-input

Level A

3.2.2

On Input

Elements do not change when they receive input

The theme does not change elements when they receive input. Content Editor is ultimately responsible for the content added to a page

navigation

Level AA

3.2.3

Consistent Navigation

Use menus consistently

The theme provides consistent navigation using the provided menus. Content Editor is ultimately responsible for the content added to a page

icon

Level AA

3.2.4

Consistent Identification

Use icons and buttons consistently

The theme provides consistent identification using icons and buttons. Content Editor is ultimately responsible for the content added to a page