AddToAny share buttons

agile scrum software development process

Sprint Review 73
Accessibility improvements to color contrast, ARIA, and landmark structure

Topics include: New display date of last update option; webform fixes; glossary tweaks; accessibility improvements

Author(s):
Jennifer Vinciguerra

New Features

Display Date of Last Update

We added a "Display Date of Last Update" timestamp feature to all content types. Previously, this feature was only available on Site Pages and Data Tables. This feature inadvertently introduced a regression where the word “Off” was showing at the bottom of Landing Pages; that was also fixed this sprint.

To use this feature, simply check the box for "Display Date of Last Update" on the desired page. Similarly, un-checking the box removes the date from the public view of the page.

Updates & Fixes

Accessibility

  • Carousel Play/Pause: The play/pause button on the Carousel component loses programmatic focus when activated by keyboard. We fixed this to shift focus to the toggled button. When play is pressed, the focus shifts to pause, and vice-versa.
  • Contrast Fixes:
    • Multi-page webform headings lacked sufficient text contrast, so it was increased.
    • The Durham color palette had an issue with contrast in a very specific scenario. If the button style was applied to a link on a Callout using the dark background option, this created a contrast issue. The white, bold text lacked sufficient contrast against the bright orange button styling. In this case, the button color is now dark orange to provide contrast with the white text. We also checked all of the other color palettes for this same issue. 
  • Asterisk in Data Table Header: A red asterisk(*) in Data Table column headers did not have enough contrast against the background. The asterisk color was changed to white to match the text. 
  • ARIA: <aside> elements on the Event, Press Release, and How To content types were nested inside another landmark, violating the WCAG rule, "complementary landmark must be top-level." This was fixed, as well as another ARIA issue pertaining to the glossary. 

More Polishing to the New Glossary Feature

Again this sprint, we made improvements to the new glossary:

  • Previously, the glossary only worked when the Text Editor field was set to the "Paste Filtered HTML" format. We improved it so that it is now also supported when the Text Editor is set to the "Full HTML" format.
  • Glossify generated broken ARIA references. The 'aria-labelledby' IDs contained spaces, which made them invalid. We fixed this.

Webforms

  • The webform feedback modal failed to submit data after a Turnstile patch was re-applied, causing an AJAX HTTP 202 parse error. This has been fixed.
  • The Boards and Commission application form failed on submit with a .NET assembly loading error. Root cause: Dynamics API stopped returning a dynamic response ID after a caching change. Requirements include error logging, back-filling missed submissions, and Slack alerting. This has been fixed.

All Past Sprints

Related Topics: