Recent Accessibility-Related UI Changes

PeterBudavari
Instructure Alumni
Instructure Alumni
3
1390

Instructure.png

 

Below is a list of recent accessibility-focused UI updates. These changes help improve usability, navigation, and screen reader support across the platform. We’ll keep adding more as we continue this work.

Page / Component

Description

Accessibility Checker tray Added callback to native mobile
Account - Edit Profile Enabling users to edit their own names on the account level
Account - Notifications Added accessible labels
Account page edit Make name field required
Account Tray - Files Updated semantic HTML structure (Published dialog labels)
Account Tray - Notifications Modified keyboard navigation behavior
Account Tray - Profile Update "Edit Profile Picture" element into a button
Account Tray - Profile Introduced visible heading
Add Rubric (Teacher) Improve contrast of title field outline
Add Rubric (Teacher) Improve contrast of "Pts" field outline
Add Rubric (Teacher) Fix focus of modal window "Assignment Rubric Details".
Add Rubric (Teacher) Announces when rubric was created, updated or deleted.
Add Rubric (Teacher) Improve contrast of "Create Rubric" button
Add Rubric (Teacher) Add heading role to "Assignment Rubric Details".
Add Rubric (Teacher) Fix focus trap for rubric modals
Add Rubric (Teacher) Fix role of "Add Rubric", "Find a Rubric" and "Criterion" elements
Admin Analytics Accessibility improvements for custom controls
Admin Analytics Fix keyboard navigation behavior
Admin Analytics Updated semantic HTML structure (Download CSV button)
Admin Analytics Add visual labels for start/end date pickers
Admin Analytics Improve SR accessibility for the dashboard calendar
Admin Analytics Users Improved color contrast of table
Admin Authentication Associate radio buttons with their related question
Admin Authentication Updated semantic HTML structure (heading)
Admin Courses Updated semantic HTML structure of (+ Course) dialog
Admin Media Management Improve announcements for filters
Admin Media Management Added accessible label to close button
Admin Media Management Added accessible label to search field
Admin Media Management Improve announcements for clear button
Admin Media Management Improve announcements for filter search field
Admin Media Management Improve announcements for Sub-accounts section
Admin Media Management Make applied filters act as a list
Admin Media Management Provide proper textual name for tooltip filter button
Admin Media Management Improve announcements for button "Clear course filters"
Admin Media Management Updated semantic HTML structure for Filters Tray Section Headers
Admin Media Management - Media Improve announcements for reset button
Admin Media Management - Media Improve announcements for media selection
Admin Media Management - Media Added accessible label to button "Tooltip Has Quiz"
Admin Media Management - Media Announce filter removals on media management page
Admin Media Management - Media Added accessible label to Inactive Pill
Admin Media Management - Media Improve announcements for Medua Type button
Admin Media Management - Media Improve announcements in search bar
Admin Media management - Users Updated semantic HTML structure (headings)
Admin Media management - Users Added accessible label to Inactive Pill
Admin Media management - Users Improve announcements in search bar
Admin Media management - Users Ensure text can be resized
Admin People Updated semantic HTML structure of (+ People) dialog
Admin Permissions Remove redundant aria-label from table Headers in Permissions Table
Admin Settings Remove "global content" aria-label from the main container
Admin Settings - Announcements Tab Added accessible labels
Admin Settings - Announcements Tab Fix focus order of elements
Admin Settings - Announcements Tab Added accessible labels
Admin Statistics Updated semantic HTML structure (table)
Admin Statistics Updated heading to be visible
Admin Sub-Accounts Updated heading to be visible
Admin Terms Fix duplicated screenreader announcement
Admin Terms Updated semantic HTML structure (Add New Term button)
Admin Themes Updated semantic HTML structure of dialog
Admin Themes Role fix for ThemeCard link
Admin Tools Improve contrast when showing no results in account admin tools page
Admin Tools Updated semantic HTML structure of Find button
Announcement’s Filter Removed duplicated label
Assignments - Move Assignment Updated semantic HTML structure (labels)
Calendar Improved keyboard navigation behavior
Calendar Feed Updated semantic HTML structure (button)
Caption Orders Improve announcements for orders list
Classic quiz page fix quizzes unanswered indicator
Collaboration page edit Fix UI and validation messages
Collaboration page new Make name field required
Courses - Pages Indicate live regions for dynamically changing content on search
Courses - Pages Ensure that status messages can be determined
Courses - Pages Updated semantic HTML structure (heading)
Courses Grades Add accesible labels for inputs in gradebook
Dashboard page Standardize focus styles
DateInput component Update to the new DateInput2
Discussion - Send To/Copy To Fix focus navigation behavior
Discussion - Send To/Copy To Fix focus for modal
Discussion - Send To/Copy To Add heading to "Place"
Discussion - Send To/Copy To Improved contrast for "Begin trying to search"
Discussion - Send To/Copy To Improved color contrast for "Begin trying to search" text of control "Send To"
Discussion Detail Updated semantic HTML structure (heading)
Discussion Detail (Teacher) Added visible label to RCE
Discussion Detail (Teacher) Add accessible name for the control "View split screen/View inline"
Discussion Detail (Teacher) Fix focus for "Keyboard shortcuts"
Discussion Detail (Teacher) Update element traits "Filter by"
Discussion Detail (Teacher) Fix aria role of image
Discussion Detail (Teacher) Fix focus for element "Filter by"
Discussion Detail (Teacher) add support for changes in font size
Discussion Detail (Teacher) Fix focus order for "Dismiss context menu"
Discussion Detail (Teacher) Update status message of "Search entries or author".
Discussion Detail (Teacher) Updated semantic HTML structure (heading)
Discussion Detail (Teacher) Updated semantic HTML structure (heading)
Discussion Detail (Teacher) Improved color contrast for "Reply" button
Discussions - Send To/Copy To Improved color contrast
Discussions - Topic Added accessible labels
Discussions - Topic - Search bar Keep focus when searching
Edit Discussion Detail (Teacher) Added a flash status message for SR on save
Edit Discussion Detail (Teacher) Fix visible focus indicators
Edit Discussion Detail (Teacher) Improved color contrast ("Assign To", "Available From", "Time", Until" and "Time")
Edit Discussion Detail (Teacher) Improved color contrast ("Enable podcast feed", "Graded", "Only graders can like", "Add to student to-do" and "This is a group discussion")
Edit Discussion Detail (Teacher) Improved color contrast ("Topic Title" and "Paragraph")
Edit Discussion Detail (Teacher) Fix focus navigation behavior ("View", "Details", "Topic title", "Not Published")
Edit Discussion Detail (Teacher) Add heading to "Options", "Anonymous Discussion" and "Assign Access"
Edit Discussion Detail (Teacher) Added visible label to "Description"
Edit Discussion Detail (Teacher) Update aria attributes to hidden elements
Edit Discussion Detail (Teacher) Improved color contrast ("Options elements")
Edit Discussion Detail (Teacher) Fix focus navigation behavior for "Anonymous Discussion"
Edit Discussion Detail (Teacher) Improved color contrast for "Save" button
Edit Discussion Detail (Teacher) Improve contrast of the border outline of edit fields
Global Navigation - Calendar Removed unnecesary aria-controls
Grades (Teacher) Ensure element traits role and state are correct in grading page
Inbox Updated semantic HTML structure (button)
Inbox - Search input Updated semantic HTML structure (labels)
Inbox page, Settings Removed extra marker
Inbox's Compose modal Make to and Description fields required
Media Recording Fix bug when uploading media in assignment
Modules - Offline State & Error Handling (Student) Add role region to quiz instructions
My Library - Filter and Search Add accesible labels to date inputs
My Library - Filter and Search Provide visual labels for user input
My Library - Filter and Search Improve announcements for tags selector
My Library - Share Media Fix screen cut off when in mobile
My Library - Share Media Provide informative alternative text on notification image
My Library - Share Media Improve announcements for save and update
My Library - Share Media Ensure text can be resized
My Library - Share Media Fix keyboard focus order
My Library - Share Media Added accessible label to autosuggest field
My Library - Studio capture and Add media Ensure custom controls provide proper textual information
My Library - Table View Fix screen cut off when in mobile
My Library page Fix the DrillDown action menu
Navigation menu Fix navigation menu announcement
New Quiz page Add tooltip to the Quiz Navigator icon buttons
New Quiz page Fix tablist on keyboard navigation
New Quiz page Updated semantic HTML structure (labels)
New Video conference modal Make name and duration fields required
Quiz (Student) add support for changes in font size
Quiz (Student) Fix role of Quiz buttons
Quiz (Student) Fix role for "Hide time/Show time"
Quiz (Student) Updated semantic HTML structure (table)
Quiz (Student) Remove aria-labels on multiple dropdowns quizzes
Quiz (Teacher) Hide exclamation mark from assistive technologies
Quiz (Teacher) - new quiz engine modal Updated semantic HTML structure (labels)
Quiz (Teacher) - new quiz engine modal add legend to fieldset group
Quiz (Teacher) - new quiz engine modal add screenreader to radios label descriptions
Quiz index page (Teacher) fix quizzes kebab sub-menu options not identified by SR
RCE Add required field to upload media file
RCE Fix visible label for rich and plain text editor
Rubrics (view/edit) Add title to Rubric checkbox screenreader readout
Settings Groups Rework actions for group menu accessibility
Settings Groups Updated semantic HTML structure (heading)
Settings Groups Ensure the Settings tabs remain visible when zooming in
Settings Groups Add visual labels for My Groups combobox
Settings Groups Simplify group result announcements
SpeedGrader (Teacher) Fix focus navigation of decorative elements
SpeedGrader (Teacher) Updated semantic HTML structure (button)
SpeedGrader (Teacher) add role button to discussion elements
SpeedGrader (Teacher) Improved color contrast for "From" element
SpeedGrader (Teacher) Improved color contrast for dates elements
Studio Fix focus issues in multi-answer modal
Studio Header and Side Nav Improve announcements for toggle button
Studio setting page Updated semantic HTML structure (heading)
Submission & Rubric (Parent) Fix focus order of elements
Submission & Rubric (Parent) Announce the global context menu expand/collapse
Submission & Rubric (Parent) Fix focus order of elements
Submission & Rubric (Parent) fix unanswered arrow to fit mobile view
Submission & Rubric (Parent) Ensure grade element provide an accessible name
Submission & Rubric (Parent) Fix navigation menu announcement
Submission & Rubric (Student) Add aria-hidden to Watermark div
Submission & Rubric (Student) Add aria-hidden on "Correct answers are hidden" message
Submission & Rubric (Student) Fix form field validation on Rubric Comment
Video - Captions Improve announcements for language selector
Video - Comments Updated semantic HTML structure (comment toolbar)
Video - Insights Replace hidden link with button-triggered insights download
Video - Insights Updated semantic HTML structure (heading)
Video Quizzing Added accessible labels
Video Quizzing Set label "Question Stem" as required
Video Quizzing Fix focus on save errors
Video Quizzing Make "Title" field required

 

Further mobile related updates can be found on: https://community.canvaslms.com/t5/Canvas-Mobile-Releases/tkb-p/CanvasMobileReleases

3 Comments