title: Disable NVDA from reading 'clickable' for series highchart
body: <p>How can I prevent NVDA screen reader from reading 'clickable' for series Highcharts? The series values are wrapped inside a "tspan" tag and don't have any click event associated with it. Thanks for the help in advance.</p>
  
  <p><a href="https://i.stack.imgur.com/Fyarv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Fyarv.png" alt="enter image description here"></a></p>
  
  <p>Adding a 2nd screenshot (I'll attach a fiddle once I figure it out) in response to Graham Ritchie's comment.<a href="https://i.stack.imgur.com/sJmr3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sJmr3.png" alt="enter image description here"></a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>window.EJ = window.EJ || {},
    EJ.features = EJ.features || {};
  
  
  
  EJ.events = {};
  (function(q) {
    'use strict';
  
   var topics = {},
    subUid = -1;
  
   q.subscribe = function(topic, func) {
    if (!topics[topic]) {
     topics[topic] = [];
    }
  
    var token = (++subUid).toString();
    topics[topic].push({
     token: token,
     func: func
    });
  
    return token;
   };
  
   q.publish = function(topic, args) {
    if (!topics[topic]) {
     return false;
    }
  
    setTimeout(function() {
     var subscribers = topics[topic],
      len = subscribers ? subscribers.length : 0;
  
     while (len--) {
      subscribers[len].func(topic, args);
     }
    }, 0);
  
    return true;
   };
  
   q.unsubscribe = function(token) {
    for (var m in topics) {
     if (topics[m]) {
      for (var i = 0, j = topics[m].length; i &lt; j; i++) {
       if (topics[m][i].token === token) {
        topics[m].splice(i, 1);
        return token;
       }
      }
     }
    }
    return false;
   };
  }(EJ.events));
  /**
   * Features loader
   * Iterates over all data-features attributes in the DOM and will execute EJ.features.featureName.init()
   */
  
  EJ.features = {
   init: function() {
    var features = $('[data-features]');
    if (!features.length) return false;
    for (var i = 0, n = features.length; i &lt; n; i++) {
     var $el = $(features[i]),
      func = $el.data('features');
     if (this[func] &amp;&amp; typeof this[func].init === 'function') {
      this[func].init($el);
     }
    }
   }
  };
  
  EJ.features.careerFitTool = (function(quiz) {
   quiz.init = function(el) {
  
    if (!el) {
     throw new Error('You must supply the constructor an element instance to operate on.');
    }
  
    var currQuestionIndex = -1,
     $start = el.find('.quiz-start'),
     $finish = el.find('.quiz-finish'),
     $startOver = el.find('.quiz-startOver'),
     $previousQuestion = el.find('.previous-question'),
     $nextQuestion = el.find('.next-question'),
     $stateDefault = el.find('.state-default'),
     $stateActive = el.find('.state-quiz'),
     $questions = el.find('.question-field'),
     $progressIndicator = el.find('.progress-indicator'),
     numOfQuestions = $questions.length
    $answers = el.find('.answer');
  
    var faPct = 0;
    var boaPct = 0;
    var hqPct = 0;
  
    $previousQuestion.on('click', function() {
     changeQuestion('prev');
    });
    $nextQuestion.on('click', function() {
     changeQuestion('next');
    });
  
    $start.on('click', function() {
     changeState('default', 'quiz');
    });
    $finish.on('click', function() {
     changeState('quiz', 'finished');
    });
  
    $startOver.on('click', function() {
     changeState('finished', 'default');
     currQuestionIndex = -1;
     $(el).find('form')[0].reset();
        focusLetsGetStarted();
    });
  
    $answers.on('change', function() {
     $nextQuestion.removeClass('disabled')
      .attr('disabled', false);
    })
  
    /**
     * Change state of quiz.
     * @param  {string} currState Current state (default/quiz/finished)
     * @param  {string} nextState Desired next state (default/quiz/finished)
     */
    function changeState(currState, nextState) {
     el.find('.state-' + currState).hide();
     el.find('.state-' + nextState).show();
  
     if (currState === 'default') {
      $previousQuestion.hide();
      $($questions[++currQuestionIndex]).show();
      $($progressIndicator[currQuestionIndex]).addClass('active');
     }
    }
  
  
    function computeJobFitPercents() {
     var faAmount = 0;
     var boaAmount = 0;
     var hqAmount = 0;
     var totalOptionAmount = 0;
     var faPercent = 0;
     var boaPercent = 0;
     var hqPercent = 0;
  
  
     for (var i = 1; i &lt;= 45; i++) {
      var radios = document.getElementsByName('group' + i);
      for (var j = 0; j &lt; radios.length; j++) {
       var radio = radios[j];
       var radioString = radio.value;
       if (radioString.indexOf("Financial Advisor") &gt;= 0 &amp;&amp; radio.checked) {
        faAmount++;
       }
       if (radioString.indexOf("Branch Office Administrator") &gt;= 0 &amp;&amp; radio.checked) {
        boaAmount++;
       }
       if (radioString.indexOf("Headquarters") &gt;= 0 &amp;&amp; radio.checked) {
        hqAmount++;
       }
      }
      totalOptionAmount = faAmount + boaAmount + hqAmount;
      faPercent = parseFloat(((faAmount / totalOptionAmount) * 100).toFixed());
      boaPercent = parseFloat(((boaAmount / totalOptionAmount) * 100).toFixed());
      hqPercent = parseFloat(((hqAmount / totalOptionAmount) * 100).toFixed());
      var totalPercent = faPercent + boaPercent + hqPercent;
     }
  
     generatePieChart(faPercent, boaPercent, hqPercent);
  
  
     // Populate the variables required to display the result
     faPct = faPercent;
     boaPct = boaPercent;
     hqPct = hqPercent;
  
    }
  
    /**
     * This function generates pie chart for the given inputs.
     * It generates a job fir graph for the questions answered by the user.
     */
    function generatePieChart(faPrcnt, boaPrcnt, hqPrcnt) {
  
     Highcharts.setOptions({
      colors: ['#F3BD06', '#f6d050 ', '#fae49b']
     });
  
     // Build the chart
     $('#pieChartContainer').highcharts({
      chart: {
       plotBackgroundColor: null,
       plotBorderWidth: null,
       plotShadow: false,
       width: 230
  
      },
  
      credits: {
       enabled: false
      },
  
      title: {
       text: null
      },
  
      scrollbar : {
       enabled : false
                  },
  
      tooltip: {
       enabled: false,
       pointFormat: '&lt;b&gt;{point.percentage:.1f}%&lt;/b&gt;'
      },
  
      plotOptions: {
       pie: {
        allowPointSelect: false,
        cursor: 'pointer',
        dataLabels: {
         enabled: false
        },
        showInLegend: true,
        borderWidth: 0,
        point: {
         events: {
          mouseOver: function() {
           //pieChart.tooltip.hide();
          }
         }
        }
       }
      },
  
      exporting: {
       enabled: false
      },
  
      legend: {
       layout: 'vertical',
       floating: false,
       borderRadius: 0,
       borderWidth: 0,
       align: 'center',
       verticalAlign: 'bottom',
       labelFormatter: function() {
        return this.y + '%' + ' ' + '-' + this.name;
       }
      },
  
      series: [{
       type: 'pie',
       name: 'Career Chart',
       point: {
        events: {
         legendItemClick: function() {
          return false;
         }
        }
       },
       data: [
        ['Financial Advisor', faPrcnt],
        ['Branch Office Administrator', boaPrcnt], {
         name: 'Headquarters',
         y: hqPrcnt,
         sliced: false,
         selected: false
        }
       ]
      }]
     });
    }
  
  
    /**
     * Go to previous or next question
     * @param  {string} direction 'next' or 'prev'
     * @return {boolean} are we on first or last question?
     */
    function changeQuestion(direction) {
     //Call function to compute the job fit percent as per the answers selected by the user
     //computeJobFitPercents();
  
     var questionAnswers;
     var isAnswered;
  
     $($questions[currQuestionIndex]).hide();
     $progressIndicator.removeClass('active');
  
     if (direction === 'next') {
      currQuestionIndex++;
     } else {
      currQuestionIndex--;
     }
  
     $($progressIndicator[currQuestionIndex]).addClass('active');
  
     questionAnswers = $($questions[currQuestionIndex]).find('.answer');
  
     for (var i = 0, j = questionAnswers.length; i &lt; j; i++) {
      if ($(questionAnswers[i]).prop('checked') === true) {
       isAnswered = true;
      }
     }
  
     if (isAnswered) {
      $nextQuestion.removeClass('disabled')
       .attr('disabled', false);
     } else {
      $nextQuestion.addClass('disabled')
       .attr('disabled', true);
     }
  
     if (currQuestionIndex === -1) {
      $($questions[currQuestionIndex]).hide();
      changeState('quiz', 'default');
     } else if (currQuestionIndex === numOfQuestions) {
      //Call function to compute the job fit percent as per the answers selected by the user
      computeJobFitPercents();
  
      $($questions[currQuestionIndex]).hide();
      changeState('quiz', 'finished');
  
      //Determine the result
      $('#faOutcome').hide();
      $('#faResultLink').hide();
      $('#boaOutcome').hide();
      $('#boaResultLink').hide()
      $('#hqOutcome').hide();
      $('#hqResultLink').hide();
  
      if (faPct &gt;= boaPct) {
       if (faPct &gt;= hqPct) {
        $('#faOutcome').show();
        $('#faResultLink').show();
       } else {
        $('#hqOutcome').show();
        $('#hqResultLink').show();
       }
      } else if (boaPct &gt;= hqPct) {
       $('#boaOutcome').show();
       $('#boaResultLink').show();
      } else {
       $('#hqOutcome').show();
       $('#hqResultLink').show();
      }
     } else {
      $($questions[currQuestionIndex]).show();
  
      if (currQuestionIndex === 0) {
       $previousQuestion.hide();
      } else {
       $previousQuestion.show();
      }
     }
  
     return currQuestionIndex === numOfQuestions || currQuestionIndex === 0;
    }
   }
  
   return quiz;
  }(EJ.features.careerFitTool || {}));
  
  
  EJ.initialize = function() {
    EJ.features.init();
  };
  
  
  $(function() {
   EJ.initialize();
   $('.comp-registrationForm.modal').modal('show');
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>/* Enter Your Custom CSS Here */
  
  input[type="checkbox"],input[type="radio"] {
   box-sizing: border-box;
   padding: 0;
    margin: 4px 0 0;
   margin-top: 1px \9;
  /* IE8-9 */
   line-height: normal;
    position: relative;
    opacity: 1;
    left: 0;
  }
  
  input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
   outline: thin dotted #333 !important;
    outline-offset: -2px !important;
    outline-color: #000 !important;
  }
  
  .radio,.checkbox {
   display: block;
   min-height: 20px;
   margin-top: 10px;
   margin-bottom: 10px;
   padding-left: 20px;
   vertical-align: middle;
  }
  
  .radio label,.checkbox label {
   display: inline;
   margin-bottom: 0;
   font-weight: 400;
   cursor: pointer;
  }
  
  .radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"] {
   float: left;
   margin-left: -20px;
  }
  
  .radio + .radio,.checkbox + .checkbox {
   margin-top: -5px;
  }
  
  .radio-inline,.checkbox-inline {
   display: inline-block;
   padding-left: 20px;
   margin-bottom: 0;
   vertical-align: middle;
   font-weight: 400;
   cursor: pointer;
  }
  
  .radio-inline + .radio-inline,.checkbox-inline + .checkbox-inline {
   margin-top: 0;
   margin-left: 10px;
  }
  
  input[type="radio"][disabled],fieldset[disabled] input[type="radio"],input[type="checkbox"][disabled],fieldset[disabled] input[type="checkbox"],.radio[disabled],fieldset[disabled] .radio,.radio-inline[disabled],fieldset[disabled] .radio-inline,.checkbox[disabled],fieldset[disabled] .checkbox,.checkbox-inline[disabled],fieldset[disabled] .checkbox-inline {
   cursor: not-allowed;
  }
  
  /*
  # Button Primary
   */
  
  .button,.button-cta,.button-cta-floating,.button-previous,.button-download,.button-expand,.button-arrow-only {
   color: #fff;
   background-color: #f8512e;
   border-color: #f96141;
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2),inset 0 1px 1px rgba(255,255,255,0.15);
   box-shadow: 0 1px 2px rgba(0,0,0,0.2),inset 0 1px 1px rgba(255,255,255,0.15);
   -webkit-transition: background-color .25s ease-out;
   transition: background-color .25s ease-out;
   font-family: "Proxima Nova-Semibold",Helvetica,Arial,sans-serif;
   font-weight: 400;
   font-size: 15px;
   line-height: 1;
   padding: 8px 12px;
   text-shadow: 0 1px 1px rgba(0,0,0,0.2);
  }
  
  
  .pull-right {
   float: right !important;
  }
  
  .hide {
   display: none !important;
  }
  
  
  .hidden {
   display: none !important;
   visibility: hidden !important;
  }
  
  /* start .comp-careerFitTool */
  .comp-careerFitTool {
   background: #9b9998;
   padding-bottom: 15px;
   position: relative;
  }
  
  .comp-careerFitTool:before,.comp-careerFitTool:after {
   content: " ";
  /* 1 */
   display: table;
  /* 2 */
  }
  
  .comp-careerFitTool:after {
   clear: both;
  }
  
  @media screen and (min-width: 470px) {
   .comp-careerFitTool {
    padding-bottom: 35px;
   }
  }
  
  .career-tool-intro {
   color: #fff;
   font-size: 20px;
   padding: 20px;
  }
  
  @media screen and (min-width: 960px) {
   .career-tool-intro h3 {
    font-size: 32px;
   }
  }
  
  .career-tool-intro p {
   margin: 0;
  }
  
  @media screen and (min-width: 470px) {
   .career-tool-intro {
    padding: 25px;
   }
  }
  
  .career-tool-info {
   background: #fff;
   border: 1px solid #9b9998;
   color: #5b5955;
   padding: 20px;
  }
  
  .career-tool-info:before,.career-tool-info:after {
   content: " ";
  /* 1 */
   display: table;
  /* 2 */
  }
  
  .career-tool-info:after {
   clear: both;
  }
  
  .career-tool-info input[type="radio"],.career-tool-info input[type="checkbox"] {
   margin-right: 5px;
   vertical-align: top;
  }
  
  .career-tool-info label {
   font-family: "Proxima Nova-Semibold",Helvetica,Arial,sans-serif;
   font-weight: 400;
   font-size: 18px;
  }
  
  @media screen and (min-width: 730px) and (max-width: 959px) {
   .career-tool-info .questions-intro {
    font-size: 20px;
   }
  }
  
  @media screen and (min-width: 960px) {
   .career-tool-info .questions-intro {
    font-size: 24px;
   }
  }
  
  .career-tool-info .questions {
   margin-bottom: 16px;
  }
  
  .career-tool-info .question {
   font-family: "Proxima Nova-Semibold",Helvetica,Arial,sans-serif;
   font-weight: 400;
  }
  
  @media screen and (min-width: 730px) and (max-width: 959px) {
   .career-tool-info .question {
    font-size: 20px;
   }
  }
  
  @media screen and (min-width: 960px) {
   .career-tool-info .question {
    font-size: 28px;
   }
  }
  
  .career-tool-info .question-field,.career-tool-info .question-changer,.career-tool-info .question-progress {
   padding-left: 50px;
  }
  
  .career-tool-info .question-field {
   position: relative;
  }
  
  .career-tool-info .question-number {
   font-family: "Proxima Nova-Bold",Helvetica,Arial,sans-serif;
   font-weight: 400;
   height: 31px;
   width: 31px;
   background: transparent url(https://cdn-static.findly.com/wp-content/uploads/sites/936/2020/05/question-number.png) no-repeat 0 0;
   color: #fff;
   display: block;
   left: 2px;
   line-height: 33px;
   position: absolute;
   text-align: center;
   top: 4px;
  }
  
  .career-tool-info .question-changer {
   margin-bottom: 18px;
  }
  
  .career-tool-info .state,.career-tool-info .question-field {
   display: none;
  }
  
  .career-tool-info .state-default {
   display: block;
  }
  
  @media screen and (min-width: 1190px) {
   .career-tool-info .state-default .inner-wrap,.career-tool-info .state-finished .inner-wrap {
    font-size: 24px;
   }
  
   .career-tool-info .state-quiz {
    font-size: 20px;
   }
  }
  
  .career-tool-info .state .inner-wrap {
   float: left;
  }
  
  @media screen and (min-width: 730px) {
   .career-tool-info .state .inner-wrap {
    width: 60%;
   }
  }
  
  @media screen and (min-width: 1190px) {
   .career-tool-info .state .inner-wrap {
    padding-top: 35px;
    padding-right: 25px;
   }
  }
  
  @media screen and (min-width: 730px) {
   .career-tool-info .state .inner-wrap-right {
    float: right;
    width: 40%;
   }
  }
  
  @media screen and (max-width: 729px) {
   .career-tool-info .state img.pull-right {
    display: none;
   }
  }
  
  @media screen and (min-width: 730px) {
   .career-tool-info .state img.pull-right {
    margin-bottom: -25px;
    margin-right: -25px;
    margin-top: -25px;
    width: 40%;
   }
  }
  
  .career-tool-info .quiz-startOver {
   text-decoration: underline;
  }
  
  @media screen and (min-width: 730px) {
   .career-tool-info .pie-chart,.career-tool-info .legend {
    float: left;
    padding: 0 1%;
    width: 48%;
   }
  }
  
  .career-tool-info .pie-chart img {
   display: block;
   height: auto;
   max-width: 100%;
  }
  
  @media screen and (max-width: 729px) {
   .career-tool-info .pie-chart {
    display: none;
   }
  }
  
  @media screen and (min-width: 730px) {
   .career-tool-info .legend {
    margin-top: 20px;
   }
  }
  
  .career-tool-info .opportunity {
   margin-bottom: 18px;
  }
  
  .career-tool-info .opportunity:before,.career-tool-info .opportunity:after {
   content: " ";
  /* 1 */
   display: table;
  /* 2 */
  }
  
  .career-tool-info .opportunity:after {
   clear: both;
  }
  
  @media screen and (min-width: 470px) {
   .career-tool-info {
    padding: 25px;
   }
  }
  
  @media screen and (min-width: 730px) {
   .career-tool-info .score,.career-tool-info .position {
    float: left;
   }
  
   .career-tool-info .score {
    width: 40%;
   }
  
   .career-tool-info .position {
    width: 60%;
   }
  
   .career-tool-info .key {
    height: 20px;
    width: 20px;
    background: #fbc81b;
    display: block;
    float: left;
    margin-right: 15px;
   }
  
   .career-tool-info .key2 {
    background: #9b9998;
   }
  
   .career-tool-info .key3 {
    background: #3f3f3f;
   }
  }
  
  .progress-indicator {
   height: 18px;
   width: 18px;
   display: inline-block;
   *display: inline;
   *zoom: 1;
   background: transparent url(https://cdn-static.findly.com/wp-content/uploads/sites/936/2020/05/progress-indicator.png) no-repeat 0 0;
  }
  
  .progress-indicator.active {
   background-image: url(https://cdn-static.findly.com/wp-content/uploads/sites/936/2020/05/progress-indicator-active.png);
  }
  
  /* /end .comp-careerFitTool */</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"&gt;
  &lt;script src="https://careers.edwardjones.com/images/highcharts.js"&gt;&lt;/script&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://code.jquery.com/ui/1.11.2/jquery-ui.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
    &lt;section class="comp-careerFitTool l-spacer" data-features="careerFitTool"&gt;
     &lt;div class="career-tool-intro"&gt;
        &lt;h2&gt;Test highcharts after 3 questions&lt;/h2&gt;
        &lt;p&gt;Find the Right Opportunity for You.&lt;/p&gt;
     &lt;/div&gt;
     &lt;div class="career-tool-info"&gt;
        &lt;form action=""&gt;
           &lt;div class="state state-default"&gt;
              &lt;div class="inner-wrap"&gt;
                 &lt;h3&gt;Unsure of what role may be right for you?&lt;/h3&gt;
                 &lt;p&gt;Take a short quiz to see where your interests fit best at Edward Jones.&lt;/p&gt;
                 &lt;p&gt;&lt;a class="button-cta quiz-start" href="javascript:;"&gt;Let's get started&lt;/a&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;img src="https://cdn-static.findly.com/wp-content/uploads/sites/936/2020/05/career-fit-tool.png" alt="Career fit tool" class="pull-right"&gt;
           &lt;/div&gt;
           &lt;div class="state state-quiz"&gt;
              &lt;div class="questions"&gt;
                 &lt;fieldset id="questionDiv1" aria-live="assertive" class="question-field"&gt;
                    &lt;legend&gt;
                    &lt;span aria-label="question number 1 of 8" class="question-number"&gt;1&lt;/span&gt;
                    &lt;p class="questions-intro"&gt;Please select the option below that best applies to you.&lt;/p&gt;
                    &lt;p class="question"&gt;The type of role that interests me more:&lt;/p&gt;
                    &lt;/legend&gt;
                    &lt;div&gt;
                    &lt;p&gt;&lt;label for="question100"&gt; &lt;input type="radio" id="question100" name="group1" class="answer" value="Financial Advisor"&gt;Entrepreneurial/Business Development&lt;/label&gt;&lt;/p&gt;
                    &lt;p&gt;&lt;label for="question200"&gt; &lt;input type="radio" id="question200" name="group1" class="answer" value="Branch Office Administrator"&gt;Support someone building their business&lt;/label&gt;&lt;/p&gt;
                    &lt;/div&gt;
                 &lt;/fieldset&gt;
                 &lt;fieldset id="questionDiv2" aria-live="assertive" class="question-field"&gt;
                   &lt;legend&gt;
                    &lt;img src="https://cdn-static.findly.com/wp-content/uploads/sites/936/2020/05/career-fit-tool.png" alt="career fit tool" class="pull-right"&gt;
                    &lt;span aria-label="question number 2 of 8" class="question-number"&gt;2&lt;/span&gt;
                    &lt;p class="questions-intro"&gt;Please select the option below that best applies to you.&lt;/p&gt;
                    &lt;p class="question"&gt;How I would like to be compensated for my work:&lt;/p&gt;
                   &lt;/legend&gt;
                    &lt;div&gt;
                    &lt;p&gt;&lt;label for="question101"&gt; &lt;input type="radio" id="question101" name="group2" class="answer" value="Financial Advisor"&gt;Commissions&lt;/label&gt;&lt;/p&gt;
                    &lt;p&gt;&lt;label for="question201"&gt; &lt;input type="radio" id="question201" name="group2" class="answer" value="Branch Office Administrator,Headquarters"&gt;Salary or hourly&lt;/label&gt;&lt;/p&gt;
                    &lt;/div&gt;
                 &lt;/fieldset&gt;
                 &lt;fieldset id="questionDiv3" aria-live="assertive" class="question-field"&gt;
                   &lt;legend&gt;
                    &lt;span aria-label="question number 3 of 8" class="question-number"&gt;3&lt;/span&gt;
                    &lt;p class="questions-intro"&gt;Please select the option below that best applies to you.&lt;/p&gt;
                    &lt;p class="question"&gt;My preferred work style:&lt;/p&gt;
                    &lt;/legend&gt;
                    &lt;div&gt;
                    &lt;p&gt;&lt;label for="question102"&gt; &lt;input type="radio" id="question102" name="group3" class="answer" value="Financial Advisor,Branch Office Administrator"&gt;Work autonomously&lt;/label&gt;&lt;/p&gt;
                    &lt;p&gt;&lt;label for="question202"&gt; &lt;input type="radio" id="question202" name="group3" class="answer" value="Headquarters"&gt;Work collaboratively on a team&lt;/label&gt;&lt;/p&gt;
                    &lt;/div&gt;
                 &lt;/fieldset&gt;
                &lt;/div&gt;
              &lt;p aria-live="assertive" class="question-changer"&gt;
                 &lt;a aria-label="go to previous question" class="button-previous previous-question" href="javascript:;"&gt;Previous&lt;/a&gt;
                 &lt;a aria-label="go to next question" class="button-cta next-question disabled" href="javascript:;"&gt;Next&lt;/a&gt;
              &lt;/p&gt;
              &lt;p class="question-progress"&gt;
                 &lt;span aria-live="assertive" class="progress-indicator"&gt;&lt;/span&gt;
                 &lt;span aria-live="assertive" class="progress-indicator"&gt;&lt;/span&gt;
                 &lt;span aria-live="assertive" class="progress-indicator"&gt;&lt;/span&gt;
              &lt;/p&gt;
           &lt;/div&gt;
           &lt;div aria-live="assertive" class="state state-finished"&gt;
              &lt;div class="inner-wrap"&gt;
                 &lt;h3&gt;You're Finished&lt;/h3&gt;
                 &lt;p&gt;Based on your responses, we recommend you explore career opportunities as a&lt;/p&gt;
                 &lt;p id="faOutcome"&gt;Financial Advisor&lt;/p&gt;
                 &lt;p id="boaOutcome"&gt;Branch Office Administrator&lt;/p&gt;
                 &lt;p id="hqOutcome"&gt;Headquarters Professional&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="inner-wrap-right"&gt;
                 &lt;div id="pieChartContainer" tabindex="0"&gt;&lt;/div&gt;
              &lt;/div&gt;
              &lt;p id="faResultLink"&gt;Discover more about this opportunity here &lt;a href="/explore-opportunities/new-financial-advisors/index.html" class="button-arrow-only" title="Discover more about this opportunity here"&gt; &lt;/a&gt;&lt;/p&gt;
              &lt;p id="boaResultLink"&gt;Discover more about this opportunity here &lt;a href="/explore-opportunities/branch-support/index.html" class="button-arrow-only" title="Discover more about this opportunity here"&gt; &lt;/a&gt;&lt;/p&gt;
              &lt;p id="hqResultLink"&gt;Discover more about this opportunity here &lt;a href="/explore-opportunities/hq/index.html" class="button-arrow-only" title="Discover more about this opportunity here"&gt; &lt;/a&gt;&lt;/p&gt;
              &lt;p&gt;&lt;a class="quiz-startOver" href="javascript:;"&gt;Start Over&lt;/a&gt;&lt;/p&gt;
           &lt;/div&gt;
        &lt;/form&gt;
     &lt;/div&gt;
  &lt;/section&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>