Accessibility Issues
K
Kirill Pilipchuk
We would like to report some accessibility issues with the PageFly app. Below is the list of problems that we found.
- Slideshow element is not properly defined to be used with the screen readers. It is missing necessary role and ARIA attributes. Below is an example of a carousel slider with the AIRA attributes definitions explained.
- It would be great if a Slideshow element had a pause/resume option for the pagination.
- Tabs element is not properly defined. It is missing proper role and ARIA attributes. Below is an example of tabs with manual controls.
- Icon element is missing a textual representation, which makes it invisible for screen readers. It is missing necessary <title> or <desc> elements inside of an SVG.
P
Patrick Heck
Thanks for bringing this up. I found, that PageFly also adds CSS that prevents focus styles from showing up page-wide. WCAG compliance is a legal requirement in Germany now, that means working focus-styles are crucial.
This is the PageFly code:
.__pf:not([data-pf-editor-version="gen-2"]) :focus-visible {
outline: 0 !important;
box-shadow: none !important;
}
and this:
.__pf:not([data-pf-editor-version="gen-2"]) :not(input):not(select):not(textarea):not([data-active="true"]):focus-visible {
border: none !important;
}