(In reply to Sarah Clements [:sclements] from comment #5) > Morgan, I could use advice on what the most appropriate aria role for the sync tabs setup flow should be (see first three steps in the figma [here])(https://www.figma.com/file/SE4xHgOW84yLiv7vFugm9R/Firefox-View-Stepping-Stone?node-id=1954%3A27936). Would `role=dialog` make sense? Hi Sarah, I think the tabs setup/sync flow does not need a role of dialog, because this flow is embedded in the page and does not require any specific navigation for a user. The [Fx Checklist component](https://www.figma.com/file/SE4xHgOW84yLiv7vFugm9R/Firefox-View-Stepping-Stone?node-id=2190%3A37919) could be `role="region"` for some encapsulation, but the most important part would be to mark the Progress Bar component as such by either [HTML5 <progress> element](https://html.spec.whatwg.org/#the-progress-element) or [ARIA role="progressbar"](https://w3c.github.io/aria/#progressbar). I hope that helps, but let me know if I can provide any further information.
Bug 1764137 Comment 8 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
(In reply to Sarah Clements [:sclements] from comment #5) > Morgan, I could use advice on what the most appropriate aria role for the sync tabs setup flow should be (see first three steps in the figma [here])(https://www.figma.com/file/SE4xHgOW84yLiv7vFugm9R/Firefox-View-Stepping-Stone?node-id=1954%3A27936). Would `role=dialog` make sense? Hi Sarah, I think the tabs setup/sync flow does not need a role of dialog, because this flow is embedded in the page and does not require any specific navigation for a user. The [Fx Checklist component](https://www.figma.com/file/SE4xHgOW84yLiv7vFugm9R/Firefox-View-Stepping-Stone?node-id=2190%3A37919) could be `role="region"` for some encapsulation, but the most important part would be to mark the Progress Bar component as such by either [HTML5 <progress> element](https://html.spec.whatwg.org/#the-progress-element) or [ARIA role="progressbar"](https://w3c.github.io/aria/#progressbar)/[on MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role). I hope that helps, but let me know if I can provide any further information.
(In reply to Sarah Clements [:sclements] from comment #5) > Morgan, I could use advice on what the most appropriate aria role for the sync tabs setup flow should be (see first three steps in the figma [here])(https://www.figma.com/file/SE4xHgOW84yLiv7vFugm9R/Firefox-View-Stepping-Stone?node-id=1954%3A27936). Would `role=dialog` make sense? Hi Sarah, I think the tabs setup/sync flow does not need a role of dialog, because this flow is embedded in the page and does not require any specific navigation for a user. The [Fx Checklist component](https://www.figma.com/file/SE4xHgOW84yLiv7vFugm9R/Firefox-View-Stepping-Stone?node-id=2190%3A37919) could be `role="region"` for some encapsulation, but the most important part would be to mark the Progress Bar component as such by either [HTML5 <progress> element](https://html.spec.whatwg.org/#the-progress-element) or [ARIA role="progressbar"](https://w3c.github.io/aria/#progressbar)/[on MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role)/[WAI example](https://www.w3.org/WAI/tutorials/forms/multi-page/#using-the-html5-progress-element). I hope that helps, but let me know if I can provide any further information.
(In reply to Sarah Clements [:sclements] from comment #5) > Morgan, I could use advice on what the most appropriate aria role for the sync tabs setup flow should be (see first three steps in the figma [here])(https://www.figma.com/file/SE4xHgOW84yLiv7vFugm9R/Firefox-View-Stepping-Stone?node-id=1954%3A27936). Would `role=dialog` make sense? Hi Sarah, I think the tabs setup/sync flow does not need a role of dialog, because this flow is embedded in the page and does not require any specific navigation for a user. The [Fx Checklist component](https://www.figma.com/file/SE4xHgOW84yLiv7vFugm9R/Firefox-View-Stepping-Stone?node-id=2190%3A37919) could be `role="region"` for some encapsulation, but the most important part would be to mark the Progress Bar component as such by either [HTML5 <progress> element](https://html.spec.whatwg.org/#the-progress-element)/[WAI example](https://www.w3.org/WAI/tutorials/forms/multi-page/#using-the-html5-progress-element) or [ARIA role="progressbar"](https://w3c.github.io/aria/#progressbar)/[on MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role). I hope that helps, but let me know if I can provide any further information.
(In reply to Sarah Clements [:sclements] from comment #5) > Morgan, I could use advice on what the most appropriate aria role for the sync tabs setup flow should be (see first three steps in the figma [here])(https://www.figma.com/file/SE4xHgOW84yLiv7vFugm9R/Firefox-View-Stepping-Stone?node-id=1954%3A27936). Would `role=dialog` make sense? Hi Sarah, I think the tabs setup/sync flow does not need a role of dialog, because this flow is embedded in the page and does not require any specific navigation for a user. The [Fx Checklist component](https://www.figma.com/file/SE4xHgOW84yLiv7vFugm9R/Firefox-View-Stepping-Stone?node-id=2190%3A37919) could be `role="region"` for some encapsulation, but the most important part would be to mark the Progress Bar component as such by either [HTML5 <progress> element](https://html.spec.whatwg.org/#the-progress-element)/[WAI example](https://www.w3.org/WAI/tutorials/forms/multi-page/#using-the-html5-progress-element) or [ARIA role="progressbar"](https://w3c.github.io/aria/#progressbar)/[on MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role). I hope that helps, but let me know if I can provide any further information. *updated to add examples
(In reply to Sarah Clements [:sclements] from comment #5) > Morgan, I could use advice on what the most appropriate aria role for the sync tabs setup flow should be (see first three steps in the figma [here])(https://www.figma.com/file/SE4xHgOW84yLiv7vFugm9R/Firefox-View-Stepping-Stone?node-id=1954%3A27936). Would `role=dialog` make sense? Hi Sarah, I think the tabs setup/sync flow does not need a role of dialog, because this flow is embedded in the page and does not require any specific navigation for a user. The [Fx Checklist component](https://www.figma.com/file/SE4xHgOW84yLiv7vFugm9R/Firefox-View-Stepping-Stone?node-id=2190%3A37919) could be `role="region"` for some encapsulation, but the most important part would be to mark the Progress Bar component as such by either [HTML5 <progress> element](https://html.spec.whatwg.org/#the-progress-element)/[WAI example](https://www.w3.org/WAI/tutorials/forms/multi-page/#using-the-html5-progress-element) or [ARIA role="progressbar"](https://w3c.github.io/aria/#progressbar)/[on MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role).* I hope that helps, but let me know if I can provide any further information. *updated to add examples