A11y action > Design and QA checklists

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

• Close this issue

Proposal

Add design and QA checklist to MR templates in the GitLab project

Designer checklist

• Content must use correct structure/headers.
• There should be a clear distinction between content (text) and controls (buttons, links).
• Users must receive immediate feedback after all actions.
• Do not use color alone to communicate information.
• Links, buttons, and controls must have a visible focus state and hover state.
• All text must pass contrast guidelines against the background.

QA checklist

• All content must be presented in text or have a text equivalent.
• All functionality must be available using only the keyboard.
• Content must use correct structure and semantics.
• All custom controls must have the correct name/label, role, value.
• Links, buttons, and controls must have a visible focus state and hover state.
• All text must pass contrast guidelines against the background.

Background

Source: https://gitlab.com/gitlab-org/gitlab-design/-/issues/1462#note_496534007

accessibility ~"Category:FE/UX Foundations"