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

Add aria role to module sequence footer
Add aria role to module sequence footer

Makes this much nicer for SR users to find the footer.
Note: There are no automated tests because this is a relatively
minor markup change.

closes CNVS-32319

Test Plan:
  - Go to the modules page
  - Go to a module item that has multiple other items in the
    same module.
  - When the module sequence footer appears at the bottom,
    activate a screenreader
  - Use the screenreaders landmark navigation to find the module
    sequence footer (it should be a navigation landmark)

Change-Id: I15fa57cdb4f3d33f588d3328c7145ff1b6cb4efb
Reviewed-on: https://gerrit.instructure.com/92591
Tested-by: Jenkins
Reviewed-by: Felix Milea-Ciobanu <9384aa226ac9d3237ed0bc52e18ffcb251ee0bf7@instructure.com>
QA-Review: Deepeeca Soundarrajan <5bcd4b623f00b7fc2942cd1c65c245b30a48a61f@instructure.com>
Product-Review: Clay Diffrient <9dff2e5c98626d20d2848250c411e8009465bb87@instructure.com>
