#2732 rendering the title and descr fields for the gitGraph

mermaid-js · May 6, 2022 · d8682cf · d8682cf
1 parent 572b29b
commit d8682cf
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/cypress/platform/gitgraph.html b/cypress/platform/gitgraph.html
@@ -9,7 +9,7 @@
     <style>
       body {
         /* background: rgb(221, 208, 208); */
-        background:#111;
+        /* background:#111; */
         /* background:#333; */
         font-family: 'Arial';
         }
@@ -34,6 +34,11 @@ <h1>info below</h1>
               "git0": "#550055"
        } } }%%
        gitGraph
+       accTitle: "Git Graph"
+       accDescr {
+        Git Graph description.
+        Multiline description
+      }
        commit
        branch develop
        commit tag:"v1.0.0"

diff --git a/src/diagrams/git/gitGraphRenderer.js b/src/diagrams/git/gitGraphRenderer.js
@@ -4,6 +4,8 @@ import db from './gitGraphAst';
 import gitGraphParser from './parser/gitGraph';
 import { log } from '../../logger';
 import { getConfig } from '../../config';
+import addSVGAccessibilityFields from '../../accessibility';
+
 let allCommitsDict = {};
 let branchNum;
 
@@ -480,6 +482,9 @@ export const draw = function (txt, id, ver) {
 
   const diagram = select(`[id="${id}"]`);
 
+  // Adds title and description to the flow chart
+  addSVGAccessibilityFields(parser.yy, diagram, id);
+
   drawCommits(diagram, allCommitsDict, false);
   if (gitGraphConfig.showBranches) {
     drawBranches(diagram, branches);