@instructure/canvas-rce 5.11.1 → 5.12.2

package/lib/rce/plugins/tinymce-a11y-checker/rules/img-alt-length.js

@@ -1,49 +0,0 @@
-/*
- * Copyright (C) 2018 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import formatMessage from '../../../../format-message';
-const MAX_ALT_LENGTH = 120;
-export default {
-  'max-alt-length': MAX_ALT_LENGTH,
-  id: 'img-alt-length',
-  test: elem => {
-    if (elem.tagName !== 'IMG') {
-      return true;
-    }
-
-    const alt = elem.getAttribute('alt');
-    return alt == null || alt.length <= MAX_ALT_LENGTH;
-  },
-  data: elem => {
-    const alt = elem.getAttribute('alt');
-    return {
-      alt: alt || ''
-    };
-  },
-  form: () => [{
-    label: formatMessage('Change alt text'),
-    dataKey: 'alt',
-    textarea: true
-  }],
-  update: (elem, data) => {
-    elem.setAttribute('alt', data.alt);
-    return elem;
-  },
-  message: () => formatMessage('Alt attribute text should not contain more than 120 characters.'),
-  why: () => formatMessage('Screen readers cannot determine what is displayed in an image without alternative text, which describes the content and meaning of the image. Alternative text should be simple and concise.'),
-  link: ''
-};

package/lib/rce/plugins/tinymce-a11y-checker/rules/img-alt.js

@@ -1,61 +0,0 @@
-/*
- * Copyright (C) 2018 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import formatMessage from '../../../../format-message';
-export default {
-  id: 'img-alt',
-  test: elem => {
-    if (elem.tagName !== 'IMG') {
-      return true;
-    }
-
-    const alt = elem.hasAttribute('alt') ? elem.getAttribute('alt') : null;
-    return alt !== null;
-  },
-  data: elem => {
-    const alt = elem.hasAttribute('alt') ? elem.getAttribute('alt') : null;
-    const decorative = alt !== null && alt.replace(/\s/g, '') === '';
-    return {
-      alt: alt || '',
-      decorative
-    };
-  },
-  form: () => [{
-    label: formatMessage('Add alt text for the image'),
-    dataKey: 'alt',
-    disabledIf: data => data.decorative
-  }, {
-    label: formatMessage('Decorative image'),
-    dataKey: 'decorative',
-    checkbox: true
-  }],
-  update: (elem, data) => {
-    if (data.decorative) {
-      elem.setAttribute('alt', '');
-      elem.setAttribute('role', 'presentation');
-    } else {
-      elem.setAttribute('alt', data.alt);
-      elem.removeAttribute('role');
-    }
-
-    return elem;
-  },
-  message: () => formatMessage('Images should include an alt attribute describing the image content.'),
-  why: () => formatMessage('Screen readers cannot determine what is displayed in an image without alternative text, which describes the content and meaning of the image.'),
-  link: 'https://www.w3.org/TR/WCAG20-TECHS/H37.html',
-  linkText: () => formatMessage('Learn more about using alt text for images')
-};

package/lib/rce/plugins/tinymce-a11y-checker/rules/index.js

@@ -1,31 +0,0 @@
-/*
- * Copyright (C) 2018 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import imgAlt from './img-alt';
-import imgAltFilename from './img-alt-filename';
-import tableCaption from './table-caption';
-import tableHeader from './table-header';
-import tableHeaderScope from './table-header-scope';
-import smallTextContrast from './small-text-contrast';
-import largeTextContrast from './large-text-contrast';
-import adjacentSameLinks from './adjacent-links';
-import headingsSequence from './headings-sequence';
-import imageAltLength from './img-alt-length';
-import paragraphsForHeadings from './paragraphs-for-headings';
-import listStructure from './list-structure';
-import headingsStartAtH2 from './headings-start-at-h2';
-export default [imgAlt, imgAltFilename, tableCaption, tableHeader, tableHeaderScope, smallTextContrast, largeTextContrast, adjacentSameLinks, headingsSequence, imageAltLength, paragraphsForHeadings, listStructure, headingsStartAtH2];

package/lib/rce/plugins/tinymce-a11y-checker/rules/large-text-contrast.js

@@ -1,51 +0,0 @@
-/*
- * Copyright (C) 2018 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import formatMessage from '../../../../format-message';
-import contrast from 'wcag-element-contrast';
-import smallTextContrast from './small-text-contrast';
-import { onlyContainsLink, hasTextNode } from '../utils/dom';
-export default {
-  id: 'large-text-contrast',
-  test: function (elem) {
-    let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    const disabled = config.disableContrastCheck == true;
-    const noText = !hasTextNode(elem);
-
-    if (disabled || noText || onlyContainsLink(elem) || !contrast.isLargeText(elem)) {
-      return true;
-    }
-
-    for (let e = elem; e; e = e.parentElement) {
-      const bgimage = window.getComputedStyle(e).getPropertyValue('background-image');
-
-      if (bgimage !== 'none' && bgimage !== '') {
-        // ignore background images and gradients
-        return true;
-      }
-    }
-
-    return contrast(elem);
-  },
-  data: smallTextContrast.data,
-  form: smallTextContrast.form,
-  update: smallTextContrast.update,
-  message: () => formatMessage('Text larger than 18pt (or bold 14pt) should display a minimum contrast ratio of 3:1.'),
-  why: () => formatMessage('Text is difficult to read without sufficient contrast between the text and the background, especially for those with low vision.'),
-  link: 'https://www.w3.org/TR/WCAG20-TECHS/G17.html',
-  linkText: () => formatMessage('Learn more about color contrast')
-};

package/lib/rce/plugins/tinymce-a11y-checker/rules/list-structure.js

@@ -1,144 +0,0 @@
-/*
- * Copyright (C) 2018 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import formatMessage from '../../../../format-message';
-/**
- * Handles:
- * * list item
- * - list item
- * 1. list item
- * 1) list item
- * i. list item
- * a. list Item
- */
-
-const orderedChars = ['[A-Z]', '[a-z]', '[0-9]'].map(pattern => pattern + '{1,4}').join('|');
-const bulletMarkers = ['*', '-'].map(c => '\\' + c).join('|');
-const orderedMarkers = ['.', ')'].map(c => '\\' + c).join('|');
-const listLikeRegex = new RegExp(`^\\s*(?:(?:[${bulletMarkers}])|(?:(${orderedChars})[${orderedMarkers}]))\\s+`);
-
-const isTextList = elem => elem.tagName === 'P' && listLikeRegex.test(elem.textContent);
-
-const cleanListItem = elem => {
-  if (elem.nodeType === Node.TEXT_NODE) {
-    elem.textContent = elem.textContent.replace(listLikeRegex, '');
-    return true;
-  }
-
-  for (const childElement of elem.childNodes) {
-    const found = cleanListItem(childElement);
-    if (found) return true;
-  }
-
-  return false;
-};
-
-const moveContents = (from, to) => {
-  while (from.firstChild) to.appendChild(from.firstChild);
-};
-
-const splitParagraphsByBreak = paragraph => {
-  const appended = [];
-  let child = paragraph.firstChild;
-
-  while (child) {
-    const currentParent = appended[appended.length - 1];
-
-    if (child.tagName === 'BR') {
-      appended.push(document.createElement('p'));
-      child = child.nextSibling;
-      continue;
-    }
-
-    if (currentParent) currentParent.appendChild(child);
-    child = child.nextSibling;
-  }
-
-  const nextNode = paragraph.nextSibling;
-  appended.forEach(newParagraph => {
-    paragraph.parentNode.insertBefore(newParagraph, nextNode);
-  });
-};
-
-export default {
-  id: 'list-structure',
-
-  test(elem) {
-    const isList = isTextList(elem);
-    const isFirst = elem.previousElementSibling ? !isTextList(elem.previousElementSibling) : true;
-    return !(isList && isFirst);
-  },
-
-  data: elem => {
-    const match = elem.textContent.match(listLikeRegex);
-    return {
-      orderedStart: match[1] ? match[1] : null,
-      formatAsList: false
-    };
-  },
-  form: () => [{
-    label: formatMessage('Format as a list'),
-    checkbox: true,
-    dataKey: 'formatAsList'
-  }],
-
-  update(elem, data) {
-    const rootElem = elem.parentNode;
-
-    if (data.formatAsList) {
-      const isOrdered = Boolean(data.orderedStart);
-      const listContainer = document.createElement(isOrdered ? 'ol' : 'ul');
-
-      if (isOrdered) {
-        listContainer.setAttribute('type', data.orderedStart);
-        listContainer.setAttribute('start', data.orderedStart);
-      }
-
-      let cursor = elem;
-
-      while (cursor) {
-        if (!isTextList(cursor)) break;
-        const nextIsOrdered = Boolean(cursor.textContent.match(listLikeRegex)[1]);
-        if (isOrdered !== nextIsOrdered) break;
-        splitParagraphsByBreak(cursor);
-        const li = document.createElement('li');
-        listContainer.appendChild(li);
-        moveContents(cursor, li);
-        const nextSibling = cursor.nextElementSibling; // Remove the now empty siblings
-        // Skip elem because elem is replaced later.
-
-        if (cursor !== elem) cursor.parentNode.removeChild(cursor);
-        cursor = nextSibling;
-        cleanListItem(li);
-      }
-
-      rootElem.replaceChild(listContainer, elem);
-      return listContainer;
-    }
-
-    return elem;
-  },
-
-  rootNode(elem) {
-    return elem.parentNode;
-  },
-
-  message: () => formatMessage('Lists should be formatted as lists.'),
-  why: () => formatMessage('When markup is used that visually formats items as a list but does not indicate the list relationship, users may have difficulty in navigating the information.'),
-  link: 'https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/H48',
-  linkText: () => formatMessage('Learn more about using lists')
-};

