Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This pull request introduces accessibility and UI improvements across several files, focusing on status message overlays, feedback link placement, and semantic HTML enhancements. The main changes ensure status messages are properly announced for assistive technologies, feedback links are more appropriately styled, and sections are more accessible via ARIA attributes.
Accessibility and UI improvements:
src/Scripts/ui/mha.ts,src/Scripts/ParentFrame.ts) [1] [2] [3]inputHeaderstextarea after clearing is now delayed to allow screen readers to finish announcing status messages, preventing interruptions. (src/Scripts/ui/mha.ts)Styling and layout updates:
#feedbackLinkinstead of#mhaFooter, and its markup is updated to use adivrather than afooter, improving consistency and semantic correctness. (src/Content/classicDesktopFrame.css,src/Pages/mha.html) [1] [2]Semantic HTML and ARIA enhancements:
role="region"andaria-labelattributes for better accessibility, making navigation easier for screen reader users. (src/Pages/mha.html) [1] [2]src/Pages/mha.html)Status overlay display logic:
.status-overlayCSS class now usesdisplay: blockby default, and the.showmodifier no longer sets the display property, streamlining the overlay's visibility logic. (src/Content/fluentCommon.css) [1] [2]Code cleanup:
src/Pages/uitoggle.html,src/Scripts/ParentFrame.ts) [1] [2]Addresses following issues:
Bug 1691349 Screen Readers-Message Header Analyzer: Landmarks are not defined on the page.
Bug 1986059 Color Contrast- Summary: Contrast ratio of multiple text is less than 4.5:1 in "Summary" screen.
Bug 1986097 Focus order- Message header analyzer: Keyboard focus is going to whole dialog instead of close button.
Bug 1987489 Status Message- Classic: No status message appearing on screen for "Copy" mail
Bug 1987498 Status Message- Message Header Analyzer: No status message appearing on screen for actions like analyze header, clear, and other controls in Message Header Analyzer screen