View source for Accessibility By Roles - Graphic Design

[[Main_Page | « Return to WAI-Engage Wiki Home]] [[Accessibility_Responsibility_Breakdown | « Return to main ARB page]]

''<span style="color: #666;">@@Editor's note: This document is a work in progress meant to be built collaboratively and commented by the [http://www.w3.org/community/wai-engage/ WAI-Engage community]. Every member of this community is welcomed to either send comments directly to the editor through email at dboudreau [at] accessibiliteweb [dot] com or by editing the content below using the wiki. In order to keep track of all modifications, please provide a summary of all the changes brought to the document within the wiki interface and check if this is a minor edit or not. Thank you.  (dboudreau, 2012/04/13)</span>''


==Applicable WCAG 2.0 Success Criteria==
<p>The graphics design function covers tasks and related quality control normally associated with the graphic design of interfaces, the related graphic declinations, the specific design of navigation elements, context changes and other general design of the main content of the pages.</p>

{| style="border: 1px solid #000;" width="100%" class="wikitable"
! rowspan="2" style="width: 25%; text-align: left; padding: 0.5em; background: #333; color: #fff;"| Principles
! colspan="3" style="width: 75%; text-align: left; padding: 0.5em; background: #333; color: #fff;"| Applicable Success Criteria
|-
! style="width: 25%; text-align: left; padding: 0.5em; background: #666; color: #fff;"| A
! style="width: 25%; text-align: left; padding: 0.5em; background: #666; color: #fff;"| AA
! style="width: 25%; text-align: left; padding: 0.5em; background: #666; color: #fff;"| AAA
|-
| style="padding: 0.5em;"| Perceivable
| style="padding: 0.5em;"| [http://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-programmatic.html 1.3.1], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-understanding.html 1.3.3], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-without-color.html 1.4.1], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-dis-audio.html 1.4.2]
| style="padding: 0.5em;"| [http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html 1.4.3], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-scale.html 1.4.4], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-text-presentation.html 1.4.5]
| style="padding: 0.5em;"| [http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast7.html 1.4.6], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-noaudio.html 1.4.7], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-visual-presentation.html 1.4.8], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-text-images.html 1.4.9]
|-
| style="background: #ddd; padding: 0.5em;"| Operable
| style="background: #ddd; padding: 0.5em;"| [http://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation-keyboard-operable.html 2.1.1], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation-trapping.html 2.1.2], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-pause.html 2.2.2], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/seizure-does-not-violate.html 2.3.1], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-skip.html 2.4.1]
| style="background: #ddd; padding: 0.5em;"| [http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-mult-loc.html 2.4.5], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-descriptive.html 2.4.6], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-focus-visible.html 2.4.7]
| style="background: #ddd; padding: 0.5em;"| [http://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-no-exceptions.html 2.2.3], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-postponed.html 2.2.4], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/seizure-three-times.html 2.3.2], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-location.html 2.4.8]
|-
| style="padding: 0.5em;"| Understandable
| style="padding: 0.5em;"| [http://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-receive-focus.html 3.2.1], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-identified.html 3.3.1], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-cues.html 3.3.2]
| style="padding: 0.5em;"| [http://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-consistent-locations.html 3.2.3], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-consistent-functionality.html 3.2.4], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-suggestions.html 3.3.3]
| style="padding: 0.5em;"| [http://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-no-extreme-changes-context.html 3.2.5], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-context-help.html 3.3.5], [http://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-reversible-all.html 3.3.6]
|-
| style="background: #ddd; padding: 0.5em;"| Robust
| style="background: #ddd; padding: 0.5em;"| --
| style="background: #ddd; padding: 0.5em;"| --
| style="background: #ddd; padding: 0.5em;"| --
|-
| style="background: #999; border-top: 2px solid #000; font-weight: bold; padding: 0.5em;"| Total (32)
| style="background: #999; border-top: 2px solid #000; font-weight: bold; padding: 0.5em;"| 12
| style="background: #999; border-top: 2px solid #000; font-weight: bold; padding: 0.5em;"| 9
| style="background: #999; border-top: 2px solid #000; font-weight: bold; padding: 0.5em;"| 11
|-
|}

==Applicable Success Criteria by Principles==
The applicable success criteria relevant to the Architcture role are organized by principles (perceivable, operable, understanding, robust) below.
===Perceivable===
{| style="border: 1px solid #000;" width="100%" class="wikitable"
! style="width: 15%; text-align: left; padding: 0.5em; background: #333; color: #fff;"| Success Criteria
! style="width: 20%; text-align: left; padding: 0.5em; background: #333; color: #fff;"| Description
! style="width: 50%; text-align: left; padding: 0.5em; background: #333; color: #fff;"| Specific Benefits
! style="width: 15%; text-align: left; padding: 0.5em; background: #333; color: #fff;"| Sufficient Techniques 
|-
| style="padding: 0.5em; vertical-align: top;"| ---
| style="padding: 0.5em; vertical-align: top;"| ---
| style="padding: 0.5em; vertical-align: top;"| ---
| style="padding: 0.5em; vertical-align: top;"| ---
|-
| style="background: #ddd; padding: 0.5em; vertical-align: top;"| ---
| style="background: #ddd; padding: 0.5em; vertical-align: top;"| ---
| style="background: #ddd; padding: 0.5em; vertical-align: top;"| ---
| style="background: #ddd; padding: 0.5em; vertical-align: top;"| ---
|-
|}
===Operable===
{| style="border: 1px solid #000;" width="100%" class="wikitable"
! style="width: 15%; text-align: left; padding: 0.5em; background: #333; color: #fff;"| Success Criteria
! style="width: 20%; text-align: left; padding: 0.5em; background: #333; color: #fff;"| Description
! style="width: 50%; text-align: left; padding: 0.5em; background: #333; color: #fff;"| Specific Benefits
! style="width: 15%; text-align: left; padding: 0.5em; background: #333; color: #fff;"| Sufficient Techniques 
|-
| style="padding: 0.5em; vertical-align: top;"| ---
| style="padding: 0.5em; vertical-align: top;"| ---
| style="padding: 0.5em; vertical-align: top;"| ---
| style="padding: 0.5em; vertical-align: top;"| ---
|-
| style="background: #ddd; padding: 0.5em; vertical-align: top;"| ---
| style="background: #ddd; padding: 0.5em; vertical-align: top;"| ---
| style="background: #ddd; padding: 0.5em; vertical-align: top;"| ---
| style="background: #ddd; padding: 0.5em; vertical-align: top;"| ---
|-
|}

===Understandable===
{| style="border: 1px solid #000;" width="100%" class="wikitable"
! style="width: 15%; text-align: left; padding: 0.5em; background: #333; color: #fff;"| Success Criteria
! style="width: 20%; text-align: left; padding: 0.5em; background: #333; color: #fff;"| Description
! style="width: 50%; text-align: left; padding: 0.5em; background: #333; color: #fff;"| Specific Benefits
! style="width: 15%; text-align: left; padding: 0.5em; background: #333; color: #fff;"| Sufficient Techniques 
|-
| style="padding: 0.5em; vertical-align: top;"| ---
| style="padding: 0.5em; vertical-align: top;"| ---
| style="padding: 0.5em; vertical-align: top;"| ---
| style="padding: 0.5em; vertical-align: top;"| ---
|-
| style="background: #ddd; padding: 0.5em; vertical-align: top;"| ---
| style="background: #ddd; padding: 0.5em; vertical-align: top;"| ---
| style="background: #ddd; padding: 0.5em; vertical-align: top;"| ---
| style="background: #ddd; padding: 0.5em; vertical-align: top;"| ---
|-
|}
===Robust===
{| style="border: 1px solid #000;" width="100%" class="wikitable"
! style="width: 15%; text-align: left; padding: 0.5em; background: #333; color: #fff;"| Success Criteria
! style="width: 20%; text-align: left; padding: 0.5em; background: #333; color: #fff;"| Description
! style="width: 50%; text-align: left; padding: 0.5em; background: #333; color: #fff;"| Specific Benefits
! style="width: 15%; text-align: left; padding: 0.5em; background: #333; color: #fff;"| Sufficient Techniques 
|-
| style="padding: 0.5em; vertical-align: top;"| ---
| style="padding: 0.5em; vertical-align: top;"| ---
| style="padding: 0.5em; vertical-align: top;"| ---
| style="padding: 0.5em; vertical-align: top;"| ---
|-
| style="background: #ddd; padding: 0.5em; vertical-align: top;"| ---
| style="background: #ddd; padding: 0.5em; vertical-align: top;"| ---
| style="background: #ddd; padding: 0.5em; vertical-align: top;"| ---
| style="background: #ddd; padding: 0.5em; vertical-align: top;"| ---
|-
|}