• Hello, I am new in this forum and I am trying out the page builder framework.
    It feels to me that this theme is geared towards developers according to the content on the main site. By the looks of it this theme has some advanced options that other themes don’t, that said however it does not employ the very important practices to ensure accessibility for people with disabilities.
    I am talking about ARIA accessibility standards.

    The reason I know this because I am using screenreader myself every day. I tested the basic form of this theme without plug-ins involved, because I was interested whether the menu is accessible to screenreaders. In the short answer to that is no,
    wordpress themes 2021 and 2020 has this nailed perfectly and it was brilliant. As we know though they’re not very customizable, and I need more features than that, so I can’t use their themes even though the navigation menus are perfectly accessible.

    basically this theme and plenty other themes do not have implemented the navigation states of the menu and keyboard control options properly.For example I can access the navigation bar with the screen reader without a problem, however if the menu element has a submenu I can’t read it properly if the Aria is not implemented properly.
    For example if code doesn’t have this working properly I don’t know whether the menu element has the submenu or not, even if I do I can’t collapse it because it doesn’t work with keyboard very well.

    I’m really curious to know whether the developers of the theme would be willing to fix such issues if I report them properly, because I can provide such feedback, but I will not do that until I get the green signal as I say, because I can describe all the problems and issues, but if I’m not getting a fix I would just waste my time.
    The reason I’m saying that is because I reported many issues before, I always ask 1st before I do that now, so I don’t waste my time doing so.

    All the major websites I am talking about bigger ones in particular has this implemented properly. I think it is important if you’re calling yourself a good framework, and developer orientated, you need to fix this there is just no way around it. And I would like to get this theme on my websites I am running, because I want to ensure accessibility to my users.

    it’s not as hard to do it there is only few things to fix actually not the entire platform / theme , it may look that way because the requirements list is long, but html5 and js has accessibility by itself implemented quite well, so the only fix it actually needs more often than not is describing the states and enabling the keyboard navigation properly.

    I found very useful resource actually that talks about this, particularly the accessible navigation, hence I am interested at this part of the most. Navigation menus are usually the biggest troubles for the websites I found over the years of experience as a screenreader user, and I can talk about this because I do understand how accessible websites works and what the elements are.

    The post below explains quite well how to implement ARIA into the navigation menus, I tried to implement that in the other themes myself, but I got out of luck a little bit.
    https://codeable.io/wordpress-accessibility-creating-accessible-dropdown-menus/

    Some more information about accessible navigation in general
    https://w3c.github.io/aria-practices/examples/menubar/menubar-navigation.html

    I will paste some content about this so whomever is reading this can read about it a bit more.

    WAI-ARIA provides a framework for adding attributes to identify features for user interaction, how they relate to each other, and their current state. WAI-ARIA describes navigation techniques to mark regions and common Web structures as menus, primary content, secondary content, banner information, and other types of Web structures. For example, with WAI-ARIA, developers can identify regions of pages and enable keyboard users to easily move among regions, rather than having to press Tab many times.

    WAI-ARIA also includes technologies to map controls, live regions, and events to accessibility application programming interfaces (APIs), including custom controls used for rich Internet applications. WAI-ARIA techniques apply to widgets such as buttons, drop-down lists, calendar functions, tree controls (for example, expandable menus), and others.
    WAI-ARIA provides Web authors with the following:
    ? Roles to describe the type of widget presented, such as “menu”, “treeitem”, “slider”, and “progressbar”
    ? Roles to describe the structure of the Web page, such as headings, regions, and tables (grids)
    ? Properties to describe the state widgets are in, such as “checked” for a check box, or “haspopup” for a menu.
    ? Properties to define live regions of a page that are likely to get updates (such as stock quotes), as well as an interruption policy for those updates—for example, critical updates may be presented in an alert dialog box, and incidental updates occur within the page
    ? A way to provide keyboard navigation for the Web objects and events, such as those mentioned above
    Versions
    ?
    WAI-ARIA 1.0 was published as a completed W3C Recommendation on 20 March 2014.
    ?
    WAI-ARIA 1.1 was published as a completed W3C Recommendation on 14 December 2017.
    ?
    WAI-ARIA 1.2 is under development.

    So that was a long read no doubt about it, but is important to explain yourself well, and also because I am visually impaired myself and I am using a screenreader I have to explain this to developers all the time.
    Also sooner or later developers will need to fix that, because at this time it’s just nonsense how people are unaware of this issue. Americans disability act I think will press even more on this later on, so developers will have to fix that because there were lots of blind and vision impaired users actually.

    So with all that said, I hope this will not be ignored and we can proceed with this somewhere.
    Thank you
    best regards
    Vytautas

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author David Vongries

    (@davidvongries)

    Hi @snufas,

    thank you for taking your time writing this post.

    We’ve put a lot of efforts into making the theme accessible around a year ago. It took us about 2 months in total doing research and implementing things like aria-markup, keyboard navigation, screen reader texts, etc.

    I remember I’ve tested the keyboard navigation with screen readers enabled back then and everything was working well.

    If we’ve missed something I’d love to learn more about what the issues are.

    Thanks!

    Best,
    David

    Thread Starter snufas

    (@snufas)

    So basically there is few problems with navigation menu and those are

    when the menu element has a submenu screenreader does not notify about that. Also it is very important to announce to the screenreader whether the menu is collapsed or expanded.

    It is not possible to expand or collapse the submenu using the keyboard, it only gets triggered when you hover the mouse, but not when you are using the keyboard.

    Also screenreader should announce when you’re expanding the menu how many items it has. Please keep in mind that menu navigation should be entirely possible using keyboard.

    I was a bit too harsh I guess when I stated that you have no ARIA support, which you do, because you have landmarks and so on which is good.
    So fix the navigation menu, if you need more feedback I rather talk to you via quicker communication method such as email which is
    [email protected]

    thanks for responding and willing to help

    And yes, I noticed that this theme is really fast and smooth in comparison to others.
    Best Regards.
    Vytautas

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘This theme is not friendly to the Screenreaders (no WAI-ARIA support)’ is closed to new replies.