Web Accessibility Standards
Section 508 and Oklahoma Electronic and Information Technology Accessibility (EITA) Law are minimum standard for web accessibility. Web Developers and Web Managers are encouraged to go beyond the minimum whenever possible by referring to the Web Content Accessibility Guidelines (WCAG).
Web Communications is the central point of contact at Northeastern State University for Web-based accessibility information.
A meaningful text equivalent for every non-text element shall be provided (e.g., via "alt", "longdesc", or in element content) except for captioning of audio information which shall comply with (b) of this section.
Required: Informational graphics have text equivalents (via the
alt attribute). Links to long descriptions, in-page or external, are provided when
alt attribute descriptions are insufficient, for example, in the case of descriptions
of charts or graphic tables.
Required: Decorative/non-informative inline graphics have
alt="" (empty alt) in HTML or set as an Artifact in PDF.
Required: Graphics used as links (without accompanying text description) have
alt indicating link target.
Strongly Recommended: When graphic icons accompany link text, for example in a graphical menu, the graphics should get empty alt.
- OK EITA 4.3 a
- 508 1194.22: 508 a
- WCAG 2.0: WCAG 1.1.1, PDF1, PDF4
Equivalent alternatives for any multimedia presentation shall be synchronized with the presentation.
Required: Synchronized full text captions are provided for publicly available video.
- Note: For moving-picture video content, a synchronized verbatim caption is required.
- Note: For voice-over narrated automated slide shows and similar, a static transcript, cued to update upon slide change is required.
- Note: Captions should include speaker identifications and sound effects /audio cues, where appropriate.
Required: Full text transcripts are provided for publicly available audio-only presentations.
Note: Transcripts should include speaker identifications and sound effects /audio cues, where appropriate.
Required: Video or audio does not begin playing on page load.
Strongly Recommended: Video has secondary audio description, when appropriate to content.
Note: A descriptive transcript one that provides all necessary text equivalents of crucial auditory content (sounds, speaker changes, etc.) and video content (scene and character descriptions, etc.) is an acceptable alternative to synchronized audio-only audio description.
Note on when captions/transcripts are required: For non-public video (or audio) with a known and controlled audience, captions (or transcripts) are not required but must be provided within a reasonable time if need for accommodation arises.
- OK EITA 4.3 b
- 508 1194.22: 508 a, 508 b
- WCAG 2.0: WCAG 1.1.1, WCAG 1.2.1, WCAG 1.2.2, WCAG 1.2.3
Web pages shall be designed so that all information conveyed with color is also available without color, for example from context or markup. 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.
Required: Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.
Required: There is sufficient foreground/background contrast when viewed by someone with low-vision or a color deficit.
Recommended: Author has tested to ensure colors are distinguishable to users with common forms of colorblindness.
Author has tested with a color contrast analysis/checker tool or equivalent to ensure W3C standards for foreground/background contrast are achieved.
- OK EITA 4.3 c
- 508 1194.22: 508 c
- WCAG 2.0: WCAG 1.4.1
Documents shall be organized so that they are readable without requiring an associated style sheet.
Required: Turning off stylesheets or in reflow does not negatively impact content order or make the meaning of previously styled elements ambiguous.
Negative example: CSS positions the content for visual reading but the HTML source does not have a logical reading order.
Negative example: Stylesheets provided an important visual cue that is not also present in text in the HTML source or rendered DOM.
Required: Properly nested headings organize the content sections of web pages, including using visually-hidden ( off-left ) headings where appropriate to create page semantics.
Required: Pages have a title element in the head of the document. The title should provide the name of the page and contextual information to help orient the user within the web site. The title should be unique within the site whenever possible.
Strongly Recommended: Major navigation elements (menus) are implemented as HTML unordered lists.
Strongly Recommended: Pages declare a base document language using the
lang attribute on the body (e.g.,
lang="en"). Any non-default language text is identified using the
lang attribute on the parent element.
Strongly Recommended: HTML is used semantically to organize and help provide meaning to content (e.g., lists are implemented with list elements, block quotes are implemented with blockquote elements, etc.)
Strongly Recommended: Major content sections are identified by using WAI-ARIA landmark roles.
Strongly Recommended: Document source and tab order aligns with visual display order. This guideline should extend to pages that reorient content sections (columns, etc.) when displayed at narrower widths, for example in the case of responsive web design accommodating mobile browsers.
Recommended: It is possible to enlarge page text to twice the default size without loss of functionality or content (clipping) or making it necessary to scroll horizontally to read the content.
- OK EITA 4.3 d
- 508 1194.22: 508'd
- WCAG 2.0: WCAG 1.3.1 , WCAG 1.3.2, WCAG 1.4.8, WCAG 4.1.2, PDF2, PDF6, PDF9, PDF20, PDF21
Redundant text links shall be provided for each active region of a server-side image map.
Required: Server-side image maps are used only when non-geometric/solely positional input is required and an alternative accessible input method is provided in such cases.
- OK EITA 4.3 e
- 508 1194.22: 508 e, 508 f
- WCAG 2.0: WCAG 1.1.1
Client-side image maps shall be provided instead of server-side image maps except where the regions cannot be defined with an available geometric shape.
Required: Clickable regions of client-side image maps are properly identified with
- OK EITA 4.3 f
- 508 1194.22: 508 a , 508 f
- WCAG 2.0: WCAG 1.1.1
Row and column headers shall be identified for data tables.
Required: Data tables identify row and column headers using
Required: If tables are used for layout, a logical reading order is maintained.
Strongly Recommended: Summary attribute is used to explain the purpose and structure of the table.
Strongly Recommended: Caption element is used to provide a descriptive title for the table.
Recommended: HTML tables are used for organization of tabular data, primarily, with CSS used for layout.
- OK EITA 4.3 g
- 508 1194.22: 508 g
- WCAG 2.0: WCAG 1.3.1, WCAG 1.3.2
Markup shall be used to associate data cells and header cells for data tables that have two or more logical levels of row or column headers.
Required: Simple HTML data tables (that, is, not layout tables) have
col) set on table header cells.
Strongly Recommended: Complex HTML tables (i.e., those with more than a single column or row header and
those with complex row or column spans) use
id attributes to associate data cells with header cells
- OK EITA 4.3 h
- 508 1194.22: 508 h
- WCAG 2.0: WCAG 1.3.1
Frames shall be titled with text that facilitates frame identification and navigation.
Required: Frames and iframes have title attributes identifying their purpose and/or briefly describing their content.
Recommended: Use of hidden frames or iframes is avoided.
Recommended: iframes or CSS alternatives are used in preference to frames.
- OK EITA 4.3 i
- 508 1194.22: 508 i
- WCAG 2.0: WCAG 4.1.2
Pages and elements shall be designed so that screen flicker does not occur between frequencies 2Hz and 55 Hz.
Required: No page content or graphic flashes faster than three times per second.
- OK EITA 4.3 j
- 508 1194.22: 508 j
- WCAG 2.0: WCAG 2.3.1
A text-only page, with equivalent information or functionality, shall be provided to make a Web site comply with the provisions of these standards when compliance cannot be accomplished in any other way. The content of the text-only page shall be updated whenever the primary page changes. The non- accessible version must be as accessible as possible.
None at this time.
When pages utilize scripting or other programmatic elements to display content, the information provided by the script shall also be provided in an equivalent text format that can be processed and interpreted by assistive technology. When pages utilize scripting or other programmatic elements to create user interfaces, user interaction shall be input device independent.
Required: Scripted elements and/or widgets are accessible to the keyboard, with all focusable elements being able to be activated/utilized solely via the keyboard.
Required: Scripted elements and/or widgets are coded so that they work effectively with screen readers.
Strongly Recommended: W3C WAI ARIA Authoring Practices are followed for scripted elements and widgets.
- OK EITA 4.3 l
- 508 1194.22: 508 l
- WCAG 2.0: WCAG 1.3.1, WCAG 4.1.2
When a Web page requires that an applet, plug-in or other application be present on the client system to interpret page content, the page must provide a link to a plug-in or applet that complies with Oklahoma Software Applications and Operating Systems standards (a) through (l).
Required: Plug-in based widgets (Flash, Silverlight, Java, etc.), menus, or other controls embedded in the web site have functionality that complies with standards a through l of NSU Standards or a functionally equivalent form of access is provided (e.g., Widgets provide HTML-based, keyboard accessible primary or alternative controls).
Required: Plug-in based widgets do not trap the keyboard/prevent keyboard navigation from moving out of or away from the widget.
Strongly Recommended: PDF, PowerPoint, and other document types linked to within the hosted web site meet appropriate accessibility standards (e.g., PDF is tagged, PowerPoint is mostly text-based with graphics adequately described, etc.).
Recommended: Plug-ins required for display or functionality of content are readily available (via link on page or (verified) automatic functionality of web browser).
- OK EITA 4.3 m
- 508 1194.22: 508 k
- WCAG 2.0: WCAG 1.1.1, WCAG 2.1.2
When electronic forms are designed to be completed on-line, the form shall allow people using assistive technology to access the information, field elements and functionality required for completion and submission of the form, including all directions and cues.
Required: All form elements are able to be utilized fully via keyboard.
Required: Input fields are associated with labels via for-id syntax (
title attribute used alternatively, when necessary/by visual requirement) and buttons or
button inputs are properly labeled (via encapsulated text or
value attribute, respectively).
Required: If a traditional visual challenge CAPTCHA is used (not advised), an audio challenge alternative is provided and/or a method requiring only text-to-speech output is provided.
Strongly Recommended: Fieldsets with short descriptive legends group associated radio buttons or check boxes.
Strongly Recommended: Order of form elements flows logically and associated elements are proximate and in a logical order.
Strongly Recommended: Form errors are indicated by focusing the errors list on page submit or by focusing
first error field and ensuring error message is accessible to a screen reader user
aria-labelledby or other associative labeling method
Strongly Recommended: Form required fields are identified textually (via alt on an image of an asterisk,
for example) and/or through both
Strongly Recommended: Help prompts in forms are accessible to a screen reader and properly associated with
the relevant field, using
aria-labelledby or other associative labeling method.
Strongly Recommended: Dynamic, scripted elements within a form (contextual reveals, etc.) do not disrupt form fill out and are tested to be screen reader accessible.
Recommended: Users are able to confirm and edit long/multi-page form changes before submitting.
Recommended: Form submission errors are indicated with text proximate to the field and associated with aria-labelledby or other associative labeling method
Recommended: Forms do not use links for buttons.
- OK EITA 4.3 n
- 508 1194.22: 508 n
- WCAG 2.0: WCAG 1.3.1, WCAG 2.1.1, WCAG 2.4.6, WCAG 3.3.2
A method shall be provided that permits users to skip repetitive navigation links.
Required: A method to skip long lists of links, such as navigation, is provided (e.g., skip to main content link is first focusable page element)
- OK EITA 4.3 o
- 508 1194.22: 508 o
- WCAG 2.0: WCAG 2.4.1
When a timed response is required, the user shall be alerted and given sufficient time to indicate more time is required.
Required: The user is given an accessible method to extend time when a timed response is required.
Strongly Recommended: The user is given an accessible method to extend the browser session.
Strongly Recommended: The user is given an accessible means to pause automatically moving, rotating, updating, or scrolling content.
Strongly Recommended: Do not automatically refresh the page.
- OK EITA 4.3 p
- 508 1194.22: 508 p
- WCAG 2.0: WCAG 2.2.1
Use valid, industry recognized web programming standards including a document type definition or the equivalent.
Required: Set DOCTYPE
- OK EITA 4.3 q
- WCAG 1.0: WCAG 1.1.4
Identify the primary natural language of the document.
Required: Set document's language type.
PDF: File > Properties > Advanced > Reading Options > Language: set to English
- OK EITA 4.3 r
- WCAG 1.0: WCAG 2.2
- WCAG 2.0: WCAG 3.1.1, WCAG 3.1.2, PDF16, PDF19
A link to the agency's Web site accessibility policy (if existing) and contact information for compliance issues related to the accessibility of electronic and information technology shall be included on home pages and other key pages.