WCAG 2.0 | Manila ICT/WDAR |
Principle 1: Perceivable – Information and user interface components must be presentable to users in ways they can perceive. | |
Guideline 1.1 : Text Alternatives: Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language. | |
|
MS 1 – 3 – Attach ALT<alt> (alternative) text to graphic images so that assistive computer technology such as screen readers can reach the content. MS 2 – 1 – For ALT texts: |
Guideline 1.2 : Time-based Media: Provide alternatives for time-based media. | |
1.2.1 Audio-only and Video-only (Prerecorded): For prerecorded audio-only and prerecorded video-only media, the following are true, except when the audio or video is amedia alternative for text and is clearly labeled as such: (Level A)
|
MS 1 – 5 – Provide text transcriptions or descriptions for all audio and video clips. |
1.2.2 Captions (Prerecorded): Captions are provided for all prerecorded audio content in synchronized media, except when the media is a media alternative for text and is clearly labeled as such. (Level A) | MS 1 – 5 – Provide text transcriptions or descriptions for all audio and video clips. |
1.2.3 Audio Description or Media Alternative (Prerecorded): An alternative for time-based media or audio description of the prerecorded video content is provided for synchronized media, except when the media is a media alternative for text and is clearly labeled as such. (Level A) | MS 1 – 5 – Provide text transcriptions or descriptions for all audio and video clips. |
1.2.4 Captions (Live): Captions are provided for all live audiocontent in synchronized media. (Level AA) | MS 1 – 5 – Provide text transcriptions or descriptions for all audio and video clips. |
1.2.5 Audio Description (Prerecorded): Audio descriptionis provided for all prerecorded video content in synchronized media. (Level AA) | MS 1 – 5 – Provide text transcriptions or descriptions for all audio and video clips. |
1.2.6 Sign Language (Prerecorded): Sign language interpretation is provided for all prerecorded audio content in synchronized media. (Level AAA) | |
1.2.7 Extended Audio Description (Prerecorded):Where pauses in foreground audio are insufficient to allow audio descriptions to convey the sense of the video, extended audio description is provided for all prerecorded video content in synchronized media. (Level AAA) | |
1.2.8 Media Alternative (Prerecorded): An alternative for time-based media is provided for all prerecorded synchronized media and for all prerecorded video-only media. (Level AAA) | |
1.2.9 Audio-only (Live): An alternative for time-based media that presents equivalent information for live audio-only content is provided. (Level AAA) | |
Guideline 1.3 : Adaptable: Create content that can be presented in different ways (for example simpler layout) without losing information or structure. | |
1.3.1 Info and Relationships: Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text. (Level A) |
MS 1 – 7 – Avoid access barriers like: PDF files with no equivalent HTML or ASCII files, non-linear page formats, frame formats and content that requires user to download software to access it. MS 2-14 – Page style must be consistent all throughout the website. |
1.3.2 Meaningful Sequence: When the sequence in which content is presented affects its meaning, a correct reading sequence can be programmatically determined. (Level A) | MS 2 – 11 – Layout must be navigable even if the page style is turned off. |
1.3.3 Sensory Characteristics: Instructions provided for understanding and operating content do not rely solely on sensory characteristics of components such as shape, size, visual location, orientation, or sound. (Level A) Note: For requirements related to color, refer to Guideline 1.4. |
MS 2 – 12 – Website content must appear clearly even when colors are turned off. |
Guideline 1.4 : Distinguishable: Make it easier for users to see and hear content including separating foreground from background. | |
1.4.1 Use of Color: Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element. (Level A) Note: This success criterion addresses color perception specifically. Other forms of perception are covered in Guideline 1.3 including programmatic access to color and other visual presentation coding. |
MS 2 – 12 – Website content must appear clearly even when colors are turned off. |
1.4.2 Audio Control: If any audio on a Web page plays automatically for more than 3 seconds, either a mechanism is available to pause or stop the audio, or a mechanism is available to control audio volume independently from the overall system volume level. (Level A) Note: Since any content that does not meet this success criterion can interfere with a user’s ability to use the whole page, all content on the Web page (whether or not it is used to meet other success criteria) must meet this success criterion.
|
|
1.4.3 Contrast (Minimum): The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: (Level AA)
|
MS 2-15 – Provide enough contrast between foreground and background color combinations. |
1.4.4 Resize text: Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. (Level AA) |
MS 2 – 9 – Avoid using the FONT SIZE markup in your web pages or change the size to relative units. |
1.4.5 Images of Text: If the technologies being used can achieve the visual presentation, text is used to convey information rather than images of text except for the following: (Level AA)
Note: Logotypes (text that is part of a logo or brand name) are considered essential. |
MS 2 – 9 – Avoid using the FONT SIZE markup in your web pages or change the size to relative units. MS 2 – 1 – For ALT texts: |
1.4.6 Contrast (Enhanced): The visual presentation of text and images of text has a contrast ratio of at least 7:1, except for the following: (Level AAA)
|
MS 2 – 9 – Avoid using the FONT SIZE markup in your web pages or change the size to relative units. MS 2-15 – Provide enough contrast between foreground and background color combinations.
|
1.4.7 Low or No Background Audio: For prerecorded audio-only content that (1) contains primarily speech in the foreground, (2) is not an audio CAPTCHA or audio logo, and (3) is not vocalization intended to be primarily musical expression such as singing or rapping, at least one of the following is true: (Level AAA)
|
|
1.4.8 Visual Presentation: For the visual presentation of blocks of text, a mechanism is available to achieve the following: (Level AAA)
|
MS 2 – 9 – Avoid using the FONT SIZE markup in your web pages or change the size to relative units. |
1.4.9 Images of Text (No Exception): Images of text are only used for pure decoration or where a particular presentation of text is essential to the information being conveyed. (Level AAA) Note: Logotypes (text that is part of a logo or brand name) are considered essential. |
MS 2 – 1 – For ALT texts: 2 – 1.1 – Decorative images must contain null ALT text or ALT="". 2 – 1.2 – Anchor elements within the Image Maps must contain ALT texts. 2 – 1.3 – Alternate texts that require more than 80 characters must instead be changed to "D" hyperlink. |
Principle 2: Operable – User interface components and navigation must be operable. | |
Guideline 2.1 : Keyboard Accessible: Make all functionality available from a keyboard. | |
2.1.1 Keyboard: All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes, except where the underlying function requires input that depends on the path of the user’s movement and not just the endpoints. (Level A) Note 1: This exception relates to the underlying function, not the input technique. For example, if using handwriting to enter text, the input technique (handwriting) requires path-dependent input but the underlying function (text input) does not. Note 2: This does not forbid and should not discourage providing mouse input or other input methods in addition to keyboard operation. |
MS 2 – 1 – For ALT texts: 2 – 1.1 – Decorative images must contain null ALT text or ALT="". 2 – 1.2 – Anchor elements within the Image Maps must contain ALT texts. 2 – 1.3 – Alternate texts that require more than 80 characters must instead be changed to "D" hyperlink. |
2.1.2 No Keyboard Trap: If keyboard focus can be moved to a component of the page using a keyboard interface, then focus can be moved away from that component using only a keyboard interface, and, if it requires more than unmodified arrow or tab keys or other standard exit methods, the user is advised of the method for moving focus away. (Level A) Note: Since any content that does not meet this success criterion can interfere with a user’s ability to use the whole page, all content on the Web page (whether it is used to meet other success criteria or not) must meet this success criterion. See Conformance Requirement 5: Non-Interference. |
|
2.1.3 Keyboard (No Exception):All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes. (Level AAA) | |
Guideline 2.2 : Enough Time: Provide users enough time to read and use content. | |
2.2.1 Timing Adjustable: For each time limit that is set by the content, at least one of the following is true: (Level A)
Note: This success criterion helps ensure that users can complete tasks without unexpected changes in content or context that are a result of a time limit. This success criterion should be considered in conjunction with Success Criterion 3.2.1, which puts limits on changes of content or context as a result of user action. |
|
2.2.2 Pause, Stop, Hide: For moving, blinking, scrolling, or auto-updating information, all of the following are true: (Level A)
Note 1: For requirements related to flickering or flashing content, refer to Guideline 2.3. Note 2: Since any content that does not meet this success criterion can interfere with a user’s ability to use the whole page, all content on the Web page (whether it is used to meet other success criteria or not) must meet this success criterion. See Conformance Requirement 5: Non-Interference. Note 3: Content that is updated periodically by software or that is streamed to the user agent is not required to preserve or present information that is generated or received between the initiation of the pause and resuming presentation, as this may not be technically possible, and in many situations could be misleading to do so. Note 4: An animation that occurs as part of a preload phase or similar situation can be considered essential if interaction cannot occur during that phase for all users and if not indicating progress could confuse users or cause them to think that content was frozen or broken. |
MS 2 – 7 – Do not use blinking, rolling or scrolling markup tags on your web pages. |
2.2.3 No Timing: Timing is not an essential part of the event or activity presented by the content, except for non-interactive synchronized media and real-time events. (Level AAA) | |
2.2.4 Interruptions: Interruptions can be postponed or suppressed by the user, except interruptions involving an emergency. (Level AAA) | |
2.2.5 Re-authenticating: When an authenticated session expires, the user can continue the activity without loss of data after re-authenticating. (Level AAA) | |
Guideline 2.3 : Seizures: Do not design content in a way that is known to cause seizures. | |
2.3.1 Three Flashes or Below Threshold: Web pages do not contain anything that flashes more than three times in any one second period, or the flash is below the general flash and red flash thresholds. (Level A) Note: Since any content that does not meet this success criterion can interfere with a user’s ability to use the whole page, all content on the Web page (whether it is used to meet other success criteria or not) must meet this success criterion. See Conformance Requirement 5: Non-Interference. |
MS 2 – 7 – Do not use blinking, rolling or scrolling markup tags on your web pages. |
2.3.2 Three Flashes: Web pages do not contain anything that flashes more than three times in any one second period. (Level AAA) | MS 2 – 7 – Do not use blinking, rolling or scrolling markup tags on your web pages. |
Guideline 2.4 : Navigable: Provide ways to help users navigate, find content, and determine where they are. | |
2.4.1 Bypass Blocks: A mechanism is available to bypass blocks of content that are repeated on multiple Web pages. (Level A) | MS 2 – 5 – Provide a "Skip to Content" link in every page. |
2.4.2 Page Titled: Web pages have titles that describe topic or purpose. (Level A) | MS 2 – 13 – Provide descriptive titles for every page. |
2.4.3 Focus Order: If a Web page can be navigated sequentially and the navigation sequences affect meaning or operation, focusable components receive focus in an order that preserves meaning and operability. (Level A) | MS 1 – 2 – Avoid using words such as "This" or "Click Here" in creating links. Use descriptive hyperlinks to support text browsers. |
2.4.4 Link Purpose (In Context):The purpose of each link can be determined from the link text alone or from the link text together with its programmatically determined link context, except where the purpose of the link would be ambiguous to users in general. (Level A) |
MS 1 – 2 – Avoid using words such as "This" or "Click Here" in creating links. MS 2 – 1 – For ALT texts: MS 2 – 8 – Provide a LABEL text and ALT text on the input elements of your forms. |
2.4.5 Multiple Ways: More than one way is available to locate a Web page within a set of Web pages except where the Web Page is the result of, or a step in, a process. (Level AA) |
MS 1 – 2 – Avoid using words such as "This" or "Click Here" in creating links. MS 2 – 2 – Provide a Site Map with a link appearing on every page. MS 2 – 10 – Provide a Search form within your site. |
2.4.6 Headings and Labels: Headings and labels describe topic or purpose. (Level AA) |
MS 2 – 8 – Provide a LABEL text and ALT text on the input elements of your forms. |
2.4.7 Focus Visible: Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible. (Level AA) | |
2.4.8 Location: Information about the user’s location within a set of Web pages is available. (Level AAA) |
MS 1 – 2 – Avoid using words such as "This" or "Click Here" in creating links. MS 2 – 3 – All pages must provide a link back to the home page. (Use of breadcrumbs) |
2.4.9 Link Purpose (Link Only):A mechanism is available to allow the purpose of each link to be identified from link text alone, except where the purpose of the link would be ambiguous to users in general. (Level AAA) |
MS 2 – 5 – Provide a "Skip to Content" link in every page. MS 2 – 8 – Provide a LABEL text and ALT text on the input elements of your forms. |
2.4.10 Section Headings: Section headings are used to organize the content. (Level AAA) Note 1: "Heading" is used in its general sense and includes titles and other ways to add a heading to different types of content. |
MS 2 – 3 – All pages must provide a link back to the home page. |
Principle 3: Understandable – Information and the operation of user interface must be understandable. | |
Guideline 3.1 : Make text content readable and understandable. | |
3.1.1 Language of Page: The default human language of each Web page can be programmatically determined. (Level A) | MS 2 – 6 – Make the language that you use in your web site easy to understand. |
3.1.2 Language of Parts: The human language of each passage or phrase in the content can be programmatically determined except for proper names, technical terms, words of indeterminate language, and words or phrases that have become part of the vernacular of the immediately surrounding text. (Level AA) Note: This requirement does not apply to individual words or phrases that have become part of the primary language of the content. |
MS 2 – 6 – Make the language that you use in your web site easy to understand. |
3.1.3 Unusual Words: A mechanism is available for identifying specific definitions of words or phrases used in an unusual or restricted way, including idioms and jargon. (Level AAA) | |
3.1.4 Abbreviations: A mechanism for identifying the expanded form or meaning of abbreviations is available. (Level AAA) | |
3.1.5 Reading Level: When text requires reading ability more advanced than the lower secondary education level after removal of proper names and titles, supplemental content, or a version that does not require reading ability more advanced than the lower secondary education level, is available. (Level AAA) | MS 2 – 6 – Make the language that you use in your web site easy to understand. |
3.1.6 Pronunciation: A mechanism is available for identifying specific pronunciation of words where meaning of the words, in context, is ambiguous without knowing the pronunciation. (Level AAA) | |
Guideline 3.2 : Predictable: Make Web pages appear and operate in predictable ways. | |
3.2.1 On Focus: When any component receives focus, it does not initiate a change of context. (Level A) | |
3.2.2 On Input: Changing the setting of any user interface component does not automatically cause a change of context unless the user has been advised of the behavior before using the component. (Level A) | |
3.2.3 Consistent Navigation: Navigational mechanisms that are repeated on multiple Web pages within a set of Web pages occur in the same relative order each time they are repeated, unless a change is initiated by the user. (Level AA) |
MS 2 – 3 – All pages must provide a link back to the home page. MS 2 – 11 – Layout must be navigable even if the page style is turned off. MS 2-14 – Page style must be consistent all throughout the website. |
3.2.4 Consistent Identification: Components that have the same functionality within a set of Web pages are identified consistently. (Level AA) |
MS 2 – 3 – All pages must provide a link back to the home page. MS 2-14 – Page style must be consistent all throughout the website. |
3.2.5 Change on Request: Changes of context are initiated only by user request or a mechanism is available to turn off such changes. (Level AAA) | |
Guideline 3.3: Input Assistance: Help users avoid and correct mistakes. | |
3.3.1 Error Identification: If an input error is automatically detected, the item that is in error is identified and the error is described to the user in text. (Level A) | |
3.3.2 Labels or Instructions: Labels or instructions are provided when content requires user input. (Level A) | MS 2 – 8 – Provide a LABEL text and ALT text on the input elements of your forms. |
3.3.3 Error Suggestion: If an input error is automatically detected and suggestions for correction are known, then the suggestions are provided to the user, unless it would jeopardize the security or purpose of the content. (Level AA) | MS 2 – 8 – Provide a LABEL text and ALT text on the input elements of your forms. |
3.3.4 Error Prevention (Legal, Financial, Data): For Web pages that cause legal commitments or financial transactions for the user to occur, that modify or delete user-controllable data in data storage systems, or that submit user test responses, at least one of the following is true: (Level AA)
|
|
3.3.5 Help: Context-sensitive help is available. (Level AAA) | MS 2 – 2 – Provide a Site Map with a link appearing on every page. |
3.3.6 Error Prevention (All): For Web pages that require the user to submit information, at least one of the following is true: (Level AAA)
|
|
Principle 4: Robust – Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies. | |
Guideline 4.1 : Compatible: Maximize compatibility with current and future user agents, including assistive technologies. | |
4.1.1 Parsing: In content implemented using markup languages, elements have complete start and end tags, elements are nested according to their specifications, elements do not contain duplicate attributes, and any IDs are unique, except where the specifications allow these features. (Level A) Note: Start and end tags that are missing a critical character in their formation, such as a closing angle bracket or a mismatched attribute value quotation mark are not complete. |
|
4.1.2 Name, Role, Value: For all user interface components (including but not limited to: form elements, links and components generated by scripts), the name and role can be programmatically determined; states, properties, and values that can be set by the user can be programmatically set; and notification of changes to these items is available to user agents, including assistive technologies. (Level A) Note: This success criterion is primarily for Web authors who develop or script their own user interface components. For example, standard HTML controls already meet this success criterion when used according to specification. |
MS 1 – 7 – Avoid access barriers like: PDF files with no equivalent HTML or ASCII files, non-linear page formats, frame formats and content that requires user to download software to access it. MS 2 – 11 – Layout must be navigable even if the page style is turned off. |
Notes:
MS – Maturity Stage
Web Content Accessibility Guidelines Checkpoint 2.0 data were taken from the W3C Official Website (December 11, 2008 or the latest version).
Analysis of Comparison
- Manila ICT/PWAG Web Design Accessibility Recommendations (WDAR) only has a total of 22 checkpoints including the three additional checkpoints.
- WCAG 2.0 has a total of 61 checkpoints distributed into four Principles. Principle 1 (Perceivable) has four Guidelines and 22 Checkpoints. Principle 2 (Operable) has four Guidelines and 20 Checkpoints, Principle 3 (Understandable) has three Guidelines and 17 Checkpoints and Principle 4 (Robust) has two Guidelines and two Checkpoints.
- WCAG 2.0 Success Criterion Level A has 24 Checkpoints. Success Criterion Level AA has 11 Checkpoints. Success Criterion Level AAA has 26 Checkpoints.
- Out of the 61 checkpoints, 38 of those checkpoints have a near equal or satisfied the Manila ICT/WDAR checkpoints or 62% compatibility.
- Based on Success Criterion Levels, WDAR has a near equivalent Checkpoints in the following: Level A – 18; Level AA – 10 ; Level AAA – 10.
- Of the 23 WCAG 2.0 checkpoints with no equivalent WDAR, 6 are audio related recordings including sign language; 1 is web standard issue; 13 is about keyboard inputs, error trapping and prevention and 3 for language related issues.
- Eleven WCAG 2.0 checkpoints satisfied two or more WDAR checkpoints.
- Non-conforming checkpoints/recommendations are as follows:
a. Manila ICT/WDAR recommends "D" link while WCAG 2.0 totally dropped "longdesc" or "D" link attributes.
b. Manila ICT/WDAR does NOT recommend the use of frames while WCAG do but with limitations.
c. Manila ICT/WDAR recommends the use of Accessibility Statement while WCAG 2.0 adds this as optional.
d. Manila ICT/WDAR recommends the use of Accesskeys while WCAG 2.0 totally dropped it.
e. Manila ICT/WDAR Maturity Stage 1-6 has NO near equal WCAG 2.0 checkpoint.