DEV Community

Cover image for Keyboard only accessibility test: MoMA
Mahzeb
Mahzeb

Posted on • Edited on

2 1

Keyboard only accessibility test: MoMA

**Accessibility test series
MoMA's homepage

Failed

2.4.1 Bypass Blocks
A 'skip to main content' button is missing.

Passed

2.1.2 No Keyboard Trap Level A
Simple, I was not trapped.

2.1.3 Keyboard (No Exception) Level AAA
Yup, everything including signing up for their newsletter was possible with just my keyboard!

2.4.7 Focus Visible Level AA
I appreciate MoMA's thick focus indicator which varies in colour depending on the background. It is integrated well into the design of their website.

An element out of focus
A banner highlighting an exhibit on architecture from China.

An element in focus
A banner highlighting an exhibit on architecture from China. The element is in focus so it has a thick black border around the text.

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay