Notion WCAG
I analysed Notion for this task and noticed that the accessibility could be done better.
Reviews
5 reviews
Nice job applying WCAG in your Notion project! The structure feels thoughtful, and I like how you made accessibility practical, not just theory. Your examples clearly show how POUR (Perceivable, Operable, Understandable, Robust) plays out in real UI choices. If you wanted to push it further, maybe add a few more real-world scenarios or edge cases-those can make accessibility feel even more tangible for viewers.
Well done, Martina! You’ve done such a great job here that I honestly don’t have anything to add.
Nice work, Martina — I really like how you spotted the key accessibility issues in Notion and translated WCAG into practical UI improvements. One area you could refine is the error messaging and button hierarchy, so the flow feels even more user-friendly. Overall, strong effort on making accessibility both visible and actionable — keep pushing it forward!
Great job on clearly identifying the accessibility issues. I really appreciate the way you highlighted each point with clear explanations.
You might also want to take a look at spacing. Some elements feel a little close together—adding a bit more breathing room could help improve tap targets and create a cleaner, less cluttered visual flow.
Nice work—thoughtful and well-presented!
You’ve done a great job spotting the low contrast and small text issues, those are important accessibility wins, and your redesign makes the login flow much clearer. I also like that you called out the positive focus state, nice balance between strengths and gaps.
That said, there are still a few opportunities to refine things further. The error message feels a bit generic (“Please use a valid email”), so making it more human and specific would improve clarity. The login options all compete equally, so introducing stronger button hierarchy would guide the user better. Some elements also feel a little tight, adding more spacing would improve tap targets and reduce visual clutter.
One more thing: the Terms & Conditions note feels buried. If a checkbox was intended, it’s missing; if not, the text alignment and contrast need improvement so it reads cleanly and doesn’t get lost at the bottom.
And as an additional note: beyond visual fixes, accessibility also extends into interaction and structure. Expanding future audits to cover areas like keyboard navigation and semantic labels would make your redesigns feel even more holistic and closer to WCAG standards.
You might also like
Asana Recolor - Color System
Ithnain Management System
2 PAY
ALT.Studio Color System
Jeel app website wireframes
ShopUs Microcopy
Visual Design Courses
UX Design Foundations
Introduction to Figma
Design Terminology
