Additional Info - slim version: Questions / Answers

[caw310]

Experimental Design Update Additional Info & Expandable Alert

Design

• Figma Branch
• Figma Example #1
• Figma Example #2

Notes
We are updating the code that creates the additional info component. It is a button trigger that causes it to expand and collapse and so, we want to make it also appear more like a button. We have also heard from research that the additional info component need more attention drawn to it.

You can also see a prototype in codepen

The experimental design request goes into more detail about why we are looking to make this change. But the TLDR; is that we need to re-architect the way that it is built to address some accessibility issues. The toggle to open the component is a button and it should feel more like a button control.

Feedback

• Please describe your use cases for using additional info slim version
• Provide any Figma designs or research as applicable

Notes

• Mention which product and team you are on
• Subscribe to this discussion thread to follow along (over to the right under Notifications)

[jeana-adhoc]

Here are some examples to put this in context

Current	Proposed

[coforma-jamie]

I tested this using JAWS 2025 and it works as expected:

MicrosoftTeams-video.-.2026-01-26T133929.832.mp4

This is in contrast to the current Additional info component, where JAWS users who expand the component, then press DOWN ARROW, skip past the content:

MicrosoftTeams-video.-.2026-01-26T133623.456.mp4

Very happy to see this fix! :) And for what it's worth, I think the design sticks out but isn't too intrusive :)