Web Content Accessibility Guidelines"

This website contains links to software which is either no longer maintained or will be supported only until the end of 2019 (CKFinder 2). For the latest documentation about current CKSource projects, including software like CKEditor 4/CKEditor 5, CKFinder 3, Cloud Services, Letters, Accessibility Checker, please visit the new documentation website.

If you look for an information about very old versions of CKEditor, FCKeditor and CKFinder check also the CKEditor forum, which was closed in 2015. If not, please head to StackOverflow for support.

Line 101: Line 101:
  
 
|-
 
|-
| 3.1 When an appropriate markup language exists, use markup rather than images to convey information. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-use-markup 3.1] When an appropriate markup language exists, use markup rather than images to convey information. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 3.2 Create documents that validate to published formal grammars. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-identify-grammar 3.2] Create documents that validate to published formal grammars. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 3.4 Use relative rather than absolute units in markup language attribute values and style sheet property values. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-style-sheets 3.3] Use style sheets to control layout and presentation. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 3.5 Use header elements to convey document structure and use them according to specification. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-relative-units 3.4] Use relative rather than absolute units in markup language attribute values and style sheet property values. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 3.6 Mark up lists and list items properly. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-logical-headings 3.5] Use header elements to convey document structure and use them according to specification. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 3.7 Mark up quotations. Do not use quotation markup for formatting effects such as indentation. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-list-structure 3.6] Mark up lists and list items properly. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 6.5 Ensure that dynamic content is accessible or provide an alternative presentation or page. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-quotes 3.7] Mark up quotations. Do not use quotation markup for formatting effects such as indentation. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 7.2 Until user agents allow users to control blinking, avoid causing content to blink (i.e., change presentation at a regular rate, such as turning on and off).<br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-fallback-page 6.5] Ensure that dynamic content is accessible or provide an alternative presentation or page. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 7.4 Until user agents provide the ability to stop the refresh, do not create periodically auto-refreshing pages. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-avoid-blinking 7.2] Until user agents allow users to control blinking, avoid causing content to blink (i.e., change presentation at a regular rate, such as turning on and off).<br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 7.5 Until user agents provide the ability to stop auto-redirect, do not use markup to redirect pages automatically. Instead, configure the server to perform redirects.<br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-no-periodic-refresh 7.4] Until user agents provide the ability to stop the refresh, do not create periodically auto-refreshing pages. <br>
 +
| <br>
 +
| <br>
 +
|-
 +
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-no-auto-forward 7.5] Until user agents provide the ability to stop auto-redirect, do not use markup to redirect pages automatically. Instead, configure the server to perform redirects.<br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
Line 145: Line 149:
 
| All dialogs in the editor UI are floating dialogs displayed within the same page.<br>
 
| All dialogs in the editor UI are floating dialogs displayed within the same page.<br>
 
|-
 
|-
| 11.1 Use W3C technologies when they are available and appropriate for a task and use the latest versions when supported. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-latest-w3c-specs 11.1] Use W3C technologies when they are available and appropriate for a task and use the latest versions when supported. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 11.2 Avoid deprecated features of W3C technologies. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-avoid-deprecated 11.2] Avoid deprecated features of W3C technologies. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 12.3 Divide large blocks of information into more manageable groups where natural and appropriate. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-group-information 12.3] Divide large blocks of information into more manageable groups where natural and appropriate. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 13.1 Clearly identify the target of each link. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-meaningful-links 13.1] Clearly identify the target of each link. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 13.2 Provide metadata to add semantic information to pages and sites. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-use-metadata 13.2] Provide metadata to add semantic information to pages and sites. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 13.3 Provide information about the general layout of a site (e.g., a site map or table of contents). <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-site-description 13.3] Provide information about the general layout of a site (e.g., a site map or table of contents). <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 13.4 Use navigation mechanisms in a consistent manner. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-clear-nav-mechanism 13.4] Use navigation mechanisms in a consistent manner. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
Line 175: Line 179:
 
! colspan="3" | And if you use tables (Priority 2)
 
! colspan="3" | And if you use tables (Priority 2)
 
|-
 
|-
| 5.3 Do not use tables for layout unless the table makes sense when linearized. Otherwise, if the table does not make sense, provide an alternative equivalent (which may be a linearized version).<br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-avoid-table-for-layout 5.3] Do not use tables for layout unless the table makes sense when linearized. Otherwise, if the table does not make sense, provide an alternative equivalent (which may be a linearized version).<br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 5.4 If a table is used for layout, do not use any structural markup for the purpose of visual formatting. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-table-layout 5.4] If a table is used for layout, do not use any structural markup for the purpose of visual formatting. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
Line 185: Line 189:
 
