...
Adding semantic tags, wherever it is possible
Keyboard focus, a.k.a. the ability to navigate the application with keyboard
Text alternatives to visual elements such as buttons and icons
Contrast and colors for better visual perception of the application
Here are examples of the implemented changes:
Elements of the system | Changes | Image |
|---|
Top bar | |  |
Menus | colors, character styles and interactions in lists were updated the ability to to navigate the lists with keyboard was added
|  Image Removed Image Added |
Upload | |  Image Removed Image Added |
Menu navigation | |  |
Mobile menu | |  Image Removed Image Added |
Filter panel | the styling for search inputs, headers and buttons was updated the spacing was updated it’s now fully navigable with keyboard
|  Image Removed Image Added |
Asset card | icons were changed and new buttons were implemented instead styling was updated according to the new Design Guide ‘Public’ icon was removed
|  Image Removed Image Added |
Pagination component | infinite scrolling was removed Spacing and button styling were updated it’s now fully navigable with keyboard
|  |
Asset list component | the updated include: chevron icon styling, line height, minimum width for action column, colors for text and hover as well as spacing asset list header icon buttons were updated title column is now required when dragging a column, a highlighted line was added
|  |
Buttons and checkboxes | colors and contrast were adjusted according to the Design Guide sizes of buttons and text were standardized target area was made bigger than the actual button
|  Image Removed Image Added |
Chip component | Breadcrumbs | Folders | Collections and sharing panel | Metadata editor | Tabs | Comments | Modals | Crop page | Workflows and automations pages | Tasks page | Profile page | Login modal | Brand portals | Notification dialog | Asset status | Video and audio player | Download metadata modal | Text input |  Image Added |