medialize/ally.js

<td
  headers="{{ identId }} {{ groupId }}-platform-{{ platform.ally.group }} {{ groupId }}-browser-{{ platform.ally.key }}"
  data-focusable="{{ browser.focusable }}"
  data-tabbable="{{ browser.tabbable }}"
  {{#if browser.redirecting }}data-redirecting-to="{{ browser.redirecting }}"{{/if}}
  {{#if browser.encapsulated }}data-encapsulated-in="{{ browser.encapsulated }}"{{/if}}
  {{#if browser.focusHost }}data-focus-host="{{ browser.focusHost }}"{{/if}}
  data-tabindex="{{ browser.tabIndex }}"
  data-row="{{ ident }}"
  data-colum="{{ platform.ally.key }}"
  data-notes="{{#each notes }} {{ this }} {{/each}}"
  {{#if cellData.match}}class="irrelevant-to-context"{{/if}}
>
  {{#if cellData.match}}
    <span>{{ browser.label }}</span>
  {{else}}
    <span class="compare target" title="state of browser">{{ browser.label }}</span>
    <span
      class="compare mismatch"
      title="state of {{ cellData.libraryName }}"
      data-focusable="{{ cellData.focusable }}"
      data-tabbable="{{ cellData.tabbable }}"
      {{#if cellData.redirecting }}data-redirecting-to="{{ cellData.redirecting }}"{{/if}}
    > {{ cellData.label }}</span>
  {{/if}}
  <div class="notes">
    <span class="note tabindex-value" aria-label="value of tabIndex property" title="value of tabIndex property">{{ browser.tabIndex }}</span>
    {{#unless browser.focusMethod }}
      <a href="#footnote-M" class="note warning">M</a>
    {{/unless}}
    {{#unless isInert }}
      {{#unless browser.focusEvent }}
        <a href="#footnote-E" class="note warning">E</a>
      {{/unless}}
      {{#unless browser.focusStyle }}
        <a href="#footnote-S" class="note warning">S</a>
      {{/unless}}
    {{/unless}}
    {{#if browser.focusHost }}
      <a href="#footnote-C" class="note target">C</a>
    {{/if}}
    {{#if redirectTarget }}
      <a href="#footnote-{{ redirectTarget }}" class="note target">T</a>
    {{/if}}
    {{#if relatedElement }}
      <a href="#footnote-{{ relatedElement }}" class="note target">R</a>
    {{/if}}
    {{#each notes }}
      <a href="#footnote-{{ this }}" class="note">{{ this }}</a>
    {{/each}}
    {{#each cellData.notes }}
      <a href="#footnote-{{ this }}" class="note compare-target">{{ this }}</a>
    {{/each}}
  </div>
</td>