! colspan="3" | And if you use frames (Priority 2)
 
! colspan="3" | And if you use frames (Priority 2)
 
|-
 
|-
| 12.2 Describe the purpose of frames and how frames relate to each other if it is not obvious by frame titles alone. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-frame-longdesc 12.2] Describe the purpose of frames and how frames relate to each other if it is not obvious by frame titles alone. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
Line 191: Line 195:
 
! colspan="3" | And if you use forms (Priority 2)
 
! colspan="3" | And if you use forms (Priority 2)
 
|-
 
|-
| 10.2 Until user agents support explicit associations between labels and form controls, for all form controls with implicitly associated labels, ensure that the label is properly positioned.<br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-unassociated-labels 10.2] Until user agents support explicit associations between labels and form controls, for all form controls with implicitly associated labels, ensure that the label is properly positioned.<br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 12.4 Associate labels explicitly with their controls. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-associate-labels 12.4] Associate labels explicitly with their controls. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
Line 201: Line 205:
 
! colspan="3" | And if you use applets and scripts (Priority 2)
 
! colspan="3" | And if you use applets and scripts (Priority 2)
 
|-
 
|-
| 6.4 For scripts and applets, ensure that event handlers are input device-independent. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-keyboard-operable-scripts 6.4] For scripts and applets, ensure that event handlers are input device-independent. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 7.3 Until user agents allow users to freeze moving content, avoid movement in pages. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-avoid-movement 7.3] Until user agents allow users to freeze moving content, avoid movement in pages. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 8.1 Make programmatic elements such as scripts and applets directly accessible or compatible with assistive technologies [Priority 1 if functionality is important and not presented elsewhere, otherwise Priority 2.]<br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-directly-accessible 8.1] Make programmatic elements such as scripts and applets directly accessible or compatible with assistive technologies [Priority 1 if functionality is important and not presented elsewhere, otherwise Priority 2.]<br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 9.2 Ensure that any element that has its own interface can be operated in a device-independent manner. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-keyboard-operable 9.2] Ensure that any element that has its own interface can be operated in a device-independent manner. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>
 
|-
 
|-
| 9.3 For scripts, specify logical event handlers rather than device-dependent event handlers. <br>  
+
| [http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-device-independent-events 9.3] For scripts, specify logical event handlers rather than device-dependent event handlers. <br>  
 
| <br>  
 
| <br>  
 
| <br>
 
| <br>

Revision as of 02:50, 20 May 2009

The full WCAG 1.0 checklist can be viewed in W3C's website.

Priority 1 Checkpoints

In General (Priority 1)
1.1 Provide a text equivalent for every non-text element (e.g., via "alt", "longdesc", or in element content). This includes: images, graphical representations of text (including symbols), image map regions, animations (e.g., animated GIFs), applets and programmatic objects, ascii art, frames, scripts, images used as list bullets, spacers, graphical buttons, sounds (played with or without user interaction), stand-alone audio files, audio tracks of video, and video.
Yes
Important images, such as toolbar buttons and frequently used smiley icons, are provided with screenreader accessible alternate text.
2.1 Ensure that all information conveyed with color is also available without color, for example from context or markup.
Yes
Toolbar buttons will appear as textual buttons in Windows high contrast mode. Selection of text and background colors is still possible with textual labels in the color selection panels.
4.1 Clearly identify changes in the natural language of a document's text and any text equivalents (e.g., captions).
No

6.1 Organize documents so they may be read without style sheets. For example, when an HTML document is rendered without associated style sheets, it must still be possible to read the document.
Yes
The editor and its dialogs are still usable without cascading style sheets. Toolbar buttons appear as textual links without CSS.
6.2 Ensure that equivalents for dynamic content are updated when the dynamic content changes.
Yes
  • IFrames in the editor, such as the WYSIWYG editing area and combo boxes, are given screenreader accessible labels.
  • An equivalent text-only page with a <textarea> element can be created by not activating CKEditor's replace API, if JavaScript is not an option.
