Confusing layout in Now Learning

stuartparr
Tera Contributor

This layout is confusing and doesn't comply with WCAG guidelines. Six of the tiles are for the same on demand course in different languages. The titles are all in English with the language on the end. The title is truncated so you can't see which is which without clicking the View link in the bottom right of each tile. The red text with the language is mine.

 

Headings and labels must describe the top or purpose but they are truncated so done. The link purpose is not clear and the relationship between the tile and the language is hidden. The image on the Japanese language tile is a Caucasian man, the image on any language is a Japanese man which is misleading. Having to click on the View link to see the language introduces an extra, unnecessary step for mobility-impaired users.

 

Description of image: Screenshot of ServiceNow University showing 7 tiles for ServiceNow Administration Fundamentals. Six of them have the same truncated title "ServiceNow Administration Fundamentals On Deman..." and five have the same image. I have labelled the language in red text on each tile.

stuartparr_0-1763982899643.png

 

11 REPLIES 11

I think you misunderstood what I was saying. Rather than putting the language in the title, put the title in the language the course is in. So instead of "ServiceNow Administration Fundamentals On Demand (Français)", list is as "Principes Fondamentaux de L'Administration de ServiceNow à la demande".

E-Illingworth
ServiceNow Employee
ServiceNow Employee

Thank you for surfacing this in the a11y community—your points are well-taken. I’ll share this feedback with our product team and see if they have any internal connections who can help route it toward the right place. We appreciate you taking the time to highlight this issue and will be in touch with any updates.