... | ... | @@ -11,7 +11,7 @@ Broadly speaking, users may have visual, mobility and auditory impairments that |
|
|
3. **Understandable:** Information and the operation of user interface must be understandable
|
|
|
4. **Robust:** Content must be robust enough that it can be interpreted by a wide variety of user agents, including assistive technologies
|
|
|
|
|
|
See [ WAI's quick reference guide](https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0) for more information on each principle.
|
|
|
See [ WAI's quick reference guide](https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0) for more information on each principle, as well as the links in HHMI accessibility checklist.
|
|
|
|
|
|
## HHMI accessibility checklist
|
|
|
|
... | ... | @@ -22,7 +22,28 @@ The [HHMI accessibility checklist](https://docs.google.com/spreadsheets/d/1-8vor |
|
|
* Tab 3: **Evaluation Checklist:** categories and checklist for testing/assessment of the project, prior to final delivery/publication
|
|
|
* Tab 4: **Alt Text Descriptions:** table for documenting alt text to include in the project
|
|
|
|
|
|
## Images and Iconography
|
|
|
## Initial wireframe feedback
|
|
|
|
|
|
Deque's team provided initial feedback on the proposal-phase wireframes as a starting point. Looking at the elements used, these key areas were pointed out.
|
|
|
|
|
|
**Colour contrast**
|
|
|
|
|
|
* Colour and contrast requirements: See Tab 2, section 1.4
|
|
|
|
|
|
**Images**
|
|
|
|
|
|
* Image color and contrast requirements: See Tab 2, section 1.4
|
|
|
* Useful accessibility article [here](https://webaim.org/techniques/images/)
|
|
|
* [WAI turorial: Images](https://www.w3.org/WAI/tutorials/images/)
|
|
|
* Note: While the app itself is not expected to have many images, the questions being created will -- the accessiblity of these exported (digital or print) questions needs to be taken into account.
|
|
|
|
|
|
|
|
|
**Forms**
|
|
|
|
|
|
* The question creation UI requires use of forms
|
|
|
* [WAI turorial: Forms](https://www.w3.org/WAI/tutorials/forms/)
|
|
|
|
|
|
**Tables**
|
|
|
|
|
|
* Many UIs organise content into tables
|
|
|
* [WAI turorial: tables](https://www.w3.org/WAI/tutorials/tables/)
|
|
|
|