7.1 Until user agents allow users to control flickering, avoid causing the screen to flicker.
Yes
There are no blinking or flickering contents in the editor. Moveable UI elements such as dialogs can only be moved in a smooth fashion by the user.
14.1 Use the clearest and simplest language appropriate for a site's content.
Yes
Accessible labels are kept as concise and simple simple as possible.
And if you use images and image maps (Priority 1)
1.2 Provide redundant text links for each active region of a server-side image map.
NA
There are no image maps in the editor.
9.1 Provide client-side image maps instead of server-side image maps except where the regions cannot be defined with an available geometric shape.
NA
There are no image maps in the editor.
And if you use tables (Priority 1)
5.1 For data tables, identify row and column headers.
NA
There are no data tables in the editor UI.Tables are used for layout purpose only.
5.2 For data tables that have two or more logical levels of row or column headers, use markup to associate data cells and header cells.
NA
There are no data tables in the editor UI.Tables are used for layout purpose only.
And if you use frames (Priority 1)
12.1 Title each frame to facilitate frame identification and navigation.
Yes
IFrames in the editor, such as the WYSIWYG editing area and combo boxes, are given screenreader accessible labels.
And if you use applets and scripts (Priority 1)
6.3 Ensure that pages are usable when scripts, applets, or other programmatic objects are turned off or not supported. If this is not possible, provide equivalent information on an alternative accessible page.
Yes
An equivalent text-only page with a <textarea> element can be created by not activating CKEditor's replace API, if JavaScript is not an option.
And if you use multimedia (Priority 1)
1.3 Until user agents can automatically read aloud the text equivalent of a visual track, provide an auditory description of the important information of the visual track of a multimedia presentation.
NA
There are no video or audio contents in the editor.
1.4 For any time-based multimedia presentation (e.g., a movie or animation), synchronize equivalent alternatives (e.g., captions or auditory descriptions of the visual track) with the presentation.
NA
There are no video or audio contents in the editor.
And if all else fails (Priority 1)
11.4 If, after best efforts, you cannot create an accessible page, provide a link to an alternative page that uses W3C technologies, is accessible, has equivalent information (or functionality), and is updated as often as the inaccessible (original) page.
Yes
An equivalent text-only page with a <textarea> element can be created by not activating CKEditor's replace API, if JavaScript is not an option.


Priority 2 Checkpoints

In General (Priority 2)
2.2 Ensure that foreground and background color combinations provide sufficient contrast when viewed by someone having color deficits or when viewed on a black and white screen. [Priority 2 for images, Priority 3 for text].
Yes
  • Image elements in the editor UI are designed with good contrast to insure visibility in black and white screens.
  • Textual elements in the editor UI have good contrast against the background color.
3.1 When an appropriate markup language exists, use markup rather than images to convey information.


3.2 Create documents that validate to published formal grammars.


3.3 Use style sheets to control layout and presentation.


3.4 Use relative rather than absolute units in markup language attribute values and style sheet property values.


3.5 Use header elements to convey document structure and use them according to specification.


3.6 Mark up lists and list items properly.


3.7 Mark up quotations. Do not use quotation markup for formatting effects such as indentation.


6.5 Ensure that dynamic content is accessible or provide an alternative presentation or page.


7.2 Until user agents allow users to control blinking, avoid causing content to blink (i.e., change presentation at a regular rate, such as turning on and off).


7.4 Until user agents provide the ability to stop the refresh, do not create periodically auto-refreshing pages.


7.5 Until user agents provide the ability to stop auto-redirect, do not use markup to redirect pages automatically. Instead, configure the server to perform redirects.


10.1 Until user agents allow users to turn off spawned windows, do not cause pop-ups or other windows to appear and do not change the current window without informing the user.
Yes
All dialogs in the editor UI are floating dialogs displayed within the same page.
11.1 Use W3C technologies when they are available and appropriate for a task and use the latest versions when supported.


11.2 Avoid deprecated features of W3C technologies.


12.3 Divide large blocks of information into more manageable groups where natural and appropriate.


13.1 Clearly identify the target of each link.


13.2 Provide metadata to add semantic information to pages and sites.


13.3 Provide information about the general layout of a site (e.g., a site map or table of contents).


13.4 Use navigation mechanisms in a consistent manner.


And if you use tables (Priority 2)
5.3 Do not use tables for layout unless the table makes sense when linearized. Otherwise, if the table does not make sense, provide an alternative equivalent (which may be a linearized version).


5.4 If a table is used for layout, do not use any structural markup for the purpose of visual formatting.


And if you use frames (Priority 2)
12.2 Describe the purpose of frames and how frames relate to each other if it is not obvious by frame titles alone.


And if you use forms (Priority 2)
10.2 Until user agents support explicit associations between labels and form controls, for all form controls with implicitly associated labels, ensure that the label is properly positioned.


12.4 Associate labels explicitly with their controls.


And if you use applets and scripts (Priority 2)
6.4 For scripts and applets, ensure that event handlers are input device-independent.


7.3 Until user agents allow users to freeze moving content, avoid movement in pages.


8.1 Make programmatic elements such as scripts and applets directly accessible or compatible with assistive technologies [Priority 1 if functionality is important and not presented elsewhere, otherwise Priority 2.]


9.2 Ensure that any element that has its own interface can be operated in a device-independent manner.


9.3 For scripts, specify logical event handlers rather than device-dependent event handlers.