One of our users reported that Afterlogic Webmail isn't accessible to ARIA-based screen reader software.

This can be seen on, say, a Mac by turning on System Preferences > Accessibility > Voice Control > Enable Voice Control > Overlay "Item Numbers". You'll see that there are no numbered clickable items for many things, including important things like the "New Message" button. This makes it unusable for users who rely on this feature.

This mostly seems to happen because these "buttons" are in "<span>" items, which aren't recognized as clickable by default under ARIA. For example, the "New Message" button is in:

span href="javascript: void(0)" class="button command enable" id="seleniumnewmessage_button" data-bind="command: $parent.bigButtonCommand"

Simply changing the "span" to "a" makes ARIA recognize it as a clickable item and work properly:

a href="javascript: void(0)" class="button command enable" id="seleniumnewmessage_button" data-bind="command: $parent.bigButtonCommand"

As with many accessibility things, it looks like this would all be easy relatively easy to fix, but it just hasn't been really tested. Accessibility is becoming more and more important, and it would be great if this could be improved: both Mac and windows have built-in ARIA accessibility options now (like the Mac option described above) so it can easily be tested without extra software.

Thanks!