From dc5f7d0f2319dad4973c45ebb7e919043bdff762 Mon Sep 17 00:00:00 2001
From: Eduard Heimbuch <eduard.heimbuch@cloudogu.com>
Date: Tue, 16 Nov 2021 11:35:58 +0100
Subject: [PATCH] Feature/fix tabulator stops (#1831)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add tab stops to action to increase accessibility of SCM-Manager with keyboard only usage. Also add a focus trap for modals to ensure the actions inside the modal can be used without losing the focus.

Co-authored-by: René Pfeuffer <rene.pfeuffer@cloudogu.com>
---
 gradle/changelog/keyboard-access.yaml         |    4 +
 scm-ui/ui-components/package.json             |    1 +
 scm-ui/ui-components/src/Autocomplete.tsx     |    3 +
 scm-ui/ui-components/src/BranchSelector.tsx   |    8 +-
 scm-ui/ui-components/src/Breadcrumb.tsx       |   18 +-
 scm-ui/ui-components/src/CardColumn.tsx       |    1 +
 scm-ui/ui-components/src/Help.tsx             |    4 +-
 scm-ui/ui-components/src/Tooltip.tsx          |    5 +-
 .../src/__snapshots__/storyshots.test.ts.snap | 1004 ++++++++++++++++-
 scm-ui/ui-components/src/buttons/Button.tsx   |    4 +-
 .../src/buttons/RemoveEntryOfTableButton.tsx  |    4 +-
 .../src/buttons/SubmitButton.tsx              |    4 +-
 scm-ui/ui-components/src/createA11yId.tsx     |   27 +
 .../src/forms/AddEntryToTableField.tsx        |    4 +-
 .../AutocompleteAddEntryToTableField.tsx      |    4 +-
 scm-ui/ui-components/src/forms/Checkbox.tsx   |   10 +-
 scm-ui/ui-components/src/forms/FileInput.tsx  |    6 +-
 .../ui-components/src/forms/FilterInput.tsx   |    4 +-
 scm-ui/ui-components/src/forms/InputField.tsx |    8 +-
 .../src/forms/LabelWithHelpIcon.tsx           |   10 +-
 scm-ui/ui-components/src/forms/Radio.tsx      |   14 +-
 scm-ui/ui-components/src/forms/Select.tsx     |    9 +-
 scm-ui/ui-components/src/forms/Textarea.tsx   |    8 +-
 scm-ui/ui-components/src/index.ts             |    1 +
 .../ui-components/src/layout/GroupEntry.tsx   |   11 +-
 .../ui-components/src/modals/ConfirmAlert.tsx |    2 +
 scm-ui/ui-components/src/modals/Modal.tsx     |   20 +-
 .../src/repos/RepositoryEntry.tsx             |    1 +
 scm-ui/ui-components/src/useTrapFocus.ts      |  163 +++
 scm-ui/ui-webapp/public/locales/de/repos.json |    3 +-
 scm-ui/ui-webapp/public/locales/en/repos.json |    3 +-
 .../admin/components/form/GeneralSettings.tsx |    1 +
 .../admin/plugins/components/PluginEntry.tsx  |   22 +-
 scm-ui/ui-webapp/src/containers/Theme.tsx     |   39 +-
 .../src/groups/components/table/Details.tsx   |    2 +-
 .../repos/branches/components/BranchRow.tsx   |    2 +-
 .../branches/containers/BranchesOverview.tsx  |    2 +-
 .../components/FileSearchButton.tsx           |    2 +-
 .../codeSection/containers/FileSearch.tsx     |    4 +-
 .../components/DeletePermissionButton.tsx     |    8 +-
 .../src/repos/sources/components/FileIcon.tsx |    8 +-
 .../repos/sources/components/FileTreeLeaf.tsx |    4 +-
 .../sources/components/content/FileLink.tsx   |   21 +-
 .../src/repos/tags/components/TagRow.tsx      |    4 +-
 .../src/repos/tags/container/TagsOverview.tsx |    2 +-
 .../src/users/components/table/Details.tsx    |    4 +-
 yarn.lock                                     |    5 +
 47 files changed, 1380 insertions(+), 118 deletions(-)
 create mode 100644 gradle/changelog/keyboard-access.yaml
 create mode 100644 scm-ui/ui-components/src/createA11yId.tsx
 create mode 100644 scm-ui/ui-components/src/useTrapFocus.ts

diff --git a/gradle/changelog/keyboard-access.yaml b/gradle/changelog/keyboard-access.yaml
new file mode 100644
index 0000000000..932f89ab9b
--- /dev/null
+++ b/gradle/changelog/keyboard-access.yaml
@@ -0,0 +1,4 @@
+- type: changed
+  description: Improve keyboard access by adding tab stops ([#1831](https://github.com/scm-manager/scm-manager/pull/1831))
+- type: changed
+  description: Improve aria lables for better screen reader support ([#1831](https://github.com/scm-manager/scm-manager/pull/1831))
diff --git a/scm-ui/ui-components/package.json b/scm-ui/ui-components/package.json
index 0951f33a56..7eaa742faa 100644
--- a/scm-ui/ui-components/package.json
+++ b/scm-ui/ui-components/package.json
@@ -60,6 +60,7 @@
     "react-test-renderer": "^17.0.1",
     "sass-loader": "^12.3.0",
     "storybook-addon-i18next": "^1.3.0",
+    "tabbable": "^5.2.1",
     "storybook-addon-themes": "^6.1.0",
     "to-camel-case": "^1.0.0",
     "webpack": "^5.61.0",
diff --git a/scm-ui/ui-components/src/Autocomplete.tsx b/scm-ui/ui-components/src/Autocomplete.tsx
index a415f39802..6e4dad2475 100644
--- a/scm-ui/ui-components/src/Autocomplete.tsx
+++ b/scm-ui/ui-components/src/Autocomplete.tsx
@@ -81,6 +81,7 @@ class Autocomplete extends React.Component<Props, State> {
       creatable,
       className,
     } = this.props;
+
     return (
       <div className={classNames("field", className)}>
         <LabelWithHelpIcon label={label} helpText={helpText} />
@@ -104,6 +105,7 @@ class Autocomplete extends React.Component<Props, State> {
                   },
                 });
               }}
+              aria-label={helpText || label}
             />
           ) : (
             <Async
@@ -114,6 +116,7 @@ class Autocomplete extends React.Component<Props, State> {
               placeholder={placeholder}
               loadingMessage={() => loadingMessage}
               noOptionsMessage={() => noOptionsMessage}
+              aria-label={helpText || label}
             />
           )}
         </div>
diff --git a/scm-ui/ui-components/src/BranchSelector.tsx b/scm-ui/ui-components/src/BranchSelector.tsx
index c530eb7344..23934e150c 100644
--- a/scm-ui/ui-components/src/BranchSelector.tsx
+++ b/scm-ui/ui-components/src/BranchSelector.tsx
@@ -26,6 +26,7 @@ import classNames from "classnames";
 import styled from "styled-components";
 import { Branch } from "@scm-manager/ui-types";
 import { Select } from "./forms";
+import { createA11yId } from "./createA11yId";
 
 type Props = {
   branches: Branch[];
@@ -45,11 +46,15 @@ const MinWidthControl = styled.div`
 `;
 
 const BranchSelector: FC<Props> = ({ branches, onSelectBranch, selectedBranch, label, disabled }) => {
+  const a11yId = createA11yId("branch-select");
+
   if (branches) {
     return (
       <div className={classNames("field", "is-horizontal")}>
         <ZeroflexFieldLabel className={classNames("field-label", "is-normal")}>
-          <label className={classNames("label", "is-size-6")}>{label}</label>
+          <label className={classNames("label", "is-size-6")} id={a11yId}>
+            {label}
+          </label>
         </ZeroflexFieldLabel>
         <div className="field-body">
           <div className={classNames("field", "is-narrow", "mb-0")}>
@@ -61,6 +66,7 @@ const BranchSelector: FC<Props> = ({ branches, onSelectBranch, selectedBranch, l
                 disabled={!!disabled}
                 value={selectedBranch}
                 addValueToOptions={true}
+                ariaLabelledby={a11yId}
               />
             </MinWidthControl>
           </div>
diff --git a/scm-ui/ui-components/src/Breadcrumb.tsx b/scm-ui/ui-components/src/Breadcrumb.tsx
index 68a605917d..c7cf2e4bdd 100644
--- a/scm-ui/ui-components/src/Breadcrumb.tsx
+++ b/scm-ui/ui-components/src/Breadcrumb.tsx
@@ -23,11 +23,11 @@
  */
 import React, { FC, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { useHistory, useLocation, Link } from "react-router-dom";
+import { Link, useHistory, useLocation } from "react-router-dom";
 import classNames from "classnames";
 import styled from "styled-components";
 import { urls } from "@scm-manager/ui-api";
-import { Branch, Repository, File } from "@scm-manager/ui-types";
+import { Branch, File, Repository } from "@scm-manager/ui-types";
 import { binder, ExtensionPoint, extensionPoints } from "@scm-manager/ui-extensions";
 import Icon from "./Icon";
 import Tooltip from "./Tooltip";
@@ -68,20 +68,25 @@ const BreadcrumbNav = styled.nav`
   width: 100%;
 
   /* move slash to end */
+
   li + li::before {
     content: none;
   }
+
   li:not(:last-child)::after {
     color: #b5b5b5; //$breadcrumb-item-separator-color
     content: "\\0002f";
   }
+
   li:first-child {
     margin-left: 0.75rem;
   }
 
   /* sizing of each item */
+
   li {
     max-width: 375px;
+
     a {
       display: initial;
     }
@@ -94,6 +99,7 @@ const HomeIcon = styled(Icon)`
 
 const ActionBar = styled.div`
   /* ensure space between action bar items */
+
   & > * {
     /* 
      * We have to use important, because plugins could use field or control classes like the editor-plugin does.
@@ -117,7 +123,7 @@ const Breadcrumb: FC<Props> = ({
   baseUrl,
   sources,
   permalink,
-  preButtons,
+  preButtons
 }) => {
   const location = useLocation();
   const history = useHistory();
@@ -189,13 +195,13 @@ const Breadcrumb: FC<Props> = ({
         {prefixButtons}
         <ul>
           <li>
-            <Link to={homeUrl}>
+            <Link to={homeUrl} aria-label={t("breadcrumb.home")}>
               <HomeIcon title={t("breadcrumb.home")} name="home" color="inherit" />
             </Link>
           </li>
           {pathSection()}
         </ul>
-        <PermaLinkWrapper className="ml-1">
+        <PermaLinkWrapper className="ml-1" tabIndex={0} onKeyDown={e => e.key === "Enter" && copySource()}>
           {copying ? (
             <Icon name="spinner fa-spin" alt={t("breadcrumb.loading")} />
           ) : (
@@ -214,7 +220,7 @@ const Breadcrumb: FC<Props> = ({
     branch: branch ? branch : defaultBranch,
     path,
     sources,
-    repository,
+    repository
   };
 
   const renderExtensionPoints = () => {
diff --git a/scm-ui/ui-components/src/CardColumn.tsx b/scm-ui/ui-components/src/CardColumn.tsx
index 01b26f1245..cdfc8af572 100644
--- a/scm-ui/ui-components/src/CardColumn.tsx
+++ b/scm-ui/ui-components/src/CardColumn.tsx
@@ -75,6 +75,7 @@ const CardColumn: FC<Props> = ({
           e.preventDefault();
           action();
         }}
+        tabIndex={0}
       />
     );
   }
diff --git a/scm-ui/ui-components/src/Help.tsx b/scm-ui/ui-components/src/Help.tsx
index 82f7238e6d..e2808b8cbb 100644
--- a/scm-ui/ui-components/src/Help.tsx
+++ b/scm-ui/ui-components/src/Help.tsx
@@ -31,16 +31,18 @@ type Props = {
   message: string;
   multiline?: boolean;
   className?: string;
+  id?: string;
 };
 
 const AbsolutePositionTooltip = styled(Tooltip)`
   position: absolute;
 `;
 
-const Help: FC<Props> = ({ message, multiline, className }) => (
+const Help: FC<Props> = ({ message, multiline, className, id }) => (
   <AbsolutePositionTooltip
     className={classNames("is-inline-block", "pl-1", multiline ? "has-tooltip-multiline" : undefined, className)}
     message={message}
+    id={id}
   >
     <HelpIcon />
   </AbsolutePositionTooltip>
diff --git a/scm-ui/ui-components/src/Tooltip.tsx b/scm-ui/ui-components/src/Tooltip.tsx
index 6285055014..2fcd539909 100644
--- a/scm-ui/ui-components/src/Tooltip.tsx
+++ b/scm-ui/ui-components/src/Tooltip.tsx
@@ -29,6 +29,7 @@ type Props = {
   location: TooltipLocation;
   multiline?: boolean;
   children: ReactNode;
+  id?: string;
 };
 
 export type TooltipLocation = "bottom" | "right" | "top" | "left";
@@ -39,7 +40,7 @@ class Tooltip extends React.Component<Props> {
   };
 
   render() {
-    const { className, message, location, multiline, children } = this.props;
+    const { className, message, location, multiline, children, id } = this.props;
     let classes = `tooltip has-tooltip-${location}`;
     if (multiline) {
       classes += " has-tooltip-multiline";
@@ -49,7 +50,7 @@ class Tooltip extends React.Component<Props> {
     }
 
     return (
-      <span className={classes} data-tooltip={message}>
+      <span className={classes} data-tooltip={message} aria-label={message} id={id}>
         {children}
       </span>
     );
diff --git a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
index d940101f3e..9f547601a8 100644
--- a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
+++ b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
@@ -12,6 +12,7 @@ exports[`Storyshots BranchSelector Default 1`] = `
     >
       <label
         className="label is-size-6"
+        id="branch-select_0"
       >
         Select Branch
       </label>
@@ -33,6 +34,8 @@ exports[`Storyshots BranchSelector Default 1`] = `
               className="control select is-fullwidth"
             >
               <select
+                aria-describedby="select_1"
+                aria-labelledby="branch-select_0"
                 disabled={false}
                 onBlur={[Function]}
                 onChange={[Function]}
@@ -71,6 +74,7 @@ exports[`Storyshots BreadCrumb Default 1`] = `
       <ul>
         <li>
           <a
+            aria-label="breadcrumb.home"
             href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/"
             onClick={[Function]}
           >
@@ -138,8 +142,11 @@ exports[`Storyshots BreadCrumb Default 1`] = `
       </ul>
       <span
         className="Breadcrumb__PermaLinkWrapper-zvtb4t-0 OWytj ml-1"
+        onKeyDown={[Function]}
+        tabIndex={0}
       >
         <span
+          aria-label="breadcrumb.copyPermalink"
           className="tooltip has-tooltip-right"
           data-tooltip="breadcrumb.copyPermalink"
         >
@@ -177,6 +184,7 @@ exports[`Storyshots BreadCrumb Long path 1`] = `
       <ul>
         <li>
           <a
+            aria-label="breadcrumb.home"
             href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/"
             onClick={[Function]}
           >
@@ -294,8 +302,11 @@ exports[`Storyshots BreadCrumb Long path 1`] = `
       </ul>
       <span
         className="Breadcrumb__PermaLinkWrapper-zvtb4t-0 OWytj ml-1"
+        onKeyDown={[Function]}
+        tabIndex={0}
       >
         <span
+          aria-label="breadcrumb.copyPermalink"
           className="tooltip has-tooltip-right"
           data-tooltip="breadcrumb.copyPermalink"
         >
@@ -347,6 +358,7 @@ exports[`Storyshots BreadCrumb With prefix button 1`] = `
       <ul>
         <li>
           <a
+            aria-label="breadcrumb.home"
             href="/scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources/1/"
             onClick={[Function]}
           >
@@ -414,8 +426,11 @@ exports[`Storyshots BreadCrumb With prefix button 1`] = `
       </ul>
       <span
         className="Breadcrumb__PermaLinkWrapper-zvtb4t-0 OWytj ml-1"
+        onKeyDown={[Function]}
+        tabIndex={0}
       >
         <span
+          aria-label="breadcrumb.copyPermalink"
           className="tooltip has-tooltip-right"
           data-tooltip="breadcrumb.copyPermalink"
         >
@@ -1891,13 +1906,19 @@ exports[`Storyshots Forms/AddKeyValueEntryToTableField Default 1`] = `
       <label
         className="label"
       >
-        Key
+        <span
+          id="input_2"
+        >
+          Key
+        </span>
          
       </label>
       <div
         className="control"
       >
         <input
+          aria-describedby="input_3"
+          aria-labelledby="input_2"
           className="input"
           onBlur={[Function]}
           onChange={[Function]}
@@ -1912,13 +1933,19 @@ exports[`Storyshots Forms/AddKeyValueEntryToTableField Default 1`] = `
       <label
         className="label"
       >
-        Value
+        <span
+          id="input_4"
+        >
+          Value
+        </span>
          
       </label>
       <div
         className="control"
       >
         <input
+          aria-describedby="input_5"
+          aria-labelledby="input_4"
           className="input"
           onBlur={[Function]}
           onChange={[Function]}
@@ -1959,13 +1986,19 @@ exports[`Storyshots Forms/AddKeyValueEntryToTableField Disabled 1`] = `
       <label
         className="label"
       >
-        Key
+        <span
+          id="input_6"
+        >
+          Key
+        </span>
          
       </label>
       <div
         className="control"
       >
         <input
+          aria-describedby="input_7"
+          aria-labelledby="input_6"
           className="input"
           disabled={true}
           onBlur={[Function]}
@@ -1981,13 +2014,19 @@ exports[`Storyshots Forms/AddKeyValueEntryToTableField Disabled 1`] = `
       <label
         className="label"
       >
-        Value
+        <span
+          id="input_8"
+        >
+          Value
+        </span>
          
       </label>
       <div
         className="control"
       >
         <input
+          aria-describedby="input_9"
+          aria-labelledby="input_8"
           className="input"
           disabled={true}
           onBlur={[Function]}
@@ -2030,6 +2069,8 @@ exports[`Storyshots Forms/Checkbox Default 1`] = `
         className="checkbox"
       >
         <input
+          aria-describedby="checkbox_11"
+          aria-labelledby="checkbox_10"
           checked={false}
           className="checkbox"
           onBlur={[Function]}
@@ -2051,6 +2092,8 @@ exports[`Storyshots Forms/Checkbox Default 1`] = `
         className="checkbox"
       >
         <input
+          aria-describedby="checkbox_13"
+          aria-labelledby="checkbox_12"
           checked={true}
           className="checkbox"
           onBlur={[Function]}
@@ -2072,6 +2115,8 @@ exports[`Storyshots Forms/Checkbox Default 1`] = `
         className="checkbox"
       >
         <input
+          aria-describedby="checkbox_15"
+          aria-labelledby="checkbox_14"
           checked={true}
           className="checkbox"
           onBlur={[Function]}
@@ -2101,6 +2146,8 @@ exports[`Storyshots Forms/Checkbox Disabled 1`] = `
         disabled={true}
       >
         <input
+          aria-describedby="checkbox_17"
+          aria-labelledby="checkbox_16"
           checked={true}
           className="checkbox"
           disabled={true}
@@ -2128,6 +2175,8 @@ Array [
         className="checkbox"
       >
         <input
+          aria-describedby="checkbox_25"
+          aria-labelledby="checkbox_24"
           checked={false}
           className="checkbox"
           onBlur={[Function]}
@@ -2160,6 +2209,8 @@ exports[`Storyshots Forms/Checkbox ReactHookForm 1`] = `
         className="checkbox"
       >
         <input
+          aria-describedby="checkbox_27"
+          aria-labelledby="checkbox_26"
           className="checkbox"
           name="rememberMe"
           onBlur={[Function]}
@@ -2181,6 +2232,8 @@ exports[`Storyshots Forms/Checkbox ReactHookForm 1`] = `
         className="checkbox"
       >
         <input
+          aria-describedby="checkbox_29"
+          aria-labelledby="checkbox_28"
           className="checkbox"
           name="scramblePassword"
           onBlur={[Function]}
@@ -2203,6 +2256,8 @@ exports[`Storyshots Forms/Checkbox ReactHookForm 1`] = `
         disabled={true}
       >
         <input
+          aria-describedby="checkbox_31"
+          aria-labelledby="checkbox_30"
           className="checkbox"
           disabled={true}
           name="disabled"
@@ -2226,6 +2281,8 @@ exports[`Storyshots Forms/Checkbox ReactHookForm 1`] = `
         className="checkbox"
       >
         <input
+          aria-describedby="checkbox_33"
+          aria-labelledby="checkbox_32"
           className="checkbox"
           name="readonly"
           onBlur={[Function]}
@@ -2267,6 +2324,8 @@ Array [
         className="checkbox"
       >
         <input
+          aria-describedby="checkbox_23"
+          aria-labelledby="checkbox_22"
           checked={false}
           className="checkbox"
           onBlur={[Function]}
@@ -2304,6 +2363,8 @@ exports[`Storyshots Forms/Checkbox With HelpText 1`] = `
         className="checkbox"
       >
         <input
+          aria-describedby="checkbox_19"
+          aria-labelledby="checkbox_18"
           checked={false}
           className="checkbox"
           onBlur={[Function]}
@@ -2313,8 +2374,10 @@ exports[`Storyshots Forms/Checkbox With HelpText 1`] = `
          
         Classic helpText
         <span
+          aria-label="This is a classic help text."
           className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1 has-tooltip-multiline"
           data-tooltip="This is a classic help text."
+          id="checkbox_19"
         >
           <i
             aria-label=""
@@ -2336,6 +2399,8 @@ exports[`Storyshots Forms/Checkbox With HelpText 1`] = `
         className="checkbox"
       >
         <input
+          aria-describedby="checkbox_21"
+          aria-labelledby="checkbox_20"
           checked={true}
           className="checkbox"
           onBlur={[Function]}
@@ -2345,8 +2410,10 @@ exports[`Storyshots Forms/Checkbox With HelpText 1`] = `
          
         Long helpText
         <span
+          aria-label="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
           className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1 has-tooltip-multiline"
           data-tooltip="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
+          id="checkbox_21"
         >
           <i
             aria-label=""
@@ -2479,9 +2546,14 @@ exports[`Storyshots Forms/FileInput Default 1`] = `
       <label
         className="label"
       >
-        Upload File
+        <span
+          id="file-input_34"
+        >
+          Upload File
+        </span>
          
         <span
+          aria-label="Select your most loved file"
           className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1 has-tooltip-multiline"
           data-tooltip="Select your most loved file"
         >
@@ -2500,6 +2572,7 @@ exports[`Storyshots Forms/FileInput Default 1`] = `
           className="file-label"
         >
           <input
+            aria-describedby="file-input_34"
             className="file-input"
             name="uploadFile"
             onBlur={[Function]}
@@ -2565,13 +2638,19 @@ exports[`Storyshots Forms/InputField AutoFocus 1`] = `
     <label
       className="label"
     >
-      Field with AutoFocus
+      <span
+        id="input_35"
+      >
+        Field with AutoFocus
+      </span>
        
     </label>
     <div
       className="control"
     >
       <input
+        aria-describedby="input_36"
+        aria-labelledby="input_35"
         className="input"
         onBlur={[Function]}
         onChange={[Function]}
@@ -2594,6 +2673,8 @@ exports[`Storyshots Forms/InputField AutoFocusAndRef 1`] = `
       className="control"
     >
       <input
+        aria-describedby="input_44"
+        aria-labelledby="input_43"
         className="input"
         onBlur={[Function]}
         onChange={[Function]}
@@ -2610,6 +2691,8 @@ exports[`Storyshots Forms/InputField AutoFocusAndRef 1`] = `
       className="control"
     >
       <input
+        aria-describedby="input_46"
+        aria-labelledby="input_45"
         className="input"
         onBlur={[Function]}
         onChange={[Function]}
@@ -2640,13 +2723,19 @@ exports[`Storyshots Forms/InputField Default Value 1`] = `
     <label
       className="label"
     >
-      Field with Default Value
+      <span
+        id="input_37"
+      >
+        Field with Default Value
+      </span>
        
     </label>
     <div
       className="control"
     >
       <input
+        aria-describedby="input_38"
+        aria-labelledby="input_37"
         className="input"
         defaultValue="I am a default value"
         onBlur={[Function]}
@@ -2670,6 +2759,8 @@ exports[`Storyshots Forms/InputField Legacy Events 1`] = `
       className="control"
     >
       <input
+        aria-describedby="input_42"
+        aria-labelledby="input_41"
         className="input"
         onBlur={[Function]}
         onChange={[Function]}
@@ -2701,13 +2792,19 @@ exports[`Storyshots Forms/InputField React Hook Form 1`] = `
       <label
         className="label"
       >
-        Readonly
+        <span
+          id="input_47"
+        >
+          Readonly
+        </span>
          
       </label>
       <div
         className="control"
       >
         <input
+          aria-describedby="input_48"
+          aria-labelledby="input_47"
           className="input"
           defaultValue="I am readonly but still show up on submit!"
           name="readonly"
@@ -2723,13 +2820,19 @@ exports[`Storyshots Forms/InputField React Hook Form 1`] = `
       <label
         className="label"
       >
-        Disabled
+        <span
+          id="input_49"
+        >
+          Disabled
+        </span>
          
       </label>
       <div
         className="control"
       >
         <input
+          aria-describedby="input_50"
+          aria-labelledby="input_49"
           className="input"
           defaultValue="I am disabled and dont show up on submit!"
           disabled={true}
@@ -2746,13 +2849,19 @@ exports[`Storyshots Forms/InputField React Hook Form 1`] = `
       <label
         className="label"
       >
-        First Name
+        <span
+          id="input_51"
+        >
+          First Name
+        </span>
          
       </label>
       <div
         className="control"
       >
         <input
+          aria-describedby="input_52"
+          aria-labelledby="input_51"
           className="input"
           name="firstName"
           onBlur={[Function]}
@@ -2767,13 +2876,19 @@ exports[`Storyshots Forms/InputField React Hook Form 1`] = `
       <label
         className="label"
       >
-        Last Name
+        <span
+          id="input_53"
+        >
+          Last Name
+        </span>
          
       </label>
       <div
         className="control"
       >
         <input
+          aria-describedby="input_54"
+          aria-labelledby="input_53"
           className="input"
           name="lastName"
           onBlur={[Function]}
@@ -2812,6 +2927,8 @@ exports[`Storyshots Forms/InputField Ref 1`] = `
       className="control"
     >
       <input
+        aria-describedby="input_40"
+        aria-labelledby="input_39"
         className="input"
         onBlur={[Function]}
         onChange={[Function]}
@@ -2843,13 +2960,19 @@ exports[`Storyshots Forms/Radio Default 1`] = `
       className="radio mr-2"
     >
       <input
+        aria-describedby="radio_56"
+        aria-labelledby="radio_55"
         checked={false}
         onBlur={[Function]}
         onChange={[Function]}
         type="radio"
       />
        
-      Not checked
+      <span
+        id="radio_55"
+      >
+        Not checked
+      </span>
     </label>
   </fieldset>
   <fieldset
@@ -2859,13 +2982,19 @@ exports[`Storyshots Forms/Radio Default 1`] = `
       className="radio mr-2"
     >
       <input
+        aria-describedby="radio_58"
+        aria-labelledby="radio_57"
         checked={true}
         onBlur={[Function]}
         onChange={[Function]}
         type="radio"
       />
        
-      Checked
+      <span
+        id="radio_57"
+      >
+        Checked
+      </span>
     </label>
   </fieldset>
 </div>
@@ -2883,6 +3012,8 @@ exports[`Storyshots Forms/Radio Disabled 1`] = `
       disabled={true}
     >
       <input
+        aria-describedby="radio_60"
+        aria-labelledby="radio_59"
         checked={true}
         disabled={true}
         onBlur={[Function]}
@@ -2890,7 +3021,11 @@ exports[`Storyshots Forms/Radio Disabled 1`] = `
         type="radio"
       />
        
-      Checked but disabled
+      <span
+        id="radio_59"
+      >
+        Checked but disabled
+      </span>
     </label>
   </fieldset>
 </div>
@@ -2905,6 +3040,8 @@ Array [
       className="radio mr-2"
     >
       <input
+        aria-describedby="radio_68"
+        aria-labelledby="radio_67"
         checked={false}
         onBlur={[Function]}
         onChange={[Function]}
@@ -2935,6 +3072,8 @@ exports[`Storyshots Forms/Radio ReactHookForm 1`] = `
         className="radio mr-2"
       >
         <input
+          aria-describedby="radio_70"
+          aria-labelledby="radio_69"
           defaultChecked={true}
           name="rememberMe"
           onBlur={[Function]}
@@ -2943,7 +3082,11 @@ exports[`Storyshots Forms/Radio ReactHookForm 1`] = `
           value="true"
         />
          
-        Remember Me
+        <span
+          id="radio_69"
+        >
+          Remember Me
+        </span>
       </label>
     </fieldset>
     <fieldset
@@ -2953,6 +3096,8 @@ exports[`Storyshots Forms/Radio ReactHookForm 1`] = `
         className="radio mr-2"
       >
         <input
+          aria-describedby="radio_72"
+          aria-labelledby="radio_71"
           name="rememberMe"
           onBlur={[Function]}
           onChange={[Function]}
@@ -2960,7 +3105,11 @@ exports[`Storyshots Forms/Radio ReactHookForm 1`] = `
           value="false"
         />
          
-        Dont Remember Me
+        <span
+          id="radio_71"
+        >
+          Dont Remember Me
+        </span>
       </label>
     </fieldset>
   </div>
@@ -2971,6 +3120,8 @@ exports[`Storyshots Forms/Radio ReactHookForm 1`] = `
       className="radio mr-2 ml-2"
     >
       <input
+        aria-describedby="radio_74"
+        aria-labelledby="radio_73"
         name="scramblePassword"
         onBlur={[Function]}
         onChange={[Function]}
@@ -2978,7 +3129,11 @@ exports[`Storyshots Forms/Radio ReactHookForm 1`] = `
         value="false"
       />
        
-      Scramble Password
+      <span
+        id="radio_73"
+      >
+        Scramble Password
+      </span>
     </label>
   </fieldset>
   <fieldset
@@ -2989,6 +3144,8 @@ exports[`Storyshots Forms/Radio ReactHookForm 1`] = `
       disabled={true}
     >
       <input
+        aria-describedby="radio_76"
+        aria-labelledby="radio_75"
         disabled={true}
         name="disabled"
         onBlur={[Function]}
@@ -2997,7 +3154,11 @@ exports[`Storyshots Forms/Radio ReactHookForm 1`] = `
         value="false"
       />
        
-      Disabled wont be submitted
+      <span
+        id="radio_75"
+      >
+        Disabled wont be submitted
+      </span>
     </label>
   </fieldset>
   <fieldset
@@ -3007,6 +3168,8 @@ exports[`Storyshots Forms/Radio ReactHookForm 1`] = `
       className="radio mr-2"
     >
       <input
+        aria-describedby="radio_78"
+        aria-labelledby="radio_77"
         name="readonly"
         onBlur={[Function]}
         onChange={[Function]}
@@ -3014,7 +3177,11 @@ exports[`Storyshots Forms/Radio ReactHookForm 1`] = `
         value="false"
       />
        
-      Readonly will be submitted
+      <span
+        id="radio_77"
+      >
+        Readonly will be submitted
+      </span>
     </label>
   </fieldset>
   <div
@@ -3043,13 +3210,19 @@ Array [
       className="radio mr-2"
     >
       <input
+        aria-describedby="radio_66"
+        aria-labelledby="radio_65"
         checked={false}
         onBlur={[Function]}
         onChange={[Function]}
         type="radio"
       />
        
-      Ref Radio Button
+      <span
+        id="radio_65"
+      >
+        Ref Radio Button
+      </span>
     </label>
   </fieldset>,
   <button
@@ -3075,16 +3248,24 @@ exports[`Storyshots Forms/Radio With HelpText 1`] = `
       className="radio mr-2"
     >
       <input
+        aria-describedby="radio_62"
+        aria-labelledby="radio_61"
         checked={false}
         onBlur={[Function]}
         onChange={[Function]}
         type="radio"
       />
        
-      Classic helpText
       <span
+        id="radio_61"
+      >
+        Classic helpText
+      </span>
+      <span
+        aria-label="This is a classic help text."
         className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1 has-tooltip-multiline"
         data-tooltip="This is a classic help text."
+        id="radio_62"
       >
         <i
           aria-label=""
@@ -3102,16 +3283,24 @@ exports[`Storyshots Forms/Radio With HelpText 1`] = `
       className="radio mr-2"
     >
       <input
+        aria-describedby="radio_64"
+        aria-labelledby="radio_63"
         checked={true}
         onBlur={[Function]}
         onChange={[Function]}
         type="radio"
       />
        
-      Long helpText
       <span
+        id="radio_63"
+      >
+        Long helpText
+      </span>
+      <span
+        aria-label="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
         className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1 has-tooltip-multiline"
         data-tooltip="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
+        id="radio_64"
       >
         <i
           aria-label=""
@@ -3135,6 +3324,8 @@ Array [
       className="control select"
     >
       <select
+        aria-describedby="select_80"
+        aria-labelledby="select_79"
         onBlur={[Function]}
         onChange={[Function]}
         value="uscss-prometheus"
@@ -3175,6 +3366,8 @@ Array [
       className="control select"
     >
       <select
+        aria-describedby="select_84"
+        aria-labelledby="select_83"
         onBlur={[Function]}
         onChange={[Function]}
       >
@@ -3207,6 +3400,8 @@ Array [
       className="control select"
     >
       <select
+        aria-describedby="select_94"
+        aria-labelledby="select_93"
         onBlur={[Function]}
         onChange={[Function]}
         value="razor-crest"
@@ -3247,13 +3442,19 @@ exports[`Storyshots Forms/Select ReactHookForm 1`] = `
     <label
       className="label"
     >
-      Remember Me
+      <span
+        id="select_85"
+      >
+        Remember Me
+      </span>
        
     </label>
     <div
       className="control select"
     >
       <select
+        aria-describedby="select_86"
+        aria-labelledby="select_85"
         name="rememberMe"
         onBlur={[Function]}
         onChange={[Function]}
@@ -3277,13 +3478,19 @@ exports[`Storyshots Forms/Select ReactHookForm 1`] = `
     <label
       className="label"
     >
-      Scramble Password
+      <span
+        id="select_87"
+      >
+        Scramble Password
+      </span>
        
     </label>
     <div
       className="control select"
     >
       <select
+        aria-describedby="select_88"
+        aria-labelledby="select_87"
         name="scramblePassword"
         onBlur={[Function]}
         onChange={[Function]}
@@ -3307,13 +3514,19 @@ exports[`Storyshots Forms/Select ReactHookForm 1`] = `
     <label
       className="label"
     >
-      Disabled wont be submitted
+      <span
+        id="select_89"
+      >
+        Disabled wont be submitted
+      </span>
        
     </label>
     <div
       className="control select"
     >
       <select
+        aria-describedby="select_90"
+        aria-labelledby="select_89"
         defaultValue="false"
         disabled={true}
         name="disabled"
@@ -3340,13 +3553,19 @@ exports[`Storyshots Forms/Select ReactHookForm 1`] = `
     <label
       className="label"
     >
-      Readonly will be submitted
+      <span
+        id="select_91"
+      >
+        Readonly will be submitted
+      </span>
        
     </label>
     <div
       className="control select"
     >
       <select
+        aria-describedby="select_92"
+        aria-labelledby="select_91"
         defaultValue="false"
         name="readonly"
         onBlur={[Function]}
@@ -3390,13 +3609,19 @@ Array [
     <label
       className="label"
     >
-      Ref Radio Button
+      <span
+        id="select_81"
+      >
+        Ref Radio Button
+      </span>
        
     </label>
     <div
       className="control select"
     >
       <select
+        aria-describedby="select_82"
+        aria-labelledby="select_81"
         onBlur={[Function]}
         onChange={[Function]}
         value="false"
@@ -3434,13 +3659,19 @@ exports[`Storyshots Forms/Textarea AutoFocus 1`] = `
   <label
     className="label"
   >
-    Field with AutoFocus
+    <span
+      id="textarea_101"
+    >
+      Field with AutoFocus
+    </span>
      
   </label>
   <div
     className="control"
   >
     <textarea
+      aria-describedby="textarea_102"
+      aria-labelledby="textarea_101"
       className="textarea"
       onBlur={[Function]}
       onChange={[Function]}
@@ -3460,6 +3691,8 @@ Array [
       className="control"
     >
       <textarea
+        aria-describedby="textarea_110"
+        aria-labelledby="textarea_109"
         className="textarea"
         onBlur={[Function]}
         onChange={[Function]}
@@ -3476,6 +3709,8 @@ Array [
       className="control"
     >
       <textarea
+        aria-describedby="textarea_112"
+        aria-labelledby="textarea_111"
         className="textarea"
         onBlur={[Function]}
         onChange={[Function]}
@@ -3503,13 +3738,19 @@ exports[`Storyshots Forms/Textarea Default Value 1`] = `
   <label
     className="label"
   >
-    Field with Default Value
+    <span
+      id="textarea_103"
+    >
+      Field with Default Value
+    </span>
      
   </label>
   <div
     className="control"
   >
     <textarea
+      aria-describedby="textarea_104"
+      aria-labelledby="textarea_103"
       className="textarea"
       defaultValue="I am a text area with so much default value its crazy!"
       onBlur={[Function]}
@@ -3530,6 +3771,8 @@ Array [
       className="control"
     >
       <textarea
+        aria-describedby="textarea_108"
+        aria-labelledby="textarea_107"
         className="textarea"
         onBlur={[Function]}
         onChange={[Function]}
@@ -3559,6 +3802,8 @@ exports[`Storyshots Forms/Textarea OnCancel 1`] = `
       className="control"
     >
       <textarea
+        aria-describedby="textarea_100"
+        aria-labelledby="textarea_99"
         className="textarea"
         onBlur={[Function]}
         onChange={[Function]}
@@ -3582,6 +3827,8 @@ exports[`Storyshots Forms/Textarea OnChange 1`] = `
       className="control"
     >
       <textarea
+        aria-describedby="textarea_96"
+        aria-labelledby="textarea_95"
         className="textarea"
         onBlur={[Function]}
         onChange={[Function]}
@@ -3609,6 +3856,8 @@ exports[`Storyshots Forms/Textarea OnSubmit 1`] = `
       className="control"
     >
       <textarea
+        aria-describedby="textarea_98"
+        aria-labelledby="textarea_97"
         className="textarea"
         onBlur={[Function]}
         onChange={[Function]}
@@ -3634,13 +3883,19 @@ exports[`Storyshots Forms/Textarea ReactHookForm 1`] = `
     <label
       className="label"
     >
-      Message
+      <span
+        id="textarea_113"
+      >
+        Message
+      </span>
        
     </label>
     <div
       className="control"
     >
       <textarea
+        aria-describedby="textarea_114"
+        aria-labelledby="textarea_113"
         className="textarea"
         name="message"
         onBlur={[Function]}
@@ -3655,13 +3910,19 @@ exports[`Storyshots Forms/Textarea ReactHookForm 1`] = `
     <label
       className="label"
     >
-      Footer
+      <span
+        id="textarea_115"
+      >
+        Footer
+      </span>
        
     </label>
     <div
       className="control"
     >
       <textarea
+        aria-describedby="textarea_116"
+        aria-labelledby="textarea_115"
         className="textarea"
         name="footer"
         onBlur={[Function]}
@@ -3677,13 +3938,19 @@ exports[`Storyshots Forms/Textarea ReactHookForm 1`] = `
     <label
       className="label"
     >
-      Readonly
+      <span
+        id="textarea_117"
+      >
+        Readonly
+      </span>
        
     </label>
     <div
       className="control"
     >
       <textarea
+        aria-describedby="textarea_118"
+        aria-labelledby="textarea_117"
         className="textarea"
         defaultValue="I am readonly but still show up on submit!"
         name="readonly"
@@ -3699,13 +3966,19 @@ exports[`Storyshots Forms/Textarea ReactHookForm 1`] = `
     <label
       className="label"
     >
-      Disabled
+      <span
+        id="textarea_119"
+      >
+        Disabled
+      </span>
        
     </label>
     <div
       className="control"
     >
       <textarea
+        aria-describedby="textarea_120"
+        aria-labelledby="textarea_119"
         className="textarea"
         defaultValue="I am disabled and dont show up on submit!"
         disabled={true}
@@ -3743,6 +4016,8 @@ Array [
       className="control"
     >
       <textarea
+        aria-describedby="textarea_106"
+        aria-labelledby="textarea_105"
         className="textarea"
         onBlur={[Function]}
         onChange={[Function]}
@@ -3770,6 +4045,7 @@ exports[`Storyshots GroupEntry Default 1`] = `
     className="is-relative"
   >
     <a
+      aria-label="overview.ariaLabel"
       className="GroupEntry__OverlayLink-sc-1f902yu-1 dVnuiR has-hover-background-blue"
       href="/foo/bar"
       onClick={[Function]}
@@ -3849,6 +4125,7 @@ exports[`Storyshots GroupEntry With long texts 1`] = `
     className="is-relative"
   >
     <a
+      aria-label="overview.ariaLabel"
       className="GroupEntry__OverlayLink-sc-1f902yu-1 dVnuiR has-hover-background-blue"
       href="/foo/bar"
       onClick={[Function]}
@@ -3925,6 +4202,7 @@ exports[`Storyshots Help Default 1`] = `
   className="m-6"
 >
   <span
+    aria-label="This is a help message"
     className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1 has-tooltip-multiline"
     data-tooltip="This is a help message"
   >
@@ -3949,6 +4227,10 @@ exports[`Storyshots Help Multiline 1`] = `
       With multiline (default):
     </label>
     <span
+      aria-label="Cleverness nuclear genuine static irresponsibility invited President Zaphod
+Beeblebrox hyperspace ship. Another custard through computer-generated universe
+shapes field strong disaster parties Russell’s ancestors infinite colour
+imaginative generator sweep."
       className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1 has-tooltip-multiline"
       data-tooltip="Cleverness nuclear genuine static irresponsibility invited President Zaphod
 Beeblebrox hyperspace ship. Another custard through computer-generated universe
@@ -3970,6 +4252,10 @@ imaginative generator sweep."
       Without multiline:
     </label>
     <span
+      aria-label="Cleverness nuclear genuine static irresponsibility invited President Zaphod
+Beeblebrox hyperspace ship. Another custard through computer-generated universe
+shapes field strong disaster parties Russell’s ancestors infinite colour
+imaginative generator sweep."
       className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1"
       data-tooltip="Cleverness nuclear genuine static irresponsibility invited President Zaphod
 Beeblebrox hyperspace ship. Another custard through computer-generated universe
@@ -4353,6 +4639,7 @@ exports[`Storyshots MarkdownView Code without Lang 1`] = `
               id="line-1"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -4386,6 +4673,7 @@ exports[`Storyshots MarkdownView Code without Lang 1`] = `
               id="line-2"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -5521,6 +5809,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-1"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -5564,6 +5853,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-2"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -5593,6 +5883,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-3"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -5656,6 +5947,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-4"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -5704,6 +5996,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-5"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -5752,6 +6045,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-6"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -5800,6 +6094,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-7"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -5829,6 +6124,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-8"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -5993,6 +6289,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-9"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -6186,6 +6483,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-10"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -6234,6 +6532,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-11"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -6263,6 +6562,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-12"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -6361,6 +6661,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-13"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -6464,6 +6765,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-14"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -6577,6 +6879,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-15"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -6625,6 +6928,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-16"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -6801,6 +7105,7 @@ exports[`Storyshots MarkdownView Header Anchor Links 1`] = `
         >
           Changelog
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -6852,6 +7157,7 @@ and this project adheres to
         >
           Compl_icated_H€aDer
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -6883,6 +7189,7 @@ and this project adheres to
           </a>
            - 2021-03-26
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -6907,6 +7214,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -7041,6 +7349,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -7149,6 +7458,7 @@ and this project adheres to
         >
           Changed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -7225,6 +7535,7 @@ and this project adheres to
           </a>
            - 2021-03-17
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -7249,6 +7560,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -7401,6 +7713,7 @@ and this project adheres to
           </a>
            - 2021-03-12
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -7425,6 +7738,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -7520,6 +7834,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -7596,6 +7911,7 @@ and this project adheres to
           </a>
            - 2021-03-03
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -7620,6 +7936,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -7727,6 +8044,7 @@ and this project adheres to
           </a>
            - 2021-03-01
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -7751,6 +8069,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -7885,6 +8204,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -8006,6 +8326,7 @@ and this project adheres to
         >
           Changed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -8121,6 +8442,7 @@ and this project adheres to
           </a>
            - 2021-01-29
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -8145,6 +8467,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -8305,6 +8628,7 @@ and this project adheres to
         >
           Changed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -8431,6 +8755,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -8507,6 +8832,7 @@ and this project adheres to
           </a>
            - 2020-12-17
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -8531,6 +8857,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -8600,6 +8927,7 @@ and this project adheres to
         >
           Changed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -8643,6 +8971,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -8753,6 +9082,7 @@ and this project adheres to
           </a>
            - 2020-12-07
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -8777,6 +9107,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -8835,6 +9166,7 @@ and this project adheres to
           </a>
            - 2020-12-04
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -8859,6 +9191,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -9001,6 +9334,7 @@ and this project adheres to
         >
           Changed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -9044,6 +9378,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -9119,6 +9454,7 @@ and this project adheres to
           </a>
            - 2020-11-24
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -9143,6 +9479,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -9206,6 +9543,7 @@ and this project adheres to
           </a>
            - 2020-11-20
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -9230,6 +9568,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -9325,6 +9664,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -9413,6 +9753,7 @@ and this project adheres to
           </a>
            - 2020-11-11
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -9437,6 +9778,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -9479,6 +9821,7 @@ and this project adheres to
           </a>
            - 2020-11-06
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -9503,6 +9846,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -9589,6 +9933,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -9717,6 +10062,7 @@ and this project adheres to
           </a>
            - 2020-10-27
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -9741,6 +10087,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -9810,6 +10157,7 @@ and this project adheres to
         >
           Changed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -9866,6 +10214,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -9942,6 +10291,7 @@ and this project adheres to
           </a>
            - 2020-10-16
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -9966,6 +10316,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -10016,6 +10367,7 @@ and this project adheres to
           </a>
            - 2020-10-14
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -10040,6 +10392,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -10096,6 +10449,7 @@ and this project adheres to
         >
           Changed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -10146,6 +10500,7 @@ and this project adheres to
           </a>
            - 2020-10-12
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -10170,6 +10525,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -10220,6 +10576,7 @@ and this project adheres to
           </a>
            - 2020-10-09
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -10244,6 +10601,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -10287,6 +10645,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -10363,6 +10722,7 @@ and this project adheres to
           </a>
            - 2020-09-30
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -10387,6 +10747,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -10437,6 +10798,7 @@ and this project adheres to
           </a>
            - 2020-09-25
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -10461,6 +10823,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -10543,6 +10906,7 @@ and this project adheres to
         >
           Changed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -10586,6 +10950,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -10740,6 +11105,7 @@ and this project adheres to
           </a>
            - 2020-09-10
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -10764,6 +11130,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -10859,6 +11226,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -10940,6 +11308,7 @@ and this project adheres to
           </a>
            - 2020-09-01
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -10964,6 +11333,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -11007,6 +11377,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -11187,6 +11558,7 @@ and this project adheres to
           </a>
            - 2020-08-14
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -11211,6 +11583,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -11332,6 +11705,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -11421,6 +11795,7 @@ and this project adheres to
           </a>
            - 2020-08-04
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -11445,6 +11820,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -11488,6 +11864,7 @@ and this project adheres to
         >
           Changed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -11531,6 +11908,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -11594,6 +11972,7 @@ and this project adheres to
           </a>
            - 2020-07-23
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -11618,6 +11997,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -11687,6 +12067,7 @@ and this project adheres to
         >
           Changed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -11748,6 +12129,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -11876,6 +12258,7 @@ and this project adheres to
           </a>
            - 2020-07-03
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -11900,6 +12283,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -11978,6 +12362,7 @@ and this project adheres to
         >
           Changed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -12055,6 +12440,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -12211,6 +12597,7 @@ and this project adheres to
           </a>
            - 2020-06-23
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -12235,6 +12622,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -12319,6 +12707,7 @@ and this project adheres to
           </a>
            - 2020-06-18
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -12343,6 +12732,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -12438,6 +12828,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -12668,6 +13059,7 @@ and this project adheres to
           </a>
            - 2020-06-04
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -12692,6 +13084,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -12774,6 +13167,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -12850,6 +13244,7 @@ and this project adheres to
           </a>
            - 2020-05-08
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -12874,6 +13269,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -12960,6 +13356,7 @@ and this project adheres to
         >
           Changed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -13067,6 +13464,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -13177,6 +13575,7 @@ and this project adheres to
           </a>
            - 2020-04-09
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -13201,6 +13600,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -13257,6 +13657,7 @@ and this project adheres to
         >
           Changed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -13313,6 +13714,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -13376,6 +13778,7 @@ and this project adheres to
           </a>
            - 2020-03-26
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -13400,6 +13803,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -13508,6 +13912,7 @@ and this project adheres to
         >
           Changed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -13566,6 +13971,7 @@ and this project adheres to
         >
           Removed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -13614,6 +14020,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -13706,6 +14113,7 @@ and this project adheres to
           </a>
            - 2020-03-12
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -13730,6 +14138,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -13790,6 +14199,7 @@ and this project adheres to
         >
           Changed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -13840,6 +14250,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -13890,6 +14301,7 @@ and this project adheres to
         >
           Removed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -13937,6 +14349,7 @@ and this project adheres to
           </a>
            - 2020-02-14
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -13961,6 +14374,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -14006,6 +14420,7 @@ and this project adheres to
         >
           Changed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -14085,6 +14500,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -14133,6 +14549,7 @@ and this project adheres to
           </a>
            - 2020-01-31
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -14157,6 +14574,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -14204,6 +14622,7 @@ and this project adheres to
           </a>
            - 2020-01-29
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -14228,6 +14647,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -14288,6 +14708,7 @@ and this project adheres to
         >
           Changed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -14328,6 +14749,7 @@ and this project adheres to
         >
           Fixed
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -14400,6 +14822,7 @@ and this project adheres to
           </a>
            - 2019-12-02
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -14424,6 +14847,7 @@ and this project adheres to
         >
           Added
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -14619,6 +15043,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               id="line-1"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -14652,6 +15077,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               id="line-2"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -14681,6 +15107,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               id="line-3"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -14710,6 +15137,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               id="line-4"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -14739,6 +15167,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               id="line-5"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -14768,6 +15197,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               id="line-6"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -14797,6 +15227,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               id="line-7"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -14826,6 +15257,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               id="line-8"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -14855,6 +15287,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               id="line-9"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -14884,6 +15317,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               id="line-10"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -14913,6 +15347,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               id="line-11"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -14942,6 +15377,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               id="line-12"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -16201,6 +16637,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-1"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -16244,6 +16681,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-2"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -16273,6 +16711,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-3"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -16336,6 +16775,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-4"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -16384,6 +16824,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-5"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -16432,6 +16873,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-6"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -16480,6 +16922,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-7"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -16509,6 +16952,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-8"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -16673,6 +17117,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-9"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -16866,6 +17311,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-10"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -16914,6 +17360,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-11"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -16943,6 +17390,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-12"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -17041,6 +17489,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-13"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -17144,6 +17593,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-14"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -17257,6 +17707,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-15"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -17305,6 +17756,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               id="line-16"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -17584,6 +18036,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-1"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -17667,6 +18120,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-2"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -17696,6 +18150,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-3"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -17725,6 +18180,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-4"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -17754,6 +18210,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-5"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -17822,6 +18279,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-6"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -17890,6 +18348,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-7"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -17919,6 +18378,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-8"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -17948,6 +18408,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-9"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -17977,6 +18438,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-10"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -18045,6 +18507,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-11"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -18148,6 +18611,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-12"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -18251,6 +18715,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-13"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -18319,6 +18784,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-14"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -18387,6 +18853,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-15"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -18490,6 +18957,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-16"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -18593,6 +19061,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-17"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -18661,6 +19130,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-18"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -18729,6 +19199,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-19"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -18797,6 +19268,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-20"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -18826,6 +19298,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-21"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -18855,6 +19328,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-22"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -18884,6 +19358,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-23"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -18952,6 +19427,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               id="line-24"
             >
               <span
+                aria-label="sources.content.copyPermalink"
                 className="tooltip has-tooltip-right"
                 data-tooltip="sources.content.copyPermalink"
               >
@@ -22838,6 +23314,7 @@ exports[`Storyshots Repositories/Diff Binaries 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -22856,6 +23333,7 @@ exports[`Storyshots Repositories/Diff Binaries 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -23137,6 +23615,7 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                   className="control"
                 >
                   <span
+                    aria-label="diff.sideBySide"
                     className="tooltip has-tooltip-top"
                     data-tooltip="diff.sideBySide"
                   >
@@ -23155,6 +23634,7 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                   className="control"
                 >
                   <span
+                    aria-label="diff.fullscreen.open"
                     className="tooltip has-tooltip-top"
                     data-tooltip="diff.fullscreen.open"
                   >
@@ -23759,6 +24239,7 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                   className="control"
                 >
                   <span
+                    aria-label="diff.sideBySide"
                     className="tooltip has-tooltip-top"
                     data-tooltip="diff.sideBySide"
                   >
@@ -23777,6 +24258,7 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                   className="control"
                 >
                   <span
+                    aria-label="diff.fullscreen.open"
                     className="tooltip has-tooltip-top"
                     data-tooltip="diff.fullscreen.open"
                   >
@@ -24718,6 +25200,7 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                   className="control"
                 >
                   <span
+                    aria-label="diff.sideBySide"
                     className="tooltip has-tooltip-top"
                     data-tooltip="diff.sideBySide"
                   >
@@ -24736,6 +25219,7 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                   className="control"
                 >
                   <span
+                    aria-label="diff.fullscreen.open"
                     className="tooltip has-tooltip-top"
                     data-tooltip="diff.fullscreen.open"
                   >
@@ -25248,6 +25732,7 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                   className="control"
                 >
                   <span
+                    aria-label="diff.sideBySide"
                     className="tooltip has-tooltip-top"
                     data-tooltip="diff.sideBySide"
                   >
@@ -25266,6 +25751,7 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                   className="control"
                 >
                   <span
+                    aria-label="diff.fullscreen.open"
                     className="tooltip has-tooltip-top"
                     data-tooltip="diff.fullscreen.open"
                   >
@@ -25778,6 +26264,7 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                   className="control"
                 >
                   <span
+                    aria-label="diff.sideBySide"
                     className="tooltip has-tooltip-top"
                     data-tooltip="diff.sideBySide"
                   >
@@ -25796,6 +26283,7 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                   className="control"
                 >
                   <span
+                    aria-label="diff.fullscreen.open"
                     className="tooltip has-tooltip-top"
                     data-tooltip="diff.fullscreen.open"
                   >
@@ -26998,6 +27486,7 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                   className="control"
                 >
                   <span
+                    aria-label="diff.sideBySide"
                     className="tooltip has-tooltip-top"
                     data-tooltip="diff.sideBySide"
                   >
@@ -27016,6 +27505,7 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                   className="control"
                 >
                   <span
+                    aria-label="diff.fullscreen.open"
                     className="tooltip has-tooltip-top"
                     data-tooltip="diff.fullscreen.open"
                   >
@@ -27578,6 +28068,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -27596,6 +28087,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -27614,6 +28106,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="Jump to source"
                   className="tooltip has-tooltip-top"
                   data-tooltip="Jump to source"
                 >
@@ -27636,6 +28129,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="Jump to target"
                   className="tooltip has-tooltip-top"
                   data-tooltip="Jump to target"
                 >
@@ -27701,6 +28195,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -27719,6 +28214,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -27737,6 +28233,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="Jump to source"
                   className="tooltip has-tooltip-top"
                   data-tooltip="Jump to source"
                 >
@@ -27759,6 +28256,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="Jump to target"
                   className="tooltip has-tooltip-top"
                   data-tooltip="Jump to target"
                 >
@@ -27824,6 +28322,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -27842,6 +28341,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -27860,6 +28360,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="Jump to source"
                   className="tooltip has-tooltip-top"
                   data-tooltip="Jump to source"
                 >
@@ -27882,6 +28383,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="Jump to target"
                   className="tooltip has-tooltip-top"
                   data-tooltip="Jump to target"
                 >
@@ -27947,6 +28449,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -27965,6 +28468,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -27983,6 +28487,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="Jump to source"
                   className="tooltip has-tooltip-top"
                   data-tooltip="Jump to source"
                 >
@@ -28005,6 +28510,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="Jump to target"
                   className="tooltip has-tooltip-top"
                   data-tooltip="Jump to target"
                 >
@@ -28070,6 +28576,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -28088,6 +28595,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -28106,6 +28614,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="Jump to source"
                   className="tooltip has-tooltip-top"
                   data-tooltip="Jump to source"
                 >
@@ -28128,6 +28637,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="Jump to target"
                   className="tooltip has-tooltip-top"
                   data-tooltip="Jump to target"
                 >
@@ -28193,6 +28703,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -28211,6 +28722,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -28229,6 +28741,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="Jump to source"
                   className="tooltip has-tooltip-top"
                   data-tooltip="Jump to source"
                 >
@@ -28251,6 +28764,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="Jump to target"
                   className="tooltip has-tooltip-top"
                   data-tooltip="Jump to target"
                 >
@@ -28325,6 +28839,7 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -28343,6 +28858,7 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -28404,6 +28920,7 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -28422,6 +28939,7 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -29266,6 +29784,7 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -29284,6 +29803,7 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -29724,6 +30244,7 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -29742,6 +30263,7 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -30182,6 +30704,7 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -30200,6 +30723,7 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -30261,6 +30785,7 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -30279,6 +30804,7 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -30349,6 +30875,7 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -30367,6 +30894,7 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -30934,6 +31462,7 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -30952,6 +31481,7 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -31796,6 +32326,7 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -31814,6 +32345,7 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -32254,6 +32786,7 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -32272,6 +32805,7 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -32712,6 +33246,7 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -32730,6 +33265,7 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -33777,6 +34313,7 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -33795,6 +34332,7 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -34319,6 +34857,7 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -34337,6 +34876,7 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -34941,6 +35481,7 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -34959,6 +35500,7 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -35900,6 +36442,7 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -35918,6 +36461,7 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -36430,6 +36974,7 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -36448,6 +36993,7 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -36960,6 +37506,7 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -36978,6 +37525,7 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -38180,6 +38728,7 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -38198,6 +38747,7 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -38759,6 +39309,7 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -38777,6 +39328,7 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -39381,6 +39933,7 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -39399,6 +39952,7 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -40340,6 +40894,7 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -40358,6 +40913,7 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -40870,6 +41426,7 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -40888,6 +41445,7 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -41400,6 +41958,7 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -41418,6 +41977,7 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -42620,6 +43180,7 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -42638,6 +43199,7 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -43199,6 +43761,7 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -43217,6 +43780,7 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -43788,6 +44352,7 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -43806,6 +44371,7 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -44654,6 +45220,7 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -44672,6 +45239,7 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -45116,6 +45684,7 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -45134,6 +45703,7 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -45578,6 +46148,7 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -45596,6 +46167,7 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -46647,6 +47219,7 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -46665,6 +47238,7 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -47193,6 +47767,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -47211,6 +47786,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -47229,6 +47805,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
                   className="tooltip has-tooltip-top"
                   data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
                 >
@@ -47796,6 +48373,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -47814,6 +48392,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -47832,6 +48411,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
                   className="tooltip has-tooltip-top"
                   data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
                 >
@@ -48676,6 +49256,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -48694,6 +49275,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -48712,6 +49294,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
                   className="tooltip has-tooltip-top"
                   data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
                 >
@@ -49152,6 +49735,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -49170,6 +49754,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -49188,6 +49773,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
                   className="tooltip has-tooltip-top"
                   data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
                 >
@@ -49628,6 +50214,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -49646,6 +50233,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -49664,6 +50252,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
                   className="tooltip has-tooltip-top"
                   data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
                 >
@@ -50711,6 +51300,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -50729,6 +51319,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -50747,6 +51338,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
                   className="tooltip has-tooltip-top"
                   data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
                 >
@@ -51271,6 +51863,7 @@ exports[`Storyshots Repositories/Diff Hunks 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -51289,6 +51882,7 @@ exports[`Storyshots Repositories/Diff Hunks 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -52120,6 +52714,7 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -52138,6 +52733,7 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -52717,6 +53313,7 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -52735,6 +53332,7 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -53591,6 +54189,7 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -53609,6 +54208,7 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -54049,6 +54649,7 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -54067,6 +54668,7 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -54507,6 +55109,7 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -54525,6 +55128,7 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -55572,6 +56176,7 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -55590,6 +56195,7 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -56126,6 +56732,7 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -56144,6 +56751,7 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -56751,6 +57359,7 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -56769,6 +57378,7 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -57675,6 +58285,7 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -57693,6 +58304,7 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -58163,6 +58775,7 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -58181,6 +58794,7 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -58651,6 +59265,7 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -58669,6 +59284,7 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -59792,6 +60408,7 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -59810,6 +60427,7 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -60370,6 +60988,7 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.combined"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.combined"
                 >
@@ -60388,6 +61007,7 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -61048,6 +61668,7 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.combined"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.combined"
                 >
@@ -61066,6 +61687,7 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -62000,6 +62622,7 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.combined"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.combined"
                 >
@@ -62018,6 +62641,7 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -62510,6 +63134,7 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.combined"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.combined"
                 >
@@ -62528,6 +63153,7 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -63020,6 +63646,7 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.combined"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.combined"
                 >
@@ -63038,6 +63665,7 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -64254,6 +64882,7 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.combined"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.combined"
                 >
@@ -64272,6 +64901,7 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -64869,6 +65499,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting (Markdown) 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -64887,6 +65518,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting (Markdown) 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -65236,6 +65868,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -65254,6 +65887,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -65821,6 +66455,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -65839,6 +66474,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -66683,6 +67319,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -66701,6 +67338,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -67141,6 +67779,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -67159,6 +67798,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -67599,6 +68239,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -67617,6 +68258,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -68664,6 +69306,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -68682,6 +69325,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -69206,6 +69850,7 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -69224,6 +69869,7 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -69828,6 +70474,7 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -69846,6 +70493,7 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -70787,6 +71435,7 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -70805,6 +71454,7 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -71317,6 +71967,7 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -71335,6 +71986,7 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -71847,6 +72499,7 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -71865,6 +72518,7 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -73067,6 +73721,7 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.sideBySide"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.sideBySide"
                 >
@@ -73085,6 +73740,7 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                 className="control"
               >
                 <span
+                  aria-label="diff.fullscreen.open"
                   className="tooltip has-tooltip-top"
                   data-tooltip="diff.fullscreen.open"
                 >
@@ -73607,6 +74263,7 @@ exports[`Storyshots Repositories/RepositoryEntry Archived 1`] = `
     className="is-relative"
   >
     <a
+      aria-label="overview.ariaLabel"
       className="GroupEntry__OverlayLink-sc-1f902yu-1 dVnuiR has-hover-background-blue"
       href="/repo/hitchhiker/heartOfGold/"
       onClick={[Function]}
@@ -73651,6 +74308,7 @@ exports[`Storyshots Repositories/RepositoryEntry Archived 1`] = `
                   className="RepositoryFlags__RepositoryFlagContainer-sc-1swhx1t-0 fDXIgs"
                 >
                   <span
+                    aria-label="archive.tooltip"
                     className="tooltip has-tooltip-right"
                     data-tooltip="archive.tooltip"
                   >
@@ -73727,6 +74385,7 @@ exports[`Storyshots Repositories/RepositoryEntry Avatar EP 1`] = `
     className="is-relative"
   >
     <a
+      aria-label="overview.ariaLabel"
       className="GroupEntry__OverlayLink-sc-1f902yu-1 dVnuiR has-hover-background-blue"
       href="/repo/hitchhiker/heartOfGold/"
       onClick={[Function]}
@@ -73836,6 +74495,7 @@ exports[`Storyshots Repositories/RepositoryEntry Before Title EP 1`] = `
     className="is-relative"
   >
     <a
+      aria-label="overview.ariaLabel"
       className="GroupEntry__OverlayLink-sc-1f902yu-1 dVnuiR has-hover-background-blue"
       href="/repo/hitchhiker/heartOfGold/"
       onClick={[Function]}
@@ -73948,6 +74608,7 @@ exports[`Storyshots Repositories/RepositoryEntry Default 1`] = `
     className="is-relative"
   >
     <a
+      aria-label="overview.ariaLabel"
       className="GroupEntry__OverlayLink-sc-1f902yu-1 dVnuiR has-hover-background-blue"
       href="/repo/hitchhiker/heartOfGold/"
       onClick={[Function]}
@@ -74057,6 +74718,7 @@ exports[`Storyshots Repositories/RepositoryEntry Exporting 1`] = `
     className="is-relative"
   >
     <a
+      aria-label="overview.ariaLabel"
       className="GroupEntry__OverlayLink-sc-1f902yu-1 dVnuiR has-hover-background-blue"
       href="/repo/hitchhiker/heartOfGold/"
       onClick={[Function]}
@@ -74101,6 +74763,7 @@ exports[`Storyshots Repositories/RepositoryEntry Exporting 1`] = `
                   className="RepositoryFlags__RepositoryFlagContainer-sc-1swhx1t-0 fDXIgs"
                 >
                   <span
+                    aria-label="exporting.tooltip"
                     className="tooltip has-tooltip-right"
                     data-tooltip="exporting.tooltip"
                   >
@@ -74177,6 +74840,7 @@ exports[`Storyshots Repositories/RepositoryEntry HealthCheck Failure 1`] = `
     className="is-relative"
   >
     <a
+      aria-label="overview.ariaLabel"
       className="GroupEntry__OverlayLink-sc-1f902yu-1 dVnuiR has-hover-background-blue"
       href="/repo/hitchhiker/heartOfGold/"
       onClick={[Function]}
@@ -74221,6 +74885,7 @@ exports[`Storyshots Repositories/RepositoryEntry HealthCheck Failure 1`] = `
                   className="RepositoryFlags__RepositoryFlagContainer-sc-1swhx1t-0 fDXIgs"
                 >
                   <span
+                    aria-label="healthCheckFailure.tooltip"
                     className="tooltip has-tooltip-right"
                     data-tooltip="healthCheckFailure.tooltip"
                   >
@@ -74298,6 +74963,7 @@ exports[`Storyshots Repositories/RepositoryEntry MultiRepositoryTags 1`] = `
     className="is-relative"
   >
     <a
+      aria-label="overview.ariaLabel"
       className="GroupEntry__OverlayLink-sc-1f902yu-1 dVnuiR has-hover-background-blue"
       href="/repo/hitchhiker/heartOfGold/"
       onClick={[Function]}
@@ -74342,6 +75008,7 @@ exports[`Storyshots Repositories/RepositoryEntry MultiRepositoryTags 1`] = `
                   className="RepositoryFlags__RepositoryFlagContainer-sc-1swhx1t-0 fDXIgs"
                 >
                   <span
+                    aria-label="archive.tooltip"
                     className="tooltip has-tooltip-right"
                     data-tooltip="archive.tooltip"
                   >
@@ -74352,6 +75019,7 @@ exports[`Storyshots Repositories/RepositoryEntry MultiRepositoryTags 1`] = `
                     </span>
                   </span>
                   <span
+                    aria-label="exporting.tooltip"
                     className="tooltip has-tooltip-right"
                     data-tooltip="exporting.tooltip"
                   >
@@ -74428,6 +75096,7 @@ exports[`Storyshots Repositories/RepositoryEntry RepositoryFlag EP 1`] = `
     className="is-relative"
   >
     <a
+      aria-label="overview.ariaLabel"
       className="GroupEntry__OverlayLink-sc-1f902yu-1 dVnuiR has-hover-background-blue"
       href="/repo/hitchhiker/heartOfGold/"
       onClick={[Function]}
@@ -74472,6 +75141,7 @@ exports[`Storyshots Repositories/RepositoryEntry RepositoryFlag EP 1`] = `
                   className="RepositoryFlags__RepositoryFlagContainer-sc-1swhx1t-0 fDXIgs"
                 >
                   <span
+                    aria-label="healthCheckFailure.tooltip"
                     className="tooltip has-tooltip-right"
                     data-tooltip="healthCheckFailure.tooltip"
                   >
@@ -74549,6 +75219,7 @@ exports[`Storyshots Repositories/RepositoryEntry With long texts 1`] = `
     className="is-relative"
   >
     <a
+      aria-label="overview.ariaLabel"
       className="GroupEntry__OverlayLink-sc-1f902yu-1 dVnuiR has-hover-background-blue"
       href="/repo/hitchhiker/veeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeery-loooooooooooooooooooooooooooooooooooooooooooooooooooong-repooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo-naaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaame/"
       onClick={[Function]}
@@ -75068,6 +75739,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           id="line-1"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -75111,6 +75783,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           id="line-2"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -75140,6 +75813,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           id="line-3"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -75203,6 +75877,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           id="line-4"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -75251,6 +75926,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           id="line-5"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -75299,6 +75975,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           id="line-6"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -75347,6 +76024,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           id="line-7"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -75376,6 +76054,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           id="line-8"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -75474,6 +76153,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           id="line-9"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -75683,6 +76363,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           id="line-10"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -75791,6 +76472,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           id="line-11"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -75849,6 +76531,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           id="line-12"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -75878,6 +76561,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           id="line-13"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -76027,6 +76711,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           id="line-14"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -76195,6 +76880,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           id="line-15"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -76224,6 +76910,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           id="line-16"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -76337,6 +77024,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           id="line-17"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -76385,6 +77073,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           id="line-18"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -76570,6 +77259,7 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
           id="line-1"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -76684,6 +77374,7 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
           id="line-2"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -76713,6 +77404,7 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
           id="line-3"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -76853,6 +77545,7 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
           id="line-4"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -77022,6 +77715,7 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
           id="line-5"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -77120,6 +77814,7 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
           id="line-6"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -77208,6 +77903,7 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
           id="line-7"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -77326,6 +78022,7 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
           id="line-8"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -77417,6 +78114,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-1"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -77472,6 +78170,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-2"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -77501,6 +78200,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-3"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -77587,6 +78287,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-4"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -77673,6 +78374,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-5"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -77759,6 +78461,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-6"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -77845,6 +78548,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-7"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -77931,6 +78635,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-8"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78017,6 +78722,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-9"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78103,6 +78809,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-10"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78189,6 +78896,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-11"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78218,6 +78926,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-12"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78266,6 +78975,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-13"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78295,6 +79005,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-14"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78355,6 +79066,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-15"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78384,6 +79096,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-16"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78444,6 +79157,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-17"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78473,6 +79187,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-18"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78502,6 +79217,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-19"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78531,6 +79247,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-20"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78591,6 +79308,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-21"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78620,6 +79338,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-22"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78649,6 +79368,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-23"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78678,6 +79398,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-24"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78738,6 +79459,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-25"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78767,6 +79489,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-26"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78796,6 +79519,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-27"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78825,6 +79549,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-28"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78885,6 +79610,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-29"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78914,6 +79640,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-30"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78943,6 +79670,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-31"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -78972,6 +79700,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-32"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79032,6 +79761,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-33"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79061,6 +79791,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-34"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79090,6 +79821,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-35"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79119,6 +79851,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-36"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79179,6 +79912,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-37"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79208,6 +79942,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-38"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79237,6 +79972,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-39"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79266,6 +80002,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-40"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79295,6 +80032,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-41"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79324,6 +80062,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-42"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79353,6 +80092,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-43"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79413,6 +80153,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-44"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79442,6 +80183,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-45"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79471,6 +80213,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-46"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79500,6 +80243,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-47"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79529,6 +80273,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-48"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79558,6 +80303,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-49"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79587,6 +80333,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-50"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79616,6 +80363,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-51"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79645,6 +80393,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-52"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79674,6 +80423,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-53"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79734,6 +80484,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-54"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79763,6 +80514,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-55"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79792,6 +80544,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-56"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79821,6 +80574,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-57"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79869,6 +80623,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-58"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79898,6 +80653,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-59"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79927,6 +80683,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-60"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -79956,6 +80713,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-61"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80004,6 +80762,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-62"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80033,6 +80792,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-63"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80062,6 +80822,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-64"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80091,6 +80852,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-65"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80139,6 +80901,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-66"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80168,6 +80931,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-67"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80197,6 +80961,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-68"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80226,6 +80991,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-69"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80255,6 +81021,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-70"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80284,6 +81051,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-71"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80344,6 +81112,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-72"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80373,6 +81142,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-73"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80433,6 +81203,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-74"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80462,6 +81233,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-75"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80510,6 +81282,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-76"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80558,6 +81331,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-77"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80606,6 +81380,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-78"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80635,6 +81410,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-79"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80683,6 +81459,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-80"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80731,6 +81508,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-81"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80779,6 +81557,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-82"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80827,6 +81606,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-83"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80875,6 +81655,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-84"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80923,6 +81704,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-85"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -80971,6 +81753,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-86"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81000,6 +81783,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-87"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81060,6 +81844,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-88"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81089,6 +81874,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-89"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81137,6 +81923,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-90"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81185,6 +81972,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-91"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81233,6 +82021,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-92"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81281,6 +82070,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-93"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81329,6 +82119,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-94"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81377,6 +82168,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-95"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81425,6 +82217,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-96"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81454,6 +82247,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-97"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81483,6 +82277,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-98"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81512,6 +82307,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-99"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81572,6 +82368,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-100"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81601,6 +82398,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-101"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81630,6 +82428,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-102"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81659,6 +82458,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-103"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81707,6 +82507,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-104"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81736,6 +82537,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-105"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81765,6 +82567,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-106"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81794,6 +82597,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-107"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81823,6 +82627,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-108"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81852,6 +82657,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-109"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81912,6 +82718,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-110"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81941,6 +82748,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-111"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81970,6 +82778,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-112"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -81999,6 +82808,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-113"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -82153,6 +82963,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-114"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -82363,6 +83174,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-115"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -82493,6 +83305,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-116"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -82623,6 +83436,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-117"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -82753,6 +83567,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-118"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -82883,6 +83698,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-119"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83013,6 +83829,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-120"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83052,6 +83869,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-121"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83081,6 +83899,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-122"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83110,6 +83929,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-123"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83139,6 +83959,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-124"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83168,6 +83989,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-125"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83228,6 +84050,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-126"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83257,6 +84080,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-127"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83317,6 +84141,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-128"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83346,6 +84171,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-129"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83409,6 +84235,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-130"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83438,6 +84265,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-131"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83498,6 +84326,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-132"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83527,6 +84356,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-133"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83556,6 +84386,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-134"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83585,6 +84416,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-135"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83640,6 +84472,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-136"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83690,6 +84523,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-137"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83719,6 +84553,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-138"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83785,6 +84620,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-139"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83835,6 +84671,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-140"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83885,6 +84722,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-141"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83935,6 +84773,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-142"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -83964,6 +84803,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-143"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -84137,6 +84977,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-144"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -84337,6 +85178,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-145"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -84387,6 +85229,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-146"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -84416,6 +85259,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-147"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -84518,6 +85362,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-148"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -84624,6 +85469,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-149"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -84740,6 +85586,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-150"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -84790,6 +85637,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-151"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -84839,6 +85687,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-152"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -84868,6 +85717,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-153"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -84897,6 +85747,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-154"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -84926,6 +85777,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-155"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -84955,6 +85807,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-156"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -84984,6 +85837,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-157"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -85044,6 +85898,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-158"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -85073,6 +85928,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-159"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -85255,6 +86111,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-160"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -85284,6 +86141,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-161"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -85355,6 +86213,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-162"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -85384,6 +86243,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-163"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -85507,6 +86367,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-164"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -85536,6 +86397,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-165"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -85607,6 +86469,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-166"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -85636,6 +86499,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-167"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -85823,6 +86687,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-168"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -85852,6 +86717,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-169"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -85923,6 +86789,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-170"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -85952,6 +86819,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-171"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -86023,6 +86891,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           id="line-172"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -86114,6 +86983,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-1"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -86187,6 +87057,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-2"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -86216,6 +87087,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-3"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -86280,6 +87152,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-4"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -86309,6 +87182,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-5"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -86403,6 +87277,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-6"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -86432,6 +87307,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-7"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -86530,6 +87406,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-8"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -86613,6 +87490,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-9"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -86716,6 +87594,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-10"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -86789,6 +87668,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-11"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -86887,6 +87767,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-12"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -86935,6 +87816,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-13"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -86964,6 +87846,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-14"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -87022,6 +87905,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-15"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -87156,6 +88040,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-16"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -87234,6 +88119,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-17"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -87307,6 +88193,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-18"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -87370,6 +88257,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-19"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -87433,6 +88321,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-20"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -87521,6 +88410,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           id="line-21"
         >
           <span
+            aria-label="sources.content.copyPermalink"
             className="tooltip has-tooltip-right"
             data-tooltip="sources.content.copyPermalink"
           >
@@ -90451,6 +91341,7 @@ exports[`Storyshots Tooltip Default 1`] = `
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
     <span
+      aria-label="Heart of Gold"
       className="tooltip has-tooltip-right"
       data-tooltip="Heart of Gold"
     >
@@ -90470,6 +91361,7 @@ exports[`Storyshots Tooltip Default 1`] = `
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
     <span
+      aria-label="Heart of Gold"
       className="tooltip has-tooltip-top"
       data-tooltip="Heart of Gold"
     >
@@ -90489,6 +91381,7 @@ exports[`Storyshots Tooltip Default 1`] = `
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
     <span
+      aria-label="Heart of Gold"
       className="tooltip has-tooltip-left"
       data-tooltip="Heart of Gold"
     >
@@ -90508,6 +91401,7 @@ exports[`Storyshots Tooltip Default 1`] = `
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
     <span
+      aria-label="Heart of Gold"
       className="tooltip has-tooltip-bottom"
       data-tooltip="Heart of Gold"
     >
@@ -90534,6 +91428,14 @@ exports[`Storyshots Tooltip Multiline 1`] = `
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
     <span
+      aria-label="Characters:
+
+- Arthur Dent
+- Ford Prefect
+- Zaphod Beeblebrox
+- Marvin the Paranoid Android
+- Trillian
+- Slartibartfast"
       className="tooltip has-tooltip-right"
       data-tooltip="Characters:
 
@@ -90560,6 +91462,14 @@ exports[`Storyshots Tooltip Multiline 1`] = `
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
     <span
+      aria-label="Characters:
+
+- Arthur Dent
+- Ford Prefect
+- Zaphod Beeblebrox
+- Marvin the Paranoid Android
+- Trillian
+- Slartibartfast"
       className="tooltip has-tooltip-top"
       data-tooltip="Characters:
 
@@ -90586,6 +91496,14 @@ exports[`Storyshots Tooltip Multiline 1`] = `
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
     <span
+      aria-label="Characters:
+
+- Arthur Dent
+- Ford Prefect
+- Zaphod Beeblebrox
+- Marvin the Paranoid Android
+- Trillian
+- Slartibartfast"
       className="tooltip has-tooltip-left"
       data-tooltip="Characters:
 
@@ -90612,6 +91530,14 @@ exports[`Storyshots Tooltip Multiline 1`] = `
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
     <span
+      aria-label="Characters:
+
+- Arthur Dent
+- Ford Prefect
+- Zaphod Beeblebrox
+- Marvin the Paranoid Android
+- Trillian
+- Slartibartfast"
       className="tooltip has-tooltip-bottom"
       data-tooltip="Characters:
 
@@ -90645,6 +91571,9 @@ exports[`Storyshots Tooltip Short Multiline 1`] = `
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
     <span
+      aria-label="* a
+* b
+* c"
       className="tooltip has-tooltip-right"
       data-tooltip="* a
 * b
@@ -90666,6 +91595,9 @@ exports[`Storyshots Tooltip Short Multiline 1`] = `
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
     <span
+      aria-label="* a
+* b
+* c"
       className="tooltip has-tooltip-top"
       data-tooltip="* a
 * b
@@ -90687,6 +91619,9 @@ exports[`Storyshots Tooltip Short Multiline 1`] = `
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
     <span
+      aria-label="* a
+* b
+* c"
       className="tooltip has-tooltip-left"
       data-tooltip="* a
 * b
@@ -90708,6 +91643,9 @@ exports[`Storyshots Tooltip Short Multiline 1`] = `
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
     <span
+      aria-label="* a
+* b
+* c"
       className="tooltip has-tooltip-bottom"
       data-tooltip="* a
 * b
diff --git a/scm-ui/ui-components/src/buttons/Button.tsx b/scm-ui/ui-components/src/buttons/Button.tsx
index a29a7f02e2..910c660690 100644
--- a/scm-ui/ui-components/src/buttons/Button.tsx
+++ b/scm-ui/ui-components/src/buttons/Button.tsx
@@ -21,7 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import React, { FC, MouseEvent, ReactNode } from "react";
+import React, { FC, MouseEvent, ReactNode, KeyboardEvent } from "react";
 import classNames from "classnames";
 import { Link } from "react-router-dom";
 import Icon from "../Icon";
@@ -32,7 +32,7 @@ export type ButtonProps = {
   title?: string;
   loading?: boolean;
   disabled?: boolean;
-  action?: (event: MouseEvent) => void;
+  action?: (event: MouseEvent | KeyboardEvent) => void;
   link?: string;
   className?: string;
   icon?: string;
diff --git a/scm-ui/ui-components/src/buttons/RemoveEntryOfTableButton.tsx b/scm-ui/ui-components/src/buttons/RemoveEntryOfTableButton.tsx
index 541c040e0c..f7702da2d6 100644
--- a/scm-ui/ui-components/src/buttons/RemoveEntryOfTableButton.tsx
+++ b/scm-ui/ui-components/src/buttons/RemoveEntryOfTableButton.tsx
@@ -21,7 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import React, { MouseEvent } from "react";
+import React, { MouseEvent, KeyboardEvent } from "react";
 import { DeleteButton } from ".";
 import classNames from "classnames";
 
@@ -41,7 +41,7 @@ class RemoveEntryOfTableButton extends React.Component<Props, State> {
       <div className={classNames("is-pulled-right")}>
         <DeleteButton
           label={label}
-          action={(event: MouseEvent) => {
+          action={(event: MouseEvent | KeyboardEvent) => {
             event.preventDefault();
             removeEntry(entryname);
           }}
diff --git a/scm-ui/ui-components/src/buttons/SubmitButton.tsx b/scm-ui/ui-components/src/buttons/SubmitButton.tsx
index 82138eb75a..46985f107e 100644
--- a/scm-ui/ui-components/src/buttons/SubmitButton.tsx
+++ b/scm-ui/ui-components/src/buttons/SubmitButton.tsx
@@ -21,7 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import React, { MouseEvent } from "react";
+import React, { MouseEvent, KeyboardEvent } from "react";
 import Button, { ButtonProps } from "./Button";
 
 type SubmitButtonProps = ButtonProps & {
@@ -41,7 +41,7 @@ class SubmitButton extends React.Component<SubmitButtonProps> {
         type="submit"
         color="primary"
         {...this.props}
-        action={(event: MouseEvent) => {
+        action={(event: MouseEvent | KeyboardEvent) => {
           if (action) {
             action(event);
           }
diff --git a/scm-ui/ui-components/src/createA11yId.tsx b/scm-ui/ui-components/src/createA11yId.tsx
new file mode 100644
index 0000000000..6d711bd453
--- /dev/null
+++ b/scm-ui/ui-components/src/createA11yId.tsx
@@ -0,0 +1,27 @@
+/*
+ * MIT License
+ *
+ * Copyright (c) 2020-present Cloudogu GmbH and Contributors
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+let counter = 0;
+
+export const createA11yId = (prefix: string) => prefix + "_" + counter++;
diff --git a/scm-ui/ui-components/src/forms/AddEntryToTableField.tsx b/scm-ui/ui-components/src/forms/AddEntryToTableField.tsx
index b889152270..879d7fb7d5 100644
--- a/scm-ui/ui-components/src/forms/AddEntryToTableField.tsx
+++ b/scm-ui/ui-components/src/forms/AddEntryToTableField.tsx
@@ -21,7 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import React, { FC, useState, MouseEvent } from "react";
+import React, { FC, useState, MouseEvent, KeyboardEvent } from "react";
 import styled from "styled-components";
 import Level from "../layout/Level";
 import AddButton from "../buttons/AddButton";
@@ -56,7 +56,7 @@ const AddEntryToTableField: FC<Props> = ({
     setEntryToAdd(entryName);
   };
 
-  const addButtonClicked = (event: MouseEvent) => {
+  const addButtonClicked = (event: MouseEvent | KeyboardEvent) => {
     event.preventDefault();
     appendEntry();
   };
diff --git a/scm-ui/ui-components/src/forms/AutocompleteAddEntryToTableField.tsx b/scm-ui/ui-components/src/forms/AutocompleteAddEntryToTableField.tsx
index 4f3136b43f..933a9533ce 100644
--- a/scm-ui/ui-components/src/forms/AutocompleteAddEntryToTableField.tsx
+++ b/scm-ui/ui-components/src/forms/AutocompleteAddEntryToTableField.tsx
@@ -21,7 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import React, { FC, useState, MouseEvent } from "react";
+import React, { FC, useState, MouseEvent, KeyboardEvent } from "react";
 import styled from "styled-components";
 import { SelectValue } from "@scm-manager/ui-types";
 import Level from "../layout/Level";
@@ -61,7 +61,7 @@ const AutocompleteAddEntryToTableField: FC<Props> = ({
     setSelectedValue(selection);
   };
 
-  const addButtonClicked = (event: MouseEvent) => {
+  const addButtonClicked = (event: MouseEvent | KeyboardEvent) => {
     event.preventDefault();
     appendEntry();
   };
diff --git a/scm-ui/ui-components/src/forms/Checkbox.tsx b/scm-ui/ui-components/src/forms/Checkbox.tsx
index 63c190b4f6..92b3ecca1f 100644
--- a/scm-ui/ui-components/src/forms/Checkbox.tsx
+++ b/scm-ui/ui-components/src/forms/Checkbox.tsx
@@ -27,6 +27,7 @@ import LabelWithHelpIcon from "./LabelWithHelpIcon";
 import useInnerRef from "./useInnerRef";
 import { createFormFieldWrapper, FieldProps, FieldType, isLegacy, isUsingRef } from "./FormFieldTypes";
 import classNames from "classnames";
+import { createA11yId } from "../createA11yId";
 
 export interface CheckboxElement extends HTMLElement {
   value: boolean;
@@ -83,17 +84,20 @@ const InnerCheckbox: FC<FieldProps<BaseProps, HTMLInputElement, boolean>> = ({
     }
   };
 
+  const id = createA11yId("checkbox");
+  const helpId = createA11yId("checkbox");
+
   const renderHelp = () => {
     const { title, helpText } = props;
     if (helpText && !title) {
-      return <Help message={helpText} />;
+      return <Help message={helpText} id={helpId} />;
     }
   };
 
   const renderLabelWithHelp = () => {
     const { title, helpText } = props;
     if (title) {
-      return <LabelWithHelpIcon label={title} helpText={helpText} />;
+      return <LabelWithHelpIcon label={title} helpText={helpText} id={id} helpId={helpId} />;
     }
   };
   return (
@@ -116,6 +120,8 @@ const InnerCheckbox: FC<FieldProps<BaseProps, HTMLInputElement, boolean>> = ({
             checked={props.checked}
             disabled={disabled}
             readOnly={readOnly}
+            aria-labelledby={id}
+            aria-describedby={helpId}
             {...createAttributesForTesting(testId)}
           />{" "}
           {label}
diff --git a/scm-ui/ui-components/src/forms/FileInput.tsx b/scm-ui/ui-components/src/forms/FileInput.tsx
index be1eab66da..f479f47f1f 100644
--- a/scm-ui/ui-components/src/forms/FileInput.tsx
+++ b/scm-ui/ui-components/src/forms/FileInput.tsx
@@ -26,6 +26,7 @@ import { useTranslation } from "react-i18next";
 import classNames from "classnames";
 import { createAttributesForTesting } from "../devBuild";
 import LabelWithHelpIcon from "./LabelWithHelpIcon";
+import { createA11yId } from "../createA11yId";
 
 type Props = {
   name?: string;
@@ -73,9 +74,11 @@ const FileInput: FC<Props> = ({
     }
   };
 
+  const id = createA11yId("file-input");
+
   return (
     <div className={classNames("field", className)}>
-      <LabelWithHelpIcon label={label} helpText={helpText} />
+      <LabelWithHelpIcon label={label} helpText={helpText} id={id} />
       <div className="file is-info has-name is-fullwidth">
         <label className="file-label">
           <input
@@ -87,6 +90,7 @@ const FileInput: FC<Props> = ({
             disabled={disabled}
             onChange={handleChange}
             onBlur={handleBlur}
+            aria-describedby={id}
             {...createAttributesForTesting(testId)}
           />
           <span className="file-cta">
diff --git a/scm-ui/ui-components/src/forms/FilterInput.tsx b/scm-ui/ui-components/src/forms/FilterInput.tsx
index 6f25387e26..18c16ee36d 100644
--- a/scm-ui/ui-components/src/forms/FilterInput.tsx
+++ b/scm-ui/ui-components/src/forms/FilterInput.tsx
@@ -34,13 +34,14 @@ type Props = {
   placeholder?: string;
   autoFocus?: boolean;
   className?: string;
+  id?: string;
 };
 
 const FixedHeightInput = styled.input`
   height: 2.5rem;
 `;
 
-const FilterInput: FC<Props> = ({ filter, value, testId, placeholder, autoFocus, className }) => {
+const FilterInput: FC<Props> = ({ filter, value, testId, placeholder, autoFocus, className, id }) => {
   const [stateValue, setStateValue] = useState(value || "");
   const [timeoutId, setTimeoutId] = useState<ReturnType<typeof setTimeout>>();
   const [t] = useTranslation("commons");
@@ -79,6 +80,7 @@ const FilterInput: FC<Props> = ({ filter, value, testId, placeholder, autoFocus,
           value={stateValue}
           onChange={(event) => setStateValue(event.target.value)}
           autoFocus={autoFocus || false}
+          aria-describedby={id}
         />
         <span className="icon is-small is-left">
           <i className="fas fa-filter" />
diff --git a/scm-ui/ui-components/src/forms/InputField.tsx b/scm-ui/ui-components/src/forms/InputField.tsx
index 5ec0098979..b2e0d21c00 100644
--- a/scm-ui/ui-components/src/forms/InputField.tsx
+++ b/scm-ui/ui-components/src/forms/InputField.tsx
@@ -27,6 +27,7 @@ import LabelWithHelpIcon from "./LabelWithHelpIcon";
 import { createAttributesForTesting } from "../devBuild";
 import useAutofocus from "./useAutofocus";
 import { createFormFieldWrapper, FieldProps, FieldType, isLegacy, isUsingRef } from "./FormFieldTypes";
+import { createA11yId } from "../createA11yId";
 
 type BaseProps = {
   label?: string;
@@ -102,11 +103,16 @@ export const InnerInputField: FC<FieldProps<BaseProps, HTMLInputElement, string>
   } else if (informationMessage) {
     helper = <p className="help is-info">{informationMessage}</p>;
   }
+
+  const id = createA11yId("input");
+  const helpId = createA11yId("input");
   return (
     <fieldset className={classNames("field", className)} disabled={readOnly}>
-      <LabelWithHelpIcon label={label} helpText={helpText} />
+      <LabelWithHelpIcon label={label} helpText={helpText} id={id} helpId={helpId} />
       <div className="control">
         <input
+          aria-labelledby={id}
+          aria-describedby={helpId}
           ref={field}
           name={name}
           className={classNames("input", errorView)}
diff --git a/scm-ui/ui-components/src/forms/LabelWithHelpIcon.tsx b/scm-ui/ui-components/src/forms/LabelWithHelpIcon.tsx
index 432d34577e..cc3529d9c2 100644
--- a/scm-ui/ui-components/src/forms/LabelWithHelpIcon.tsx
+++ b/scm-ui/ui-components/src/forms/LabelWithHelpIcon.tsx
@@ -27,24 +27,26 @@ import Help from "../Help";
 type Props = {
   label?: string;
   helpText?: string;
+  id?: string;
+  helpId?: string;
 };
 
 class LabelWithHelpIcon extends React.Component<Props> {
   renderHelp() {
-    const { helpText } = this.props;
+    const { helpText, helpId } = this.props;
     if (helpText) {
-      return <Help message={helpText} />;
+      return <Help message={helpText} id={helpId} />;
     }
   }
 
   render() {
-    const { label } = this.props;
+    const { label, id } = this.props;
 
     if (label) {
       const help = this.renderHelp();
       return (
         <label className="label">
-          {label} {help}
+          <span id={id}>{label}</span> {help}
         </label>
       );
     }
diff --git a/scm-ui/ui-components/src/forms/Radio.tsx b/scm-ui/ui-components/src/forms/Radio.tsx
index 37df0eb701..73427b41b9 100644
--- a/scm-ui/ui-components/src/forms/Radio.tsx
+++ b/scm-ui/ui-components/src/forms/Radio.tsx
@@ -25,6 +25,7 @@ import React, { ChangeEvent, FC, FocusEvent } from "react";
 import classNames from "classnames";
 import { Help } from "../index";
 import { createFormFieldWrapper, FieldProps, FieldType, isLegacy, isUsingRef } from "./FormFieldTypes";
+import { createA11yId } from "../createA11yId";
 
 type BaseProps = {
   label?: string;
@@ -36,18 +37,23 @@ type BaseProps = {
   defaultChecked?: boolean;
   className?: string;
   readOnly?: boolean;
+  ariaLabelledby?: string;
 };
 
 const InnerRadio: FC<FieldProps<BaseProps, HTMLInputElement, boolean>> = ({
   name,
   defaultChecked,
   readOnly,
+  ariaLabelledby,
   ...props
 }) => {
+  const id = ariaLabelledby || createA11yId("radio");
+  const helpId = createA11yId("radio");
+
   const renderHelp = () => {
     const helpText = props.helpText;
     if (helpText) {
-      return <Help message={helpText} />;
+      return <Help message={helpText} id={helpId} />;
     }
   };
 
@@ -71,6 +77,8 @@ const InnerRadio: FC<FieldProps<BaseProps, HTMLInputElement, boolean>> = ({
     }
   };
 
+  const labelElement = props.label ? (<span id={id}>{props.label}</span>) : null;
+
   return (
     <fieldset className="is-inline-block" disabled={readOnly}>
       {/*
@@ -89,8 +97,10 @@ const InnerRadio: FC<FieldProps<BaseProps, HTMLInputElement, boolean>> = ({
           disabled={props.disabled}
           ref={props.innerRef}
           defaultChecked={defaultChecked}
+          aria-labelledby={id}
+          aria-describedby={helpId}
         />{" "}
-        {props.label}
+        {labelElement}
         {renderHelp()}
       </label>
     </fieldset>
diff --git a/scm-ui/ui-components/src/forms/Select.tsx b/scm-ui/ui-components/src/forms/Select.tsx
index 7a211fa7ea..a4ae40e784 100644
--- a/scm-ui/ui-components/src/forms/Select.tsx
+++ b/scm-ui/ui-components/src/forms/Select.tsx
@@ -27,6 +27,7 @@ import LabelWithHelpIcon from "./LabelWithHelpIcon";
 import { createAttributesForTesting } from "../devBuild";
 import useInnerRef from "./useInnerRef";
 import { createFormFieldWrapper, FieldProps, FieldType, isLegacy, isUsingRef } from "./FormFieldTypes";
+import { createA11yId } from "../createA11yId";
 
 export type SelectItem = {
   value: string;
@@ -46,6 +47,7 @@ type BaseProps = {
   readOnly?: boolean;
   className?: string;
   addValueToOptions?: boolean;
+  ariaLabelledby?: string;
 };
 
 const InnerSelect: FC<FieldProps<BaseProps, HTMLSelectElement, string>> = ({
@@ -61,6 +63,7 @@ const InnerSelect: FC<FieldProps<BaseProps, HTMLSelectElement, string>> = ({
   className,
   options,
   addValueToOptions,
+  ariaLabelledby,
   ...props
 }) => {
   const field = useInnerRef(props.innerRef);
@@ -106,10 +109,12 @@ const InnerSelect: FC<FieldProps<BaseProps, HTMLSelectElement, string>> = ({
   }, [field, value, name]);
 
   const loadingClass = loading ? "is-loading" : "";
+  const a11yId = ariaLabelledby || createA11yId("select");
+  const helpId = createA11yId("select");
 
   return (
     <fieldset className="field" disabled={readOnly}>
-      <LabelWithHelpIcon label={label} helpText={helpText} />
+      <LabelWithHelpIcon label={label} helpText={helpText} id={a11yId} helpId={helpId} />
       <div className={classNames("control select", loadingClass, className)}>
         <select
           name={name}
@@ -119,6 +124,8 @@ const InnerSelect: FC<FieldProps<BaseProps, HTMLSelectElement, string>> = ({
           onChange={handleInput}
           onBlur={handleBlur}
           disabled={disabled}
+          aria-labelledby={a11yId}
+          aria-describedby={helpId}
           {...createAttributesForTesting(testId)}
         >
           {opts.map((opt) => {
diff --git a/scm-ui/ui-components/src/forms/Textarea.tsx b/scm-ui/ui-components/src/forms/Textarea.tsx
index d9116b4332..ce45d3425e 100644
--- a/scm-ui/ui-components/src/forms/Textarea.tsx
+++ b/scm-ui/ui-components/src/forms/Textarea.tsx
@@ -26,6 +26,7 @@ import LabelWithHelpIcon from "./LabelWithHelpIcon";
 import useAutofocus from "./useAutofocus";
 import classNames from "classnames";
 import { createFormFieldWrapper, FieldProps, FieldType, isLegacy, isUsingRef } from "./FormFieldTypes";
+import { createA11yId } from "../createA11yId";
 
 type BaseProps = {
   name?: string;
@@ -102,9 +103,12 @@ const InnerTextarea: FC<FieldProps<BaseProps, HTMLTextAreaElement, string>> = ({
     helper = <p className="help is-info">{informationMessage}</p>;
   }
 
+  const id = createA11yId("textarea");
+  const helpId = createA11yId("textarea");
+
   return (
     <fieldset className="field" disabled={readOnly}>
-      <LabelWithHelpIcon label={label} helpText={helpText} />
+      <LabelWithHelpIcon label={label} helpText={helpText} id={id} helpId={helpId} />
       <div className="control">
         <textarea
           className={classNames("textarea", errorView)}
@@ -117,6 +121,8 @@ const InnerTextarea: FC<FieldProps<BaseProps, HTMLTextAreaElement, string>> = ({
           disabled={disabled}
           onKeyDown={onKeyDown}
           defaultValue={defaultValue}
+          aria-labelledby={id}
+          aria-describedby={helpId}
         />
       </div>
       {helper}
diff --git a/scm-ui/ui-components/src/index.ts b/scm-ui/ui-components/src/index.ts
index 1fb5ef7e28..a2798c9ba6 100644
--- a/scm-ui/ui-components/src/index.ts
+++ b/scm-ui/ui-components/src/index.ts
@@ -85,6 +85,7 @@ export { regExpPattern as changesetShortLinkRegex } from "./markdown/remarkChang
 export * from "./markdown/PluginApi";
 export * from "./devices";
 export { default as copyToClipboard } from "./CopyToClipboard";
+export { createA11yId } from "./createA11yId";
 
 export { default as comparators } from "./comparators";
 
diff --git a/scm-ui/ui-components/src/layout/GroupEntry.tsx b/scm-ui/ui-components/src/layout/GroupEntry.tsx
index e73d25b5e7..045befe7c3 100644
--- a/scm-ui/ui-components/src/layout/GroupEntry.tsx
+++ b/scm-ui/ui-components/src/layout/GroupEntry.tsx
@@ -25,6 +25,7 @@ import React, { FC, ReactNode } from "react";
 import { Link } from "react-router-dom";
 import classNames from "classnames";
 import styled from "styled-components";
+import { useTranslation } from "react-i18next";
 
 const StyledGroupEntry = styled.div`
   max-height: calc(90px - 1.5rem);
@@ -76,12 +77,18 @@ type Props = {
   description?: string | ReactNode;
   contentRight?: ReactNode;
   link: string;
+  ariaLabel?: string;
 };
 
-const GroupEntry: FC<Props> = ({ link, avatar, title, name, description, contentRight }) => {
+const GroupEntry: FC<Props> = ({ link, avatar, title, name, description, contentRight, ariaLabel }) => {
+  const [t] = useTranslation("repos");
   return (
     <div className="is-relative">
-      <OverlayLink to={link} className="has-hover-background-blue" />
+      <OverlayLink
+        to={link}
+        className="has-hover-background-blue"
+        aria-label={t("overview.ariaLabel", { name: ariaLabel })}
+      />
       <StyledGroupEntry
         className={classNames("is-flex", "is-justify-content-space-between", "is-align-items-center", "p-2")}
         title={title}
diff --git a/scm-ui/ui-components/src/modals/ConfirmAlert.tsx b/scm-ui/ui-components/src/modals/ConfirmAlert.tsx
index 28a8ead002..b412dd2d33 100644
--- a/scm-ui/ui-components/src/modals/ConfirmAlert.tsx
+++ b/scm-ui/ui-components/src/modals/ConfirmAlert.tsx
@@ -69,6 +69,8 @@ export const ConfirmAlert: FC<Props> = ({ title, message, buttons, close }) => {
             className={classNames("button", "is-info", button.className, button.isLoading ? "is-loading" : "")}
             key={index}
             onClick={() => handleClickButton(button)}
+            onKeyDown={(e) => e.key === "Enter" && handleClickButton(button)}
+            tabIndex={0}
           >
             {button.label}
           </button>
diff --git a/scm-ui/ui-components/src/modals/Modal.tsx b/scm-ui/ui-components/src/modals/Modal.tsx
index ff14088aaa..adb8b002a6 100644
--- a/scm-ui/ui-components/src/modals/Modal.tsx
+++ b/scm-ui/ui-components/src/modals/Modal.tsx
@@ -21,11 +21,12 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import React, { FC } from "react";
+import React, { FC, KeyboardEvent, useRef } from "react";
 import classNames from "classnames";
 import usePortalRootElement from "../usePortalRootElement";
 import ReactDOM from "react-dom";
 import styled from "styled-components";
+import { useTrapFocus } from "../useTrapFocus";
 
 type ModalSize = "S" | "M" | "L";
 
@@ -59,6 +60,13 @@ export const Modal: FC<Props> = ({
   size,
 }) => {
   const portalRootElement = usePortalRootElement("modalsRoot");
+  const initialFocusRef = useRef(null);
+  const trapRef = useTrapFocus({
+    includeContainer: true,
+    initialFocus: initialFocusRef.current,
+    returnFocus: true,
+    updateNodes: false,
+  });
 
   if (!portalRootElement) {
     return null;
@@ -71,13 +79,19 @@ export const Modal: FC<Props> = ({
     showFooter = <footer className="modal-card-foot">{footer}</footer>;
   }
 
+  const onKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {
+    if (closeFunction && "Escape" === event.key) {
+      closeFunction();
+    }
+  };
+
   const modalElement = (
-    <div className={classNames("modal", className, isActive)}>
+    <div className={classNames("modal", className, isActive)} ref={trapRef} onKeyDown={onKeyDown}>
       <div className="modal-background" onClick={closeFunction} />
       <SizedModal className="modal-card" size={size}>
         <header className={classNames("modal-card-head", `has-background-${headColor}`)}>
           <p className={`modal-card-title m-0 has-text-${headTextColor}`}>{title}</p>
-          <button className="delete" aria-label="close" onClick={closeFunction} />
+          <button className="delete" aria-label="close" onClick={closeFunction} ref={initialFocusRef} autoFocus />
         </header>
         <section className="modal-card-body">{body}</section>
         {showFooter}
diff --git a/scm-ui/ui-components/src/repos/RepositoryEntry.tsx b/scm-ui/ui-components/src/repos/RepositoryEntry.tsx
index c0a6a984bb..cf9d5e6d15 100644
--- a/scm-ui/ui-components/src/repos/RepositoryEntry.tsx
+++ b/scm-ui/ui-components/src/repos/RepositoryEntry.tsx
@@ -154,6 +154,7 @@ const RepositoryEntry: FC<Props> = ({ repository, baseDate }) => {
         description={repository.description}
         contentRight={actions}
         link={repositoryLink}
+        ariaLabel={repository.name}
       />
     </>
   );
diff --git a/scm-ui/ui-components/src/useTrapFocus.ts b/scm-ui/ui-components/src/useTrapFocus.ts
new file mode 100644
index 0000000000..a5a8b9cb00
--- /dev/null
+++ b/scm-ui/ui-components/src/useTrapFocus.ts
@@ -0,0 +1,163 @@
+/*
+ * MIT License
+ *
+ * Copyright (c) 2020-present Cloudogu GmbH and Contributors
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import { MutableRefObject, RefObject, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { FocusableElement, tabbable } from "tabbable";
+
+type Node = HTMLDivElement | null;
+
+interface UseTrapFocus {
+  includeContainer?: boolean;
+  initialFocus?: "container" | Node;
+  returnFocus?: boolean;
+  updateNodes?: boolean;
+}
+
+// Based on https://tobbelindstrom.com/blog/useTrapFocus/
+
+export const useTrapFocus = (options?: UseTrapFocus): MutableRefObject<Node> => {
+  const node = useRef<Node>(null);
+  const { includeContainer, initialFocus, returnFocus, updateNodes } = useMemo<UseTrapFocus>(
+    () => ({
+      includeContainer: false,
+      initialFocus: null,
+      returnFocus: true,
+      updateNodes: false,
+      ...options,
+    }),
+    [options]
+  );
+  const [tabbableNodes, setTabbableNodes] = useState<FocusableElement[]>([]);
+  const previousFocusedNode = useRef<Node>(document.activeElement as Node);
+
+  const setInitialFocus = useCallback(() => {
+    if (initialFocus === "container") {
+      node.current?.focus();
+    } else {
+      initialFocus?.focus();
+    }
+  }, [initialFocus]);
+
+  const updateTabbableNodes = useCallback(() => {
+    const { current } = node;
+
+    if (current) {
+      const getTabbableNodes = tabbable(current, { includeContainer });
+      setTabbableNodes(getTabbableNodes);
+      return getTabbableNodes;
+    }
+
+    return [];
+  }, [includeContainer]);
+
+  useEffect(() => {
+    updateTabbableNodes();
+    if (node.current) setInitialFocus();
+  }, [setInitialFocus, updateTabbableNodes]);
+
+  useEffect(() => {
+    return () => {
+      const { current } = previousFocusedNode;
+      if (current && returnFocus) current.focus();
+    };
+  }, [returnFocus]);
+
+  const handleKeydown = useCallback(
+    (event) => {
+      const { key, keyCode, shiftKey } = event;
+
+      let getTabbableNodes = tabbableNodes;
+      if (updateNodes) getTabbableNodes = updateTabbableNodes();
+
+      if ((key === "Tab" || keyCode === 9) && getTabbableNodes.length) {
+        const firstNode = getTabbableNodes[0];
+        const lastNode = getTabbableNodes[getTabbableNodes.length - 1];
+        const { activeElement } = document;
+
+        if (!getTabbableNodes.includes(activeElement as FocusableElement)) {
+          event.preventDefault();
+          shiftKey ? lastNode.focus() : firstNode.focus();
+        }
+
+        if (shiftKey && activeElement === firstNode) {
+          event.preventDefault();
+          lastNode.focus();
+        }
+
+        if (!shiftKey && activeElement === lastNode) {
+          event.preventDefault();
+          firstNode.focus();
+        }
+      }
+    },
+    [tabbableNodes, updateNodes, updateTabbableNodes]
+  );
+
+  useEventListener({
+    type: "keydown",
+    listener: handleKeydown,
+  });
+
+  return node;
+};
+
+interface UseEventListener {
+  type: keyof WindowEventMap;
+  listener: EventListener;
+  element?: RefObject<Element> | Document | Window | null;
+  options?: AddEventListenerOptions;
+}
+
+export const useEventListener = ({
+  type,
+  listener,
+  element = isSSR ? undefined : window,
+  options,
+}: UseEventListener): void => {
+  const savedListener = useRef<EventListener>();
+
+  useEffect(() => {
+    savedListener.current = listener;
+  }, [listener]);
+
+  const handleEventListener = useCallback((event: Event) => {
+    savedListener.current?.(event);
+  }, []);
+
+  useEffect(() => {
+    const target = getRefElement(element);
+    target?.addEventListener(type, handleEventListener, options);
+    return () => target?.removeEventListener(type, handleEventListener);
+  }, [type, element, options, handleEventListener]);
+};
+
+const isSSR = !(typeof window !== "undefined" && window.document?.createElement);
+
+const getRefElement = <T>(element?: RefObject<Element> | T): Element | T | undefined | null => {
+  if (element && "current" in element) {
+    return element.current;
+  }
+
+  return element;
+};
diff --git a/scm-ui/ui-webapp/public/locales/de/repos.json b/scm-ui/ui-webapp/public/locales/de/repos.json
index 5309d837c0..b9ad6c23c0 100644
--- a/scm-ui/ui-webapp/public/locales/de/repos.json
+++ b/scm-ui/ui-webapp/public/locales/de/repos.json
@@ -62,7 +62,8 @@
     "filterRepositories": "Repositories filtern",
     "allNamespaces": "Alle Namespaces",
     "clone": "Clone/Checkout",
-    "contact": "E-Mail senden an {{contact}}"
+    "contact": "E-Mail senden an {{contact}}",
+    "ariaLabel": "Repository {{name}}"
   },
   "create": {
     "title": "Repository hinzufügen",
diff --git a/scm-ui/ui-webapp/public/locales/en/repos.json b/scm-ui/ui-webapp/public/locales/en/repos.json
index f31fe89ab0..5ed0aadba4 100644
--- a/scm-ui/ui-webapp/public/locales/en/repos.json
+++ b/scm-ui/ui-webapp/public/locales/en/repos.json
@@ -62,7 +62,8 @@
     "filterRepositories": "Filter repositories",
     "allNamespaces": "All namespaces",
     "clone": "Clone/Checkout",
-    "contact": "Send mail to {{contact}}"
+    "contact": "Send mail to {{contact}}",
+    "ariaLabel": "Repository {{name}}"
   },
   "create": {
     "title": "Add Repository",
diff --git a/scm-ui/ui-webapp/src/admin/components/form/GeneralSettings.tsx b/scm-ui/ui-webapp/src/admin/components/form/GeneralSettings.tsx
index cf006b10bf..3562f9856a 100644
--- a/scm-ui/ui-webapp/src/admin/components/form/GeneralSettings.tsx
+++ b/scm-ui/ui-webapp/src/admin/components/form/GeneralSettings.tsx
@@ -243,6 +243,7 @@ const GeneralSettings: FC<Props> = ({
             buttonLabel={t("general-settings.emergencyContacts.addButton")}
             loadSuggestions={userSuggestions}
             placeholder={t("general-settings.emergencyContacts.autocompletePlaceholder")}
+            helpText={t("general-settings.emergencyContacts.helpText")}
           />
         </div>
       </div>
diff --git a/scm-ui/ui-webapp/src/admin/plugins/components/PluginEntry.tsx b/scm-ui/ui-webapp/src/admin/plugins/components/PluginEntry.tsx
index bb600f80c8..9278c52913 100644
--- a/scm-ui/ui-webapp/src/admin/plugins/components/PluginEntry.tsx
+++ b/scm-ui/ui-webapp/src/admin/plugins/components/PluginEntry.tsx
@@ -22,12 +22,12 @@
  * SOFTWARE.
  */
 import React, { FC } from "react";
-import { useTranslation } from "react-i18next";
 import styled from "styled-components";
 import { Link, Plugin } from "@scm-manager/ui-types";
 import { CardColumn, Icon } from "@scm-manager/ui-components";
-import PluginAvatar from "./PluginAvatar";
 import { PluginAction, PluginModalContent } from "../containers/PluginsOverview";
+import { useTranslation } from "react-i18next";
+import PluginAvatar from "./PluginAvatar";
 
 type Props = {
   plugin: Plugin;
@@ -40,7 +40,7 @@ const ActionbarWrapper = styled.div`
   }
 `;
 
-const IconWrapper = styled.span.attrs((props) => ({
+const IconWrapperStyle = styled.span.attrs((props) => ({
   className: "level-item mb-0 p-2 is-clickable",
 }))`
   border: 1px solid #cdcdcd; // $dark-25
@@ -51,6 +51,14 @@ const IconWrapper = styled.span.attrs((props) => ({
   }
 `;
 
+const IconWrapper: FC<{ action: () => void }> = ({ action, children }) => {
+  return (
+    <IconWrapperStyle onClick={action} onKeyDown={(e) => e.key === "Enter" && action()} tabIndex={0}>
+      {children}
+    </IconWrapperStyle>
+  );
+};
+
 const PluginEntry: FC<Props> = ({ plugin, openModal }) => {
   const [t] = useTranslation("admin");
   const isInstallable = plugin._links.install && (plugin._links.install as Link).href;
@@ -81,22 +89,22 @@ const PluginEntry: FC<Props> = ({ plugin, openModal }) => {
   const actionBar = () => (
     <ActionbarWrapper className="is-flex">
       {isCloudoguPlugin && (
-        <IconWrapper onClick={() => openModal({ plugin, action: PluginAction.CLOUDOGU })}>
+        <IconWrapper action={() => openModal({ plugin, action: PluginAction.CLOUDOGU })}>
           <Icon title={t("plugins.modal.cloudoguInstall")} name="link" color="success-dark" />
         </IconWrapper>
       )}
       {isInstallable && (
-        <IconWrapper onClick={() => openModal({ plugin, action: PluginAction.INSTALL })}>
+        <IconWrapper action={() => openModal({ plugin, action: PluginAction.INSTALL })}>
           <Icon title={t("plugins.modal.install")} name="download" color="info" />
         </IconWrapper>
       )}
       {isUninstallable && (
-        <IconWrapper onClick={() => openModal({ plugin, action: PluginAction.UNINSTALL })}>
+        <IconWrapper action={() => openModal({ plugin, action: PluginAction.UNINSTALL })}>
           <Icon title={t("plugins.modal.uninstall")} name="trash" color="info" />
         </IconWrapper>
       )}
       {isUpdatable && (
-        <IconWrapper onClick={() => openModal({ plugin, action: PluginAction.UPDATE })}>
+        <IconWrapper action={() => openModal({ plugin, action: PluginAction.UPDATE })}>
           <Icon title={t("plugins.modal.update")} name="sync-alt" color="info" />
         </IconWrapper>
       )}
diff --git a/scm-ui/ui-webapp/src/containers/Theme.tsx b/scm-ui/ui-webapp/src/containers/Theme.tsx
index 0d6cc7b196..7407cc2d8d 100644
--- a/scm-ui/ui-webapp/src/containers/Theme.tsx
+++ b/scm-ui/ui-webapp/src/containers/Theme.tsx
@@ -23,7 +23,7 @@
  */
 
 import React, { FC, useState } from "react";
-import { Radio, SubmitButton, Subtitle } from "@scm-manager/ui-components";
+import { createA11yId, Radio, SubmitButton, Subtitle } from "@scm-manager/ui-components";
 import { useForm } from "react-hook-form";
 import styled from "styled-components";
 import { useTranslation } from "react-i18next";
@@ -60,12 +60,12 @@ const Theme: FC = () => {
     register,
     setValue,
     handleSubmit,
-    formState: { isDirty },
+    formState: { isDirty }
   } = useForm<ThemeForm>({
     mode: "onChange",
     defaultValues: {
-      theme,
-    },
+      theme
+    }
   });
   const [t] = useTranslation("commons");
 
@@ -77,21 +77,24 @@ const Theme: FC = () => {
     <>
       <Subtitle>{t("profile.theme.subtitle")}</Subtitle>
       <form onSubmit={handleSubmit(onSubmit)}>
-        {themes.map((theme) => (
-          <div
-            key={theme}
-            onClick={() => setValue("theme", theme, { shouldDirty: true })}
-            className="card ml-1 mb-5 control columns is-vcentered has-cursor-pointer"
-          >
-            <RadioColumn className="column">
-              <Radio {...register("theme")} value={theme} disabled={isLoading} />
-            </RadioColumn>
-            <div className="column content">
-              <h3>{t(`profile.theme.${theme}.displayName`)}</h3>
-              <p>{t(`profile.theme.${theme}.description`)}</p>
+        {themes.map(theme => {
+          const a11yId = createA11yId("theme");
+          return (
+            <div
+              key={theme}
+              onClick={() => setValue("theme", theme, { shouldDirty: true })}
+              className="card ml-1 mb-5 control columns is-vcentered has-cursor-pointer"
+            >
+              <RadioColumn className="column">
+                <Radio {...register("theme")} value={theme} disabled={isLoading} ariaLabelledby={a11yId} />
+              </RadioColumn>
+              <div id={a11yId} className="column content">
+                <h3>{t(`profile.theme.${theme}.displayName`)}</h3>
+                <p>{t(`profile.theme.${theme}.description`)}</p>
+              </div>
             </div>
-          </div>
-        ))}
+          );
+        })}
         <SubmitButton label={t("profile.theme.submit")} loading={isLoading} disabled={!isDirty} />
       </form>
     </>
diff --git a/scm-ui/ui-webapp/src/groups/components/table/Details.tsx b/scm-ui/ui-webapp/src/groups/components/table/Details.tsx
index 7cfd134d9b..71649eeb41 100644
--- a/scm-ui/ui-webapp/src/groups/components/table/Details.tsx
+++ b/scm-ui/ui-webapp/src/groups/components/table/Details.tsx
@@ -48,7 +48,7 @@ class Details extends React.Component<Props> {
           <tr>
             <th>{t("group.external")}</th>
             <td>
-              <Checkbox checked={group.external} />
+              <Checkbox checked={group.external} readOnly={true} />
             </td>
           </tr>
           <tr>
diff --git a/scm-ui/ui-webapp/src/repos/branches/components/BranchRow.tsx b/scm-ui/ui-webapp/src/repos/branches/components/BranchRow.tsx
index 31d5547b6c..42a8830f15 100644
--- a/scm-ui/ui-webapp/src/repos/branches/components/BranchRow.tsx
+++ b/scm-ui/ui-webapp/src/repos/branches/components/BranchRow.tsx
@@ -42,7 +42,7 @@ const BranchRow: FC<Props> = ({ baseUrl, branch, onDelete }) => {
   let deleteButton;
   if ((branch?._links?.delete as Link)?.href) {
     deleteButton = (
-      <span className="icon is-small is-hovered" onClick={() => onDelete(branch)}>
+      <span className="icon is-small is-hovered" onClick={() => onDelete(branch)} onKeyDown={(e) => e.key === "Enter" && onDelete(branch)} tabIndex={0}>
         <Icon name="trash" className="fas " title={t("branch.delete.button")} />
       </span>
     );
diff --git a/scm-ui/ui-webapp/src/repos/branches/containers/BranchesOverview.tsx b/scm-ui/ui-webapp/src/repos/branches/containers/BranchesOverview.tsx
index 9bdde064ae..2759024d06 100644
--- a/scm-ui/ui-webapp/src/repos/branches/containers/BranchesOverview.tsx
+++ b/scm-ui/ui-webapp/src/repos/branches/containers/BranchesOverview.tsx
@@ -46,7 +46,7 @@ const BranchesOverview: FC<Props> = ({ repository, baseUrl }) => {
     return <Loading />;
   }
 
-  const branches = data._embedded.branches || [];
+  const branches = data?._embedded?.branches || [];
 
   if (branches.length === 0) {
     return <Notification type="info">{t("branches.overview.noBranches")}</Notification>;
diff --git a/scm-ui/ui-webapp/src/repos/codeSection/components/FileSearchButton.tsx b/scm-ui/ui-webapp/src/repos/codeSection/components/FileSearchButton.tsx
index 33d5bd4077..8e567e4dea 100644
--- a/scm-ui/ui-webapp/src/repos/codeSection/components/FileSearchButton.tsx
+++ b/scm-ui/ui-webapp/src/repos/codeSection/components/FileSearchButton.tsx
@@ -39,7 +39,7 @@ const SearchIcon = styled(Icon)`
 const FileSearchButton: FC<Props> = ({ baseUrl, revision }) => {
   const [t] = useTranslation("repos");
   return (
-    <Link to={`${baseUrl}/search/${encodeURIComponent(revision)}`}>
+    <Link to={`${baseUrl}/search/${encodeURIComponent(revision)}`} aria-label={t("fileSearch.button.title")}>
       <SearchIcon title={t("fileSearch.button.title")} name="search" color="inherit" />
     </Link>
   );
diff --git a/scm-ui/ui-webapp/src/repos/codeSection/containers/FileSearch.tsx b/scm-ui/ui-webapp/src/repos/codeSection/containers/FileSearch.tsx
index 1a8ba31819..072ef0cbc2 100644
--- a/scm-ui/ui-webapp/src/repos/codeSection/containers/FileSearch.tsx
+++ b/scm-ui/ui-webapp/src/repos/codeSection/containers/FileSearch.tsx
@@ -91,6 +91,7 @@ const FileSearch: FC<Props> = ({ repository, baseUrl, branches, selectedBranch }
   };
 
   const contentBaseUrl = `${baseUrl}/sources/${revision}/`;
+  const id = useA11yId("file-search");
 
   return (
     <>
@@ -121,8 +122,9 @@ const FileSearch: FC<Props> = ({ repository, baseUrl, branches, selectedBranch }
             value={query}
             filter={search}
             autoFocus={true}
+            id={id}
           />
-          <Help className="ml-3" message={t("fileSearch.input.help")} />
+          <Help className="ml-3" message={t("fileSearch.input.help")} id={id} />
         </div>
         <ErrorNotification error={error} />
         {isLoading ? <Loading /> : <FileSearchResults contentBaseUrl={contentBaseUrl} query={query} paths={result} />}
diff --git a/scm-ui/ui-webapp/src/repos/permissions/components/DeletePermissionButton.tsx b/scm-ui/ui-webapp/src/repos/permissions/components/DeletePermissionButton.tsx
index 2667f9b317..1cc8b1ab8d 100644
--- a/scm-ui/ui-webapp/src/repos/permissions/components/DeletePermissionButton.tsx
+++ b/scm-ui/ui-webapp/src/repos/permissions/components/DeletePermissionButton.tsx
@@ -78,7 +78,13 @@ const DeletePermissionButton: FC<Props> = ({ namespaceOrRepository, permission,
   return (
     <>
       <ErrorNotification error={error} />
-      <Icon name="trash" onClick={action} />
+      <Icon
+        name="trash"
+        onClick={action}
+        onEnter={action}
+        tabIndex={0}
+        title={t("permission.delete-permission-button.label")}
+      />
     </>
   );
 };
diff --git a/scm-ui/ui-webapp/src/repos/sources/components/FileIcon.tsx b/scm-ui/ui-webapp/src/repos/sources/components/FileIcon.tsx
index e3a3ed6089..a91656bc58 100644
--- a/scm-ui/ui-webapp/src/repos/sources/components/FileIcon.tsx
+++ b/scm-ui/ui-webapp/src/repos/sources/components/FileIcon.tsx
@@ -33,11 +33,13 @@ type Props = {
 const FileIcon: FC<Props> = ({ file }) => {
   const [t] = useTranslation("repos");
   if (file.subRepository) {
-    return <Icon title={t("sources.fileTree.subRepository")} iconStyle="far" name="folder" color="inherit" />;
+    return (
+      <Icon title={t("sources.fileTree.subRepository")} iconStyle="far" name="folder" color="inherit" tabIndex={-1} />
+    );
   } else if (file.directory) {
-    return <Icon title={t("sources.fileTree.folder")} name="folder" color="inherit" />;
+    return <Icon title={t("sources.fileTree.folder")} name="folder" color="inherit" tabIndex={-1} />;
   }
-  return <Icon title={t("sources.fileTree.file")} name="file" color="inherit" />;
+  return <Icon title={t("sources.fileTree.file")} name="file" color="inherit" tabIndex={-1} />;
 };
 
 export default FileIcon;
diff --git a/scm-ui/ui-webapp/src/repos/sources/components/FileTreeLeaf.tsx b/scm-ui/ui-webapp/src/repos/sources/components/FileTreeLeaf.tsx
index 1d289d83ee..a7e6bb758d 100644
--- a/scm-ui/ui-webapp/src/repos/sources/components/FileTreeLeaf.tsx
+++ b/scm-ui/ui-webapp/src/repos/sources/components/FileTreeLeaf.tsx
@@ -57,7 +57,7 @@ const ExtensionTd = styled.td`
 class FileTreeLeaf extends React.Component<Props> {
   createFileIcon = (file: File) => {
     return (
-      <FileLink baseUrl={this.props.baseUrl} file={file}>
+      <FileLink baseUrl={this.props.baseUrl} file={file} tabIndex={-1}>
         <FileIcon file={file} />
       </FileLink>
     );
@@ -65,7 +65,7 @@ class FileTreeLeaf extends React.Component<Props> {
 
   createFileName = (file: File) => {
     return (
-      <FileLink baseUrl={this.props.baseUrl} file={file}>
+      <FileLink baseUrl={this.props.baseUrl} file={file} tabIndex={0}>
         {file.name}
       </FileLink>
     );
diff --git a/scm-ui/ui-webapp/src/repos/sources/components/content/FileLink.tsx b/scm-ui/ui-webapp/src/repos/sources/components/content/FileLink.tsx
index 36d8705f99..43ceb26a24 100644
--- a/scm-ui/ui-webapp/src/repos/sources/components/content/FileLink.tsx
+++ b/scm-ui/ui-webapp/src/repos/sources/components/content/FileLink.tsx
@@ -31,6 +31,7 @@ type Props = {
   baseUrl: string;
   file: File;
   children: ReactNode;
+  tabIndex?: number;
 };
 
 const isLocalRepository = (repositoryUrl: string) => {
@@ -74,7 +75,7 @@ export const createFolderLink = (base: string, file: File) => {
   return link;
 };
 
-const FileLink: FC<Props> = ({ baseUrl, file, children }) => {
+const FileLink: FC<Props> = ({ baseUrl, file, children, tabIndex }) => {
   const [t] = useTranslation("repos");
   if (file?.subRepository?.repositoryUrl) {
     // file link represents a subRepository
@@ -87,13 +88,21 @@ const FileLink: FC<Props> = ({ baseUrl, file, children }) => {
       if (file.subRepository.revision && isLocalRepository(link)) {
         link += "/code/sources/" + file.subRepository.revision;
       }
-      return <a href={link}>{children}</a>;
+      return (
+        <a href={link} tabIndex={tabIndex}>
+          {children}
+        </a>
+      );
     } else if (link.startsWith("ssh://") && isLocalRepository(link)) {
       link = createRelativeLink(link);
       if (file.subRepository.revision) {
         link += "/code/sources/" + file.subRepository.revision;
       }
-      return <Link to={link}>{children}</Link>;
+      return (
+        <Link to={link} tabIndex={tabIndex}>
+          {children}
+        </Link>
+      );
     } else {
       // subRepository url cannot be linked
       return (
@@ -104,7 +113,11 @@ const FileLink: FC<Props> = ({ baseUrl, file, children }) => {
     }
   }
   // normal file or folder
-  return <Link to={createFolderLink(baseUrl, file)}>{children}</Link>;
+  return (
+    <Link to={createFolderLink(baseUrl, file)} tabIndex={tabIndex}>
+      {children}
+    </Link>
+  );
 };
 
 export default FileLink;
diff --git a/scm-ui/ui-webapp/src/repos/tags/components/TagRow.tsx b/scm-ui/ui-webapp/src/repos/tags/components/TagRow.tsx
index 3560a68144..d967ed2147 100644
--- a/scm-ui/ui-webapp/src/repos/tags/components/TagRow.tsx
+++ b/scm-ui/ui-webapp/src/repos/tags/components/TagRow.tsx
@@ -25,7 +25,7 @@ import React, { FC } from "react";
 import { Link as RouterLink } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import classNames from "classnames";
-import { Link, Tag } from "@scm-manager/ui-types";
+import { Tag, Link } from "@scm-manager/ui-types";
 import { DateFromNow, Icon } from "@scm-manager/ui-components";
 
 type Props = {
@@ -41,7 +41,7 @@ const TagRow: FC<Props> = ({ tag, baseUrl, onDelete }) => {
   let deleteButton;
   if ((tag?._links?.delete as Link)?.href) {
     deleteButton = (
-      <span className="icon is-small" onClick={() => onDelete(tag)}>
+      <span className="icon is-small" onClick={() => onDelete(tag)} onKeyDown={(e) => e.key === "Enter" && onDelete(tag)} tabIndex={0}>
         <Icon name="trash" className="fas" title={t("tag.delete.button")} />
       </span>
     );
diff --git a/scm-ui/ui-webapp/src/repos/tags/container/TagsOverview.tsx b/scm-ui/ui-webapp/src/repos/tags/container/TagsOverview.tsx
index 10933831eb..a46a732580 100644
--- a/scm-ui/ui-webapp/src/repos/tags/container/TagsOverview.tsx
+++ b/scm-ui/ui-webapp/src/repos/tags/container/TagsOverview.tsx
@@ -47,7 +47,7 @@ const TagsOverview: FC<Props> = ({ repository, baseUrl }) => {
     return <Loading />;
   }
 
-  const tags = data?._embedded.tags || [];
+  const tags = data?._embedded?.tags || [];
   orderTags(tags);
 
   return (
diff --git a/scm-ui/ui-webapp/src/users/components/table/Details.tsx b/scm-ui/ui-webapp/src/users/components/table/Details.tsx
index 81091f07ff..1a3dce7d92 100644
--- a/scm-ui/ui-webapp/src/users/components/table/Details.tsx
+++ b/scm-ui/ui-webapp/src/users/components/table/Details.tsx
@@ -53,13 +53,13 @@ class Details extends React.Component<Props> {
           <tr>
             <th>{t("user.active")}</th>
             <td>
-              <Checkbox checked={user.active} />
+              <Checkbox checked={user.active} readOnly={true} />
             </td>
           </tr>
           <tr>
             <th>{t("user.externalFlag")}</th>
             <td>
-              <Checkbox checked={!!user.external} />
+              <Checkbox checked={user.external} readOnly={true} />
             </td>
           </tr>
           <tr>
diff --git a/yarn.lock b/yarn.lock
index 1567fbb82f..c7346f864e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -19714,6 +19714,11 @@ systemjs@0.21.6:
   resolved "https://registry.yarnpkg.com/systemjs/-/systemjs-0.21.6.tgz#9d15e79d9f60abbac23f0d179f887ec01f260a1b"
   integrity sha512-R+5S9eV9vcQgWOoS4D87joZ4xkFJHb19ZsyKY07D1+VBDE9bwYcU+KXE0r5XlDA8mFoJGyuWDbfrNoh90JsA8g==
 
+tabbable@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/tabbable/-/tabbable-5.2.1.tgz#e3fda7367ddbb172dcda9f871c0fdb36d1c4cd9c"
+  integrity sha512-40pEZ2mhjaZzK0BnI+QGNjJO8UYx9pP5v7BGe17SORTO0OEuuaAwQTkAp8whcZvqon44wKFOikD+Al11K3JICQ==
+
 table@^6.0.4:
   version "6.7.0"
   resolved "https://registry.yarnpkg.com/table/-/table-6.7.0.tgz#26274751f0ee099c547f6cb91d3eff0d61d155b2"