List accessibility for quiz-marquee (#3460)

* List accessibility for quiz-marquee
<!-- Before submitting, please review all open PRs. -->

* Update quiz-marquee authoring to denote nested lists
* roles for list and listitem in quiz-marquee and quiz-results

Resolves: [MWPW-165027](https://jira.corp.adobe.com/browse/165027-NUMBER)

* PR feedback

libs/blocks/quiz-marquee/quiz-marquee.js

@@ -68,9 +68,13 @@ export default async function init(el) {
   [...rows].forEach(async (row) => {
     const cols = row.querySelectorAll(':scope > div');
     const isFragRow = cols[0].textContent.trim() === 'nested-fragments';
+    const isList = cols[2]?.textContent?.trim() === 'list' || false;
 
     if (isFragRow) {
-      cols[0].parentElement.classList.add('nested', cols[1].textContent.trim());
+      const fragParent = cols[0].parentElement;
+      fragParent?.classList.add('nested', cols[1]?.textContent?.trim());
+      if (isList) fragParent.setAttribute('role', 'list');
+
       const wrapper = createTag('div', { class: 'copy-wrapper' });
       row.append(wrapper);
       wrapper.append(...cols);

libs/blocks/quiz-results/quiz-results.js

@@ -16,6 +16,7 @@ async function loadFragments(el, experiences) {
   }
   document.querySelectorAll('main > div, .quiz-results').forEach((quiz) => quiz.removeAttribute('daa-lh'));
   document.querySelectorAll('.quiz-results.basic > .fragment > .section').forEach((section, idx) => decorateSectionAnalytics(section, idx, getConfig()));
+  if (el.getAttribute('role') === 'list') document.querySelectorAll('.nested[role=list] > .fragment').forEach((fragment) => fragment.setAttribute('role', 'listitem'));
 }
 
 function redirectPage(quizUrl, debug, message) {