diff --git a/.htmlhintrc b/.htmlhintrc index 3391c1260b..95d031d423 100644 --- a/.htmlhintrc +++ b/.htmlhintrc @@ -7,6 +7,7 @@ "attr-value-not-empty": false, "doctype-first": true, "doctype-html5": true, + "empty-tag-not-self-closed": true, "head-script-disabled": false, "href-abs-or-rel": false, "id-class-ad-disabled": false, diff --git a/aria-practices-DeletedSectionsArchive.html b/aria-practices-DeletedSectionsArchive.html index ab9950b2b5..77323337d0 100644 --- a/aria-practices-DeletedSectionsArchive.html +++ b/aria-practices-DeletedSectionsArchive.html @@ -1,8 +1,8 @@ - + Content Deleted From WAI-ARIA Authoring Practices 1.1 - + @@ -166,7 +166,7 @@ preProcess: [linkCrossReferences], }; - +
@@ -2837,7 +2837,7 @@

The Problem

behavior of the element. The user agent's default behavior at the document element forms the controller.

- Accessibility information mapped to a DOM element in the Document Object Model + Accessibility information mapped to a DOM element in the Document Object Model
Accessibility Interoperability at a DOM Node without JavaScript

The box between the DOM node @@ -2850,7 +2850,7 @@

The Problem

information, and relations). For HTML and other W3C markup, the accessibility information provided solely depends upon what the element's tag name and any accessibility attributes that map to that tag provides. For example, the accessible role of a table is table. The author provides an accessible description by assigning a title attribute.

In contrast, with JavaScript, user actions can trigger updates in the data and presentation, but the default accessibility information available in the element tags is no longer valid.

-
DOM Element with JavaScript controller +
DOM Element with JavaScript controller
Accessibility Interoperability at a DOM Node with JavaScript

shows the same DOM node provided @@ -3308,7 +3308,7 @@

Use of XHTML Role Landmarks to Improve Document Navigation

user to view a list of navigation landmarks. This tool, shown in , lists the navigation sections on the page. Keyboard navigation of the list of navigation bars causes the corresponding document section to be highlighted. The title for each navigation region displays in the list.

-
Table of Contents from Landmarks +
Table of Contents from Landmarks
Table of Contents generated from navigation landmarks in the header

shows the accessibility @@ -3332,7 +3332,7 @@

WAI-ARIA Role Taxonomy - Extensible Semantic Role Model, using RDF/OWL

- Sample Semantic Map for Taxonomy + Sample Semantic Map for Taxonomy
Example, Partial RDF Map for a possible ButtonUndo role as an extended role to WAI-ARIA

shows a basic RDF mapping that @@ -3372,7 +3372,7 @@

Interoperability Example: Grid Role

The user uses arrow keys to navigates the data grid and among the page tabs. Using the Tab key, a user navigates between the notebook tab, the edit fields, buttons, and the data grid.

-
DHTML example of GUI-like notebook tab with a data grid +
DHTML example of GUI-like notebook tab with a data grid
DHTML Example

Accessible role and state @@ -3383,7 +3383,7 @@

Interoperability Example: Grid Role

the Microsoft Active Accessibility rendering of the new accessibility markup provided on the DataGrid page tab which has focus.

-
MSAA Inspect Tool diagnostics for Notebook page tab +
MSAA Inspect Tool diagnostics for Notebook page tab
Microsoft Inspect Tool rendering of the page tab DataGrid
@@ -3502,7 +3502,7 @@

Building Accessible Applications with

Example: Building a Tree Widget

- Graphic of an example tree view. + Graphic of an example tree view.

A basic tree view allows the user to select different list items and expand and collapse embedded lists. Arrow keys are used to navigate through a tree, including left/right to collapse/expand sub trees. Clicking the visible expander button with the mouse also toggles expansion. Further keyboard implementation details for tree widgets may found in the .

