<div class='module-sequence-padding'></div>
<div class='module-sequence-footer' role="navigation" aria-label="{{#t}}Module Navigation{{/t}}">
  <div class="module-sequence-footer-content">
    {{#if previous.show}}
      <a
        href="{{previous.url}}"
        role="button"
        class="Button module-sequence-footer-button--previous"
        data-tooltip="right"
        data-html-tooltip-title="{{previous.tooltip}}"
        aria-describedby="msf{{instanceNumber}}-previous-desc"
      >
        <i class="icon-mini-arrow-left"></i>{{#t 'previous'}}Previous{{/t}}
        <span id="msf{{instanceNumber}}-previous-desc" class="hidden" hidden>{{previous.tooltipText}}</span>
      </a>
    {{/if}}

    {{#if next.show}}
      <span class="module-sequence-footer-button--next" data-tooltip="left" data-html-tooltip-title="{{next.tooltip}}">
        <a
          href="{{next.url}}"
          role="button"
          class="Button"
          aria-describedby="msf{{instanceNumber}}-next-desc"
          aria-disabled={{next.modules_tab_disabled}}
          {{ disabledIf next.modules_tab_disabled }}
        >
          {{#t 'next'}}Next{{/t}}<i class="icon-mini-arrow-right"></i>
          <span id="msf{{instanceNumber}}-next-desc" class="hidden" hidden>{{next.tooltipText}}</span>
        </a>
      </span>
    {{/if}}
  </div>
</div>

<div class='module-sequence-padding'></div>
<div class='module-sequence-footer' role="navigation" aria-label="{{#t}}Module Navigation{{/t}}">
  <div class="module-sequence-footer-content">
    {{#if previous.show}}
      <a
        href="{{previous.url}}"
        role="button"
        class="Button module-sequence-footer-button--previous"
        data-tooltip="right"
        data-html-tooltip-title="{{previous.tooltip}}"
        aria-describedby="msf{{instanceNumber}}-previous-desc"
      >
        <i class="icon-mini-arrow-left"></i>{{#t 'previous'}}Previous{{/t}}
        <span id="msf{{instanceNumber}}-previous-desc" class="hidden" hidden>{{previous.tooltipText}}</span>
      </a>
    {{/if}}

    {{#if next.show}}
      <span class="module-sequence-footer-button--next" data-tooltip="left" data-html-tooltip-title="{{next.tooltip}}">
        <a
          href="{{next.url}}"
          role="button"
          class="Button"
          aria-describedby="msf{{instanceNumber}}-next-desc"
          {{#if next.modules_tab_disabled}} aria-disabled="true" {{/if}}
          {{ disabledIf next.modules_tab_disabled }}
        >
          {{#t 'next'}}Next{{/t}}<i class="icon-mini-arrow-right"></i>
          <span id="msf{{instanceNumber}}-next-desc" class="hidden" hidden>{{next.tooltipText}}</span>
        </a>
      </span>
    {{/if}}
  </div>
</div>

Fix invalid aria-disabled markup in modSeqFooter
Fix invalid aria-disabled markup in modSeqFooter

Fixes: CNVS-40137

If you want to aria-disable something, you should have no
`aria-disabled` attribute, instead of saying: aria-disabled=“false”
(just like the `disabled` attribute)

Test plan: the “next” button in the module sequence footer
should not have an “aria-disabled” attribute when you are looking
at a module item that has things after it in the module sequence

Change-Id: I20bd57b07ab3a20580993a0168493b540d990e6f
Reviewed-on: https://gerrit.instructure.com/130846
Tested-by: Jenkins
Reviewed-by: Clay Diffrient <9dff2e5c98626d20d2848250c411e8009465bb87@instructure.com>
QA-Review: Jeremy Putnam <b030d6d6f199f844ec424882be473c2ab9adc93b@instructure.com>
Product-Review: Ryan Shaw <ea3cd978650417470535f3a4725b6b5042a6ab59@instructure.com>
