Skip to content
This repository has been archived by the owner on Sep 13, 2023. It is now read-only.

DPUB Specific WCAG HTML Techniques

Charles LaPierre edited this page Mar 9, 2016 · 7 revisions

A11Y DPUB Techniques based on WCAG > DPUB Specific WCAG HTML Techniques

These WCAG Techniques are currently under review by the Digital Publishing Interest Group's Accessibility Task Force. Any changes marked are a draft and are NOT approved by the DPUB Accessibility Task Force and the WCAG Working Group

HTML and XHTML Techniques

Technique Applies to DPUB Owner Comments
H2: Combining adjacent image and text links for the same resource Yes Brijesh Icon and link: navigation by clicking on either on the icon/ image or the link.
H4: Creating a logical tab order through links, form controls, and objects Yes Brijesh Logical tab control for filling a form.
H24: Providing text alternatives for the area elements of image maps Yes Brijesh When clicked, detailed text can be displayed to describe the image. Can be used as an image description, larger in size than an ALT attribute.
H25: Providing a title using the title element Yes Brijesh Currently EPUB title element is retrived from OPF. If this element is used, part/ chapter/ section titles could be displayed/ rendered on top of each page.
H27: Providing text and non-text alternatives for object Yes Brijesh Text/ Non-text (Audio/Video) objects as alternatives. Important for persons with disabilities to access best alternative.
H28: Providing definitions for abbreviations by using the abbr and acronym elements Yes Brijesh When hovered, provides a definition of an abbreviation.
H30: Providing link text that describes the purpose of a link for anchor elements Yes Brijesh Link text without a title description as at H33.
H32: Providing submit buttons Yes Brijesh
H33: Supplementing link text with the title attribute Yes Brijesh Title description for a hyperlink
H34: Using a Unicode right-to-left mark (RLM) or left-to-right mark (LRM) to mix text direction inline Yes Brijesh
H35: Providing text alternatives on applet elements Not Applicable A11Y DPUB Meeting 4/2/15
H36: Using alt attributes on images used as submit buttons Yes Brijesh
H37: Using alt attributes on omg elements Yes Brijesh
H39: Using caption elements to associate data table captions with data tables Yes Brijesh
H40: Using definition lists Yes Brijesh Can be used as a glossary.
H42: Using h1-h6 to identify headings Yes Brijesh
H43: Using id and headers attributes to associate data cells with header cells in data tables Yes Brijesh Important for accessibility - digital talking book
H44: Using label elements to associate text labels with form controls Yes Brijesh
H45: Using longdesc Yes Brijesh
H46: Using noembed with embed Yes Brijesh Fallback embeded object - noembed text description.
H48: Using ol, ul and dl for lists or groups of links Yes Brijesh
H49: Using semantic markup to mark emphasized or special text Yes Brijesh
H51: Using table markup to present tabular information Yes Brijesh
H53: Using the body of the object element Yes Brijesh
H54: Using the dfn element to identify the defining instance of a word Yes Brijesh
H56: Using the dir attribute on an inline element to resolve problems with nested directional runs Yes Brijesh Direction in an inline content. Useful for multilingual text rendering.
H57: Using language attributes on the html element Applicable
H58: Using language attributes to identify changes in the human language Yes Brijesh Blockquote language attribute.
H59: Using the link element and navigation tools Yes Brijesh
H60: Using the link element to link to a glossary Yes Brijesh
H62: Using the ruby element Yes Brijesh
H63: Using the scope attribute to associate header cells and data cells in data tables Yes Brijesh
H64: Using the title attribute of the frame and iframe elements Yes Brijesh
H65: Using the title attribute to identify form controls when the label element cannot be used Yes Brijesh
H67: Using null alt text and no title attribute on img elements for images that AT should ignore Yes Brijesh
H69: Providing heading elements at the beginning of each section of content Yes Brijesh Header/ Chapter/ Part header at the beginning of each section.
H70: Using frame elements to group blocks of repeated material Yes Brijesh
H71: Providing a description for groups of form controls using fieldset and legend elements Yes Brijesh
H73: Using the summary attribute of the table element to give an overview of data tables Yes Brijesh
H74: Ensuring that opening and closing tags are used according to specification Yes Brijesh
H75: Ensuring that Web pages are well-formed Yes Brijesh
H76: Using meta refresh to create an instant client-side redirect Refinement may be needed Brijesh We need to work on a use case. Can be used for interactive learning objects.
H77: Identifying the purpose of a link using link text combined with its enclosing list item Yes Mia
H78: Identifying the purpose of a link using link text combined with its enclosing paragraph Yes Mia
H79: Identifying the purpose of a link using link text combined with its enclosing table cell and associated table headings Yes Mia
H80: Identifying the purpose of a link using link text combined with the preceding heading element Yes Mia
H81: Identifying the purpose of a link in a nested list using link text combined with the parent list item under which the list is nested Yes Mia
H83: Using the target attribute to open a new window on user request and indicating this in link text Yes Mia
H84: Using a button with a select element to perform an action Yes A11Y DPUB Meeting 4/2/15
H85: Using OPTGROUP to group OPTION elements inside a SELECT Yes A11Y DPUB Meeting 4/2/15
H86: Providing text alternatives for ASCII art, emoticons, and leetspeak Not Applicable A11Y DPUB Meeting 4/2/15ia
H87: Not interfering with the user agent's reflow of text as the viewing window is narrowed Yes Mia
H88: Using HTML according to spec Yes Mia
H89: Using the title attribute to provide context-sensitive help Not Applicable A11Y DPUB Meeting 4/2/15
H90: Indicating required form controls using label or legend Yes Mia
H91: Using HTML form controls and links Yes A11Y DPUB Meeting 4/2/15
H92: Including a text cue for colored form control labels Yes Mia
H93: Ensuring that id attributes are unique on a Web page Yes A11Y DPUB Meeting 4/2/15
H94: Ensuring that elements do not contain duplicate attributes Yes Mia

March 2016