Hello,
Are there plans to improve Newsberg for accessibility? I'm finding several issues.
Two issues with the off-canvas menu.
Item 1) The off-canvas menu doesn't seem to be available through keyboard commands (i.e. tab key).
Item 2) Very easily fixed -- The "close" link for the off-canvas menu does not pass accessibility testing because, though it acts as a button, is only an empty link with a "a:before" CSS declaration producing an "X" in the interface. Links must have link text to be accessible.
Woud love to have throughts on Item 1.
I fixed item 2 very easily with the following HTML and CSS:
<!--
In index.php, add link text "Close Menu" to the otherwise empty
"close-offcanvas" link (shoud be language constant, as a permanent fix).
-->
<a href="#" class="close-offcanvas"><span class="fa fa-remove">Close Menu
</span></a>
<!--In CSS:
First: position the "close-canvas" link to have right-margin space.
Second: override the a:before content value to remove the "X" for close.
Third: remove background from the now removed "X".
Four: set the desired font style as this is not inherited from the preset.
-->
<style>
body.ltr .close-offcanvas { right: 50px; }
.fa.fa-close:before, .fa.fa-remove:before { content: ""; }
.close-offcanvas:hover { color: #ccc; background: transparent; }
.fa.fa-remove { font-family: Helvetica, sans-serif!important; }
</style>
If I'm missing something in my assessments, please let me know. And also would like to know if accesibility items for Newsberg are on the radar for Joomshaper.