Accessibility

More
2 years 10 months ago #9485 by moqui
moqui created the topic: Accessibility
Hi, I have any question on mobile view.
1) when I using megamenu mobile features I have this error from the validator :
Missing text or title attribute to ....
<a href="#" class="dj-mobile-open-btn"><em class="fa fa-bars"></em></a>
<a href="#" class="dj-offcanvas-close-btn"><em class="fa fa-close"></em></a>
where can I add text?

2) I have, in PC view, a very big mega menu. On mobile view can I use another menu "specially crafted".
How should I set the modules?

3) Can I reduce accessibility toolbar on mobile view ?
Example : remove fixed and fluid layout buttons.

Thanks
Moqui

Please Log in or Create an account to join the conversation.

More
2 years 10 months ago - 2 years 10 months ago #9487 by marcin
marcin replied the topic: Accessibility
Hi,

1) The code is generated by DJ-MegaMenu module.

To modify, you need to make an override of the DJ-MegaMenu module as described in the docs:
docs.joomla.org/How_to_override_the_outp...rom_the_Joomla!_core
docs.joomla.org/Understanding_Output_Overrides
You will need to override the file:
/modules/mod_djmegamenu/tmpl/default.php
You can add the text for FontAwesome Icons as described in the article:
fontawesome.io/accessibility/
For the text you can add "sr-only" class so it will be visible for screen readers only.
If you will use the "sr-only" class you need to copy these styles to the custom.less file:
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

More about custom.less:
www.joomla-monster.com/documentation/tem...sed-on-ef4-framework

2) DJ-MegaMenu has a menu view for mobile views. More details:
www.joomla-monster.com/documentation/joo...0-with-your-template

3) You can add this style to the custom.less file:
@media (max-width: 767px) {
.container-width {display: none;}
}

This way it will be hidden for smaller screens than 768px.

Regards,
Marcin
Last Edit: 2 years 10 months ago by marcin.

Please Log in or Create an account to join the conversation.

Time to create page: 0.228 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2018 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.