Mesa Design System White Logo

Overview

Keyboard interactions

Users should be able to use tab to navigate between links and to activate a link by pressing Enter.

Users should be able to activate hover and focus states with both a mouse and a keyboard.

No annotations for keyboard interactions are needed. All links are in the tab order, and activated with standard keys. Where links are not persistently underlined, they receive an underline on focus.

 

Contrast

Link text color meets the minimum contrast requirement of 4.5:1 with its background. We also use a link color that contrast 3:1 against body text, so that link text is distinguishable even without an underline.