Definition of Done
There is also a set of criteria that applies across all stories and can therefore be applied to each story, but not repeated within each story. Relevant DoD criteria are listed below:
Component’s code is merged to master branch;
Component meets WCAG 2.1 AA;
HTML is validated with Nu HTML Checker;
Component meets acceptance criteria;
Visual regression testing passed (Percy when available);
Cross-browser testing is passed;
Component interface is documented in Storybook;
UAT is passed;
BUAT is passed;
Basic overview documentation is published to Storybook;
Component is released to AWS Code Artifact.
Acceptance criteria
For Design system the main output is Components' library. To define if developed component is aligned with initial design and requirements, for each story set of Acceptance criteria is submitted. It includes the following levels:
...
4. Accessibility. Criteria is covered by checklist for all components that includes WCAG 2.1 compliance. In some cases we should add specific standards to be checked.
Definition of Done
There is also a set of criteria that applies across all stories and can therefore be applied to each story, but not repeated within each story. Relevant DoD criteria are listed below:
...
Component’s code is merged to master branch;
...
Component meets WCAG 2.1 AA;
...
HTML is validated with Nu HTML Checker;
...
Component meets acceptance criteria;
...
Visual regression testing passed (Percy when available);
...
Cross-browser testing is passed;
...
Component interface is documented in Storybook;
...
UAT is passed;
...
BUAT is passed;
...
Basic overview documentation is published to Storybook;
...
...
Acceptance criteria status
Component/Block/Variant | Milestone | Brief status | AC status | Approval status | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
PoC |
|
|  | |||||||||||||
PoC |
|
| | |||||||||||||
PoC |
|
| | |||||||||||||
PoC |
|
| | |||||||||||||
PoC |
|
| | |||||||||||||
PoC |
|
| | |||||||||||||
PoC |
|
| | |||||||||||||
1 |
|
|  | |||||||||||||
1 |
|
| | |||||||||||||
Subtle Link | 1 |
|
| | ||||||||||||
1 |
|
| | |||||||||||||
1 |
|
| | |||||||||||||
Nav Link | 2 |
|
| | ||||||||||||
Nav Button | 2 |
|
| | ||||||||||||
Navigation | 2 |
|
| | ||||||||||||
2 |
|
| | |||||||||||||
2 |
|
| | |||||||||||||
2 |
|
| | |||||||||||||
Skip Links | 2 |
|
| | ||||||||||||
3 |
|
| | |||||||||||||
3 |
|
| | |||||||||||||
3 |
|
| | |||||||||||||
3 |
|
| | |||||||||||||
3 |
|
| | |||||||||||||
3 |
|
| | |||||||||||||
Article header | 4 |
|
| | ||||||||||||
4 |
|
| | |||||||||||||
Page card | 4 |
|
| |