To make this feature accessible we need to:

    @@ -3639,7 +3639,7 @@

    Technical Benefits

    WAI-ARIA and WCAG 2.0 coding techniques are useful for developing content and applications that can scale across a variety of user agents, including those on mobile devices.

    For all these reasons, adopting WAI-ARIA makes good technical as well as business sense. For a further illustration, compare how accessibility is achieved with WCAG techniques without and with WAI-ARIA, as shown in .

    - +

    Editor's Note: Figure 7, described as WAI-ARIA tree widget usability comparison, refers to a resource that has not yet been found.

    Usability of Tree Widget Using WAI-ARIA Semantics to Implement WCAG 2.0 Guidelines Compared to WCAG 1.0 Without WAI-ARIA
    diff --git a/aria-practices.html b/aria-practices.html index f5a87d6a82..e379122a00 100644 --- a/aria-practices.html +++ b/aria-practices.html @@ -1,13 +1,13 @@ - + - + WAI-ARIA Authoring Practices 1.2 - +
    @@ -2633,7 +2633,7 @@

    Switch

    Choose the role that best matches both the visual design and semantics of the user interface. For instance, there are some circumstances where the semantics of on or off would be easier for assistive technology users to understand than the semantics of checked or unchecked, and vice versa. Consider a widget for turning lights on or off. - In this case, screen reader output of Lights switch on is more user friendly than Lights checkbox checked. + In this case, screen reader output of Lights switch on is more user friendly than Lights checkbox checked. However, if the same input were in a group of inputs labeled Which of the following must be included in your pre-takeoff procedures?, Lights checkbox checked would make more sense.

    diff --git a/examples/accordion/accordion.html b/examples/accordion/accordion.html index 11697238d6..3fea6b20a6 100644 --- a/examples/accordion/accordion.html +++ b/examples/accordion/accordion.html @@ -1,8 +1,8 @@ - - + + Accordion Example | WAI-ARIA Authoring Practices 1.2 @@ -12,7 +12,7 @@ - + @@ -96,23 +96,23 @@

    - +

    - +

    - +

    - +

    - +

    @@ -131,23 +131,23 @@

    - +

    - +

    - +

    - +

    - +

    diff --git a/examples/alert/alert.html b/examples/alert/alert.html index eb1a933ef3..1e538f6b77 100644 --- a/examples/alert/alert.html +++ b/examples/alert/alert.html @@ -1,7 +1,7 @@ - + Alert Example | WAI-ARIA Authoring Practices 1.2 diff --git a/examples/breadcrumb/index.html b/examples/breadcrumb/index.html index ef173009e8..b30a00e9ee 100644 --- a/examples/breadcrumb/index.html +++ b/examples/breadcrumb/index.html @@ -1,7 +1,7 @@ - + Breadcrumb Example | WAI-ARIA Authoring Practices 1.2 diff --git a/examples/carousel/carousel-1-prev-next.html b/examples/carousel/carousel-1-prev-next.html index b36a0ec50b..2a9062a4fa 100644 --- a/examples/carousel/carousel-1-prev-next.html +++ b/examples/carousel/carousel-1-prev-next.html @@ -2,7 +2,7 @@ - + Auto-Rotating Image Carousel Example with Buttons for Slide Control | WAI-ARIA Authoring Practices 1.2 @@ -126,7 +126,7 @@

    Example

    - Walking Tour in Amsterdam + Walking Tour in Amsterdam
    @@ -148,7 +148,7 @@

    - Land's End in Cornwall + Land's End in Cornwall
    @@ -170,7 +170,7 @@

    - Mom and daughter play Daniel Tiger game on notebook computer. + Mom and daughter play Daniel Tiger game on notebook computer.
    @@ -192,7 +192,7 @@

    - A man in a suit and fedora and a woman with coiffed hair look sternly into the camera. + A man in a suit and fedora and a woman with coiffed hair look sternly into the camera.
    @@ -214,7 +214,7 @@

    - British flag with WILL-TV host David Thiel. + British flag with WILL-TV host David Thiel.
    @@ -235,7 +235,7 @@

    - Mid-American Gardener panelists on the set + Mid-American Gardener panelists on the set
    diff --git a/examples/carousel/carousel-2-tablist.html b/examples/carousel/carousel-2-tablist.html index 5b1741196b..5c5dfe1a81 100644 --- a/examples/carousel/carousel-2-tablist.html +++ b/examples/carousel/carousel-2-tablist.html @@ -1,7 +1,7 @@ - + Auto-Rotating Image Carousel with Tabs for Slide Control Example | WAI-ARIA Authoring Practices 1.2 @@ -190,7 +190,7 @@

    Example

    - Walking Tour in Amsterdam + Walking Tour in Amsterdam
    @@ -216,7 +216,7 @@

    - Land's End in Cornwall + Land's End in Cornwall
    @@ -242,7 +242,7 @@

    - Mom and daughter play Daniel Tiger game on notebook computer. + Mom and daughter play Daniel Tiger game on notebook computer.
    @@ -268,7 +268,7 @@

    - A man in a suit and fedora and a woman with coiffed hair look sternly into the camera. + A man in a suit and fedora and a woman with coiffed hair look sternly into the camera.
    @@ -294,7 +294,7 @@

    - British flag with WILL-TV host David Thiel. + British flag with WILL-TV host David Thiel.
    @@ -319,7 +319,7 @@

    - Mid-American Gardener panelists on the set + Mid-American Gardener panelists on the set
    diff --git a/examples/checkbox/checkbox-mixed.html b/examples/checkbox/checkbox-mixed.html index 118df68f91..170b351b61 100644 --- a/examples/checkbox/checkbox-mixed.html +++ b/examples/checkbox/checkbox-mixed.html @@ -1,7 +1,7 @@ - + Checkbox Example (Mixed-State) | WAI-ARIA Authoring Practices 1.2 diff --git a/examples/checkbox/checkbox.html b/examples/checkbox/checkbox.html index 6f7fb7774a..db52198891 100644 --- a/examples/checkbox/checkbox.html +++ b/examples/checkbox/checkbox.html @@ -1,7 +1,7 @@ - + Checkbox Example (Two State) | WAI-ARIA Authoring Practices 1.2 diff --git a/examples/coding-template/Depricated-MultipleImplementationExample-Template.html b/examples/coding-template/Depricated-MultipleImplementationExample-Template.html index f10b214a80..86b7704d90 100644 --- a/examples/coding-template/Depricated-MultipleImplementationExample-Template.html +++ b/examples/coding-template/Depricated-MultipleImplementationExample-Template.html @@ -1,7 +1,7 @@ - + diff --git a/examples/combobox/combobox-autocomplete-list.html b/examples/combobox/combobox-autocomplete-list.html index 8fc38e76b9..33017ffc0c 100644 --- a/examples/combobox/combobox-autocomplete-list.html +++ b/examples/combobox/combobox-autocomplete-list.html @@ -1,7 +1,7 @@ - + Editable Combobox With List Autocomplete Example | WAI-ARIA Authoring Practices 1.2 diff --git a/examples/combobox/combobox-autocomplete-none.html b/examples/combobox/combobox-autocomplete-none.html index a38ba49d2e..b6ac771179 100644 --- a/examples/combobox/combobox-autocomplete-none.html +++ b/examples/combobox/combobox-autocomplete-none.html @@ -1,7 +1,7 @@ - + Editable Combobox without Autocomplete Example | WAI-ARIA Authoring Practices 1.2 diff --git a/examples/combobox/combobox-datepicker.html b/examples/combobox/combobox-datepicker.html index 97a42383fc..5fc6007f62 100644 --- a/examples/combobox/combobox-datepicker.html +++ b/examples/combobox/combobox-datepicker.html @@ -1,7 +1,7 @@ - + Date Picker Combobox Example | WAI-ARIA Authoring Practices 1.2 diff --git a/examples/combobox/combobox-select-only.html b/examples/combobox/combobox-select-only.html index a17c97d229..fe58ab8673 100644 --- a/examples/combobox/combobox-select-only.html +++ b/examples/combobox/combobox-select-only.html @@ -1,7 +1,7 @@ - + Select-Only Combobox Example | WAI-ARIA Authoring Practices 1.2 diff --git a/examples/combobox/grid-combo.html b/examples/combobox/grid-combo.html index 1c43d05dce..b289c922af 100644 --- a/examples/combobox/grid-combo.html +++ b/examples/combobox/grid-combo.html @@ -1,7 +1,7 @@ - + Editable Combobox with Grid Popup Example | WAI-ARIA Authoring Practices 1.2 diff --git a/examples/dialog-modal/alertdialog.html b/examples/dialog-modal/alertdialog.html index 4aab7e6612..48d4fac640 100644 --- a/examples/dialog-modal/alertdialog.html +++ b/examples/dialog-modal/alertdialog.html @@ -1,7 +1,7 @@ - + Alert Dialog Example | WAI-ARIA Authoring Practices 1.2 diff --git a/examples/dialog-modal/datepicker-dialog.html b/examples/dialog-modal/datepicker-dialog.html index 8894eb4f4a..eb69ba9b9b 100644 --- a/examples/dialog-modal/datepicker-dialog.html +++ b/examples/dialog-modal/datepicker-dialog.html @@ -1,7 +1,7 @@ - + Date Picker Dialog Example | WAI-ARIA Authoring Practices 1.2 diff --git a/examples/dialog-modal/dialog.html b/examples/dialog-modal/dialog.html index e7976fdb1e..a1bddc5e90 100644 --- a/examples/dialog-modal/dialog.html +++ b/examples/dialog-modal/dialog.html @@ -1,7 +1,7 @@ - + Modal Dialog Example | WAI-ARIA Authoring Practices 1.2 diff --git a/examples/disclosure/disclosure-faq.html b/examples/disclosure/disclosure-faq.html index 7196718d82..4ec370f47e 100644 --- a/examples/disclosure/disclosure-faq.html +++ b/examples/disclosure/disclosure-faq.html @@ -1,7 +1,7 @@ - + Example Disclosure (Show/Hide) for Answers to Frequently Asked Questions | WAI-ARIA Authoring Practices 1.2 @@ -46,7 +46,7 @@

    Example Disclosure (Show/Hide) for Answers to Frequently Asked Questions

    Example

    - +

    Parking FAQs

    @@ -142,7 +142,7 @@

    Keyboard Support

    - Space or
    + Space or
    Enter @@ -245,9 +245,9 @@

    Javascript and CSS Source Code

    HTML Source Code

    - +
    - + + @@ -354,20 +354,20 @@

    Javascript and CSS Source Code

    HTML Source Code

    - +
    - + - - - - - - - - - - - -