Needed improvements to About Dialog for Description and Voicing

[terracoda]

Need to consider:

• structure changes for reading
• links within reading blocks
• two scenarios - with and with out links disabled.

[terracoda]

When doing the license change we were limited in time to make improvements to the actual structure of the content in the About dialog.

The current PDOM document structure is inconsistent across all sims as well.

Here's the typical visual presentation - using Calculus Grapher's about dialog as an example. Note there are clearly two visual subheadings one for License and one for Credits.

In the PDOM, there are three subheadings - the Trade Mark line sometimes shows up as an h2 sub-heading, but I am not sure that is desirable.

Here's what I feel is the ideal structure, but changes outside the license section might be out of scope.

• For headings, I added 1 headings (Links to Additional Credits and Policies) to break up the visual sections of the credits.
• I changed "Credits" to "Team Credits" to accommodate 2 credit sections.
• I changed v to V in "version".
• I added periods to add reading pauses at the end of each p-tag.
• I made the license section a single p-tag, but if that is hard, you can make each sentence a p-tag.
• I made the links at the bottom an un-ordered list since they are just links.

<button>Close</button>
<h1>Calculus Grapher</h1>
    <p>Version 1.2.0-dev.0.</p>
    <p>This simulation is up to date.</p>
    <p>PhET™ Interactive Simulations, University of Colorado Boulder.</p>
    <p>Copyright © 2002-2026 Regents of the University of Colorado.</p>

<h2>License</h2>
    <p>This simulation file is licensed under the Creative Commons Attribution-NonCommercial 4.0 International License <a href="https://creativecommons.org/licenses/by-nc/4.0/">(CC BY-NC 4.0)</a>. <em>COMMERCIAL USE WITHOUT A COMMERCIAL LICENSE AGREEMENT IS STRICTLY PROHIBITED.</em> For information on commercial and/or brand licensing, see <a href="https://phet.colorado.edu/en/licensing">Licensing</a>.</p>

<h2>Credits</h2>
    <p>Lead Design: Amanda McGarry, Catherine Carter.</p>
    <p>Software Development: Martin Veillette, Chris Malley (PixelZoom, Inc.), Brandon Li.</p>
    <p>Team: Michael Dubson, Ariel Paul, Kathy Perkins, Taliesin Smith.</p>
    <p>Quality Assurance: Jaron Droder, Emily Miller, Liam Mulhall, Valentina Pérez, Nancy Salpepi, Kathryn Woessner.</p>

<h2>Links to Additional Credits and Policies</h2>
<ul>
    <li><a>Translation Credits</a></li>
    <li><a>Third-party Credits</a></li>
    <li><a>Privacy Policy</a></li>
    <li><a>Donate to PhET</a></li>
</ul>

[terracoda]

With Voicing in mind, maybe let's circle back and not include a Trade Mark section.

[terracoda]

For Voicing, I think we can mostly just voice each line separately.
This means for the license section there will be a reading block for the p-tag and then the next 2 tabs will go the the links inside the p-tag.
Is it possible to visually add the "Links to Additional Credits and Polices" heading and voice it, so it is clear that what comes after are links? If not, I think we need to so they all the links are in fact links for Voicing.

• Link to: CC BY-NC 4.0
• Link to: Licensing
• Link to: Translation Credits
• Link to: Third-party Credits
• Link to: Privacy Policy
• Link to: Donate to PhET

@jessegreenberg, let's discuss scope and feasibility for design changes when you are ready to work on this.

I could bring it to Design meeting as well.