ed95a6005b
In order to avoid a boatload of attributeBindings, I moved the root element of the suggested-topics component into the template. Also, autoformat their hbs files. Testing info: https://www.scottohara.me/blog/2018/03/03/landmarks.html#using-screen-readers-to-navigate-landmarks Additionally, flag modals with aria-modal=true to avoid the screenreader accidentally escaping the modal. There's no need to ever toggle the attribute to false, because we display:none the modal root when it's closed.
41 lines
1.3 KiB
Handlebars
41 lines
1.3 KiB
Handlebars
{{plugin-outlet name="above-site-header"}}
|
|
{{site-header canSignUp=canSignUp
|
|
showCreateAccount=(route-action "showCreateAccount")
|
|
showLogin=(route-action "showLogin")
|
|
showKeyboard=(route-action "showKeyboardShortcutsHelp")
|
|
toggleMobileView=(route-action "toggleMobileView")
|
|
toggleAnonymous=(route-action "toggleAnonymous")
|
|
logout=(route-action "logout")}}
|
|
|
|
{{plugin-outlet name="below-site-header" args=(hash currentPath=router._router.currentPath)}}
|
|
|
|
<div id="main-outlet" class="wrap" role="main">
|
|
{{plugin-outlet name="above-main-container"}}
|
|
<div class="container">
|
|
{{#if showTop}}
|
|
{{custom-html name="top"}}
|
|
{{/if}}
|
|
{{notification-consent-banner}}
|
|
{{pwa-install-banner}}
|
|
{{global-notice}}
|
|
{{create-topics-notice}}
|
|
{{plugin-outlet name="top-notices" args=(hash currentPath=router._router.currentPath)}}
|
|
</div>
|
|
{{outlet}}
|
|
{{outlet "user-card"}}
|
|
</div>
|
|
|
|
{{plugin-outlet name="above-footer" args=(hash showFooter=showFooter)}}
|
|
{{#if showFooter}}
|
|
{{custom-html name="footer" triggerAppEvent="true"}}
|
|
{{/if}}
|
|
{{plugin-outlet name="below-footer" args=(hash showFooter=showFooter)}}
|
|
|
|
{{outlet "modal"}}
|
|
{{topic-entrance}}
|
|
{{outlet "composer"}}
|
|
|
|
{{#if showFooterNav}}
|
|
{{footer-nav}}
|
|
{{/if}}
|