package/lib/rce/plugins/tinymce-a11y-checker/rules/paragraphs-for-headings.js

@@ -1,61 +0,0 @@
-/*
- * Copyright (C) 2018 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import formatMessage from '../../../../format-message';
-import { changeTag } from '../utils/dom';
-const MAX_HEADING_LENGTH = 120;
-const IS_HEADING = {
-  H1: true,
-  H2: true,
-  H3: true,
-  H4: true,
-  H5: true,
-  H6: true
-};
-export default {
-  'max-heading-length': MAX_HEADING_LENGTH,
-  id: 'paragraphs-for-headings',
-  test: elem => {
-    if (!IS_HEADING[elem.tagName]) {
-      return true;
-    }
-
-    return elem.textContent.length <= MAX_HEADING_LENGTH;
-  },
-  data: _elem => {
-    return {
-      change: false
-    };
-  },
-  form: () => [{
-    label: formatMessage('Change heading tag to paragraph'),
-    checkbox: true,
-    dataKey: 'change'
-  }],
-  update: (elem, data) => {
-    let ret = elem;
-
-    if (data.change) {
-      ret = changeTag(elem, 'p');
-    }
-
-    return ret;
-  },
-  message: () => formatMessage('Headings should not contain more than 120 characters.'),
-  why: () => formatMessage('Sighted users browse web pages quickly, looking for large or bolded headings. Screen reader users rely on headers for contextual understanding. Headers should be concise within the proper structure.'),
-  link: ''
-};

package/lib/rce/plugins/tinymce-a11y-checker/rules/small-text-contrast.js

@@ -1,75 +0,0 @@
-/*
- * Copyright (C) 2018 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import formatMessage from '../../../../format-message';
-import contrast from 'wcag-element-contrast';
-import { onlyContainsLink, createStyleString, splitStyleAttribute, hasTextNode } from '../utils/dom';
-import rgbHex from '../utils/rgb-hex';
-import { stringifyRGBA } from '../utils/colors';
-import uid from '@instructure/uid';
-export default {
-  id: 'small-text-contrast',
-  test: function (elem) {
-    let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    const disabled = config.disableContrastCheck == true;
-    const noText = !hasTextNode(elem);
-
-    if (disabled || noText || onlyContainsLink(elem) || contrast.isLargeText(elem)) {
-      return true;
-    }
-
-    for (let e = elem; e; e = e.parentElement) {
-      const bgimage = window.getComputedStyle(e).getPropertyValue('background-image');
-
-      if (bgimage !== 'none' && bgimage !== '') {
-        // ignore background images and gradients
-        return true;
-      }
-    }
-
-    return contrast(elem);
-  },
-  data: elem => {
-    const styles = window.getComputedStyle(elem);
-    return {
-      color: stringifyRGBA(contrast.parseRGBA(styles.color)),
-      id: uid()
-    };
-  },
-  form: () => [{
-    label: formatMessage('Change text color'),
-    dataKey: 'color',
-    color: true
-  }],
-  update: (elem, data) => {
-    elem.style.color = data.color;
-    const styles = splitStyleAttribute(elem.getAttribute('data-mce-style') || '');
-
-    if (data && data.color && data.color.indexOf('#') < 0) {
-      styles.color = `#${rgbHex(data.color)}`;
-    } else {
-      styles.color = data.color;
-    }
-
-    elem.setAttribute('data-mce-style', createStyleString(styles));
-    return elem;
-  },
-  message: () => formatMessage('Text smaller than 18pt (or bold 14pt) should display a minimum contrast ratio of 4.5:1.'),
-  why: () => formatMessage('Text is difficult to read without sufficient contrast between the text and the background, especially for those with low vision.'),
-  link: 'https://www.w3.org/TR/WCAG20-TECHS/G17.html',
-  linkText: () => formatMessage('Learn more about color contrast')
-};

package/lib/rce/plugins/tinymce-a11y-checker/rules/table-caption.js

@@ -1,54 +0,0 @@
-/*
- * Copyright (C) 2018 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import formatMessage from '../../../../format-message';
-import { prepend } from '../utils/dom';
-export default {
-  id: 'table-caption',
-  test: elem => {
-    if (elem.tagName !== 'TABLE') {
-      return true;
-    }
-
-    const caption = elem.querySelector('caption');
-    return !!caption && caption.textContent.replace(/\s/g, '') !== '';
-  },
-  data: _elem => {
-    return {
-      caption: ''
-    };
-  },
-  form: () => [{
-    label: formatMessage('Add a caption'),
-    dataKey: 'caption'
-  }],
-  update: (elem, data) => {
-    let caption = elem.querySelector('caption');
-
-    if (!caption) {
-      caption = elem.ownerDocument.createElement('caption');
-      prepend(elem, caption);
-    }
-
-    caption.textContent = data.caption;
-    return elem;
-  },
-  message: () => formatMessage('Tables should include a caption describing the contents of the table.'),
-  why: () => formatMessage('Screen readers cannot interpret tables without the proper structure. Table captions describe the context and general understanding of the table.'),
-  link: 'https://www.w3.org/TR/WCAG20-TECHS/H39.html',
-  linkText: () => formatMessage('Learn more about using captions with tables')
-};

package/lib/rce/plugins/tinymce-a11y-checker/rules/table-header-scope.js

@@ -1,52 +0,0 @@
-/*
- * Copyright (C) 2018 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import formatMessage from '../../../../format-message';
-const VALID_SCOPES = ['row', 'col', 'rowgroup', 'colgroup'];
-export default {
-  id: 'table-header-scope',
-  test: elem => {
-    if (elem.tagName !== 'TH') {
-      return true;
-    }
-
-    return VALID_SCOPES.indexOf(elem.getAttribute('scope')) !== -1;
-  },
-  data: elem => {
-    return {
-      scope: elem.getAttribute('scope') || 'none'
-    };
-  },
-  form: () => [{
-    label: formatMessage('Set header scope'),
-    dataKey: 'scope',
-    options: [['none', formatMessage('None')], ['row', formatMessage('Row')], ['col', formatMessage('Column')], ['rowgroup', formatMessage('Row group')], ['colgroup', formatMessage('Column group')]]
-  }],
-  update: (elem, data) => {
-    if (data.header === 'none') {
-      elem.removeAttribute('scope');
-    } else {
-      elem.setAttribute('scope', data.scope);
-    }
-
-    return elem;
-  },
-  message: () => formatMessage('Tables headers should specify scope.'),
-  why: () => formatMessage('Screen readers cannot interpret tables without the proper structure. Table headers provide direction and content scope.'),
-  link: 'https://www.w3.org/TR/WCAG20-TECHS/H63.html',
-  linkText: () => formatMessage('Learn more about using scope attributes with tables')
-};

package/lib/rce/plugins/tinymce-a11y-checker/rules/table-header.js

@@ -1,81 +0,0 @@
-/*
- * Copyright (C) 2018 - present Instructure, Inc.
- *
- * This file is part of Canvas.
- *
- * Canvas is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Affero General Public License as published by the Free
- * Software Foundation, version 3 of the License.
- *
- * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Affero General Public License along
- * with this program. If not, see <http://www.gnu.org/licenses/>.
- */
-import formatMessage from '../../../../format-message';
-import { changeTag } from '../utils/dom';
-const _forEach = Array.prototype.forEach;
-export default {
-  id: 'table-header',
-  test: elem => {
-    if (elem.tagName !== 'TABLE') {
-      return true;
-    }
-
-    return elem.querySelector('th');
-  },
-  data: _elem => {
-    return {
-      header: 'none'
-    };
-  },
-  form: () => [{
-    label: formatMessage('Set table header'),
-    dataKey: 'header',
-    options: [['none', formatMessage('No headers')], ['row', formatMessage('Header row')], ['col', formatMessage('Header column')], ['both', formatMessage('Header row and column')]]
-  }],
-  update: (elem, data) => {
-    _forEach.call(elem.querySelectorAll('th'), th => {
-      changeTag(th, 'td');
-    });
-
-    if (data.header === 'none') {
-      return elem;
-    }
-
-    const row = data.header === 'row' || data.header === 'both';
-    const col = data.header === 'col' || data.header === 'both';
-    const tableRows = elem.querySelectorAll('tr');
-
-    for (let i = 0; i < tableRows.length; ++i) {
-      if (i === 0 && row) {
-        _forEach.call(tableRows[i].querySelectorAll('td'), td => {
-          const th = changeTag(td, 'th');
-          th.setAttribute('scope', 'col');
-        });
-
-        continue;
-      }
-
-      if (!col) {
-        break;
-      }
-
-      const td = tableRows[i].querySelector('td');
-
-      if (td) {
-        const th = changeTag(td, 'th');
-        th.setAttribute('scope', 'row');
-      }
-    }
-
-    return elem;
-  },
-  message: () => formatMessage('Tables should include at least one header.'),
-  why: () => formatMessage('Screen readers cannot interpret tables without the proper structure. Table headers provide direction and overview of the content.'),
-  link: 'https://www.w3.org/TR/WCAG20-TECHS/H43.html',
-  linkText: () => formatMessage('Learn more about table headers')
-};