diff --git a/.link-checker.js b/.link-checker.js index d3a1ff3fda..4655e412ce 100644 --- a/.link-checker.js +++ b/.link-checker.js @@ -1,5 +1,8 @@ module.exports = { - filesToIgnore: ['content/shared/templates/example-usage-warning.html'], + filesToIgnore: [ + // For example: + // 'content/shared/templates/example-usage-warning.html', + ], excludedLinks: { 'content/patterns/menubar/examples/menubar-navigation.html': [ '#ex1 [role=menuitem]', @@ -11,9 +14,16 @@ module.exports = { '.carousel-image a', ], }, + hashCheckHandlers: [ + { + name: 'github', + pattern: /^https:\/\/github\.com\/.*/, + matchHash: (ids, hash) => + ids.includes(hash) || ids.includes(`user-content-${hash}`), + }, + ], ignoreHashesOnExternalPagesMatchingRegex: [ // Some hash links are resolved with JS and are therefore difficult to check algorithmically - /^https:\/\/github\.com\/.*\/wiki\//, /^https:\/\/html\.spec\.whatwg\.org\/multipage\//, ], }; diff --git a/common/acknowledgements/aria-contributors.html b/common/acknowledgements/aria-contributors.html deleted file mode 100644 index 0d65afa244..0000000000 --- a/common/acknowledgements/aria-contributors.html +++ /dev/null @@ -1,148 +0,0 @@ -
-

Other ARIA contributors, commenters, and previously active participants

- -
diff --git a/content/about/about.html b/content/about/about.html index ece2e093f4..6433880dd1 100644 --- a/content/about/about.html +++ b/content/about/about.html @@ -30,6 +30,13 @@

ARIA Basics

ARIA Basics.

+
  • +

    Contributing to the APG

    +

    + The APG Task Force relies on broad community representation and participation to continuously improve the usefulness and quality of the APG. + Learn how you can contribute and help promote development of accessible experiences. +

    +
  • Acknowledgements

    diff --git a/content/about/contributing/contributing.html b/content/about/contributing/contributing.html new file mode 100644 index 0000000000..5ed5b1feea --- /dev/null +++ b/content/about/contributing/contributing.html @@ -0,0 +1,132 @@ + + + + + + + Contributing to the APG + + + + + + + + + + +

    +

    Contributing to the APG

    + +
    +

    Introduction

    +

    + Continuous improvement to the utility and quality of the ARIA Authoring Practices Guide (APG) depends on broad community input and participation. + Anyone may contribute feedback, suggestions, or code via the channels described below. + However, if you would like to contribute regularly, please consider + joining the Authoring Practices Task Force. + As a task force participant, you and your organization have greater influence over APG development, and are listed as contributors where appropriate. +

    +
    + +
    +

    Providing feedback

    +

    + The APG provides two public feedback channels -- GitHub and email. + Links to both are provided at the bottom of every page in the APG. +

    +

    + GitHub issues are the best way to ask a question, make a suggestion, or report a problem. + Before creating a new issue, it is helpful if you first review existing issues to determine whether there is an issue addressing the same concern. + If so, please comment on that issue rather than raising another. + If the concern you would like addressed is related to an example implementation of an APG pattern, at the bottom of the page, next to the revision date, there is a link named "Related Issues". + That link opens a GitHub project containing all issues associated with the relevant pattern and its examples. +

    +

    + View and create APG issues on GitHub. +

    +

    + The task force also uses the aria-practices public mailing list for email discussion. + Meeting announcements, agendas, and links to minutes are sent to the mailing list. + While GitHub issues are the preferred place to discuss APG content, the mailing list is available to anyone who would prefer to communicate by + sending email to the ARIA Authoring Practices public mailing list. +

    +

    + View the aria-practices mailing list archive. +

    +
    + +
    +

    Making improvements to documentation or code

    +

    + If you would like to help improve the APG with enhancements or fixes to documentation or code, please adhere to the following procedure. +

    +
      +
    1. Get your development environment ready: + +
    2. +
    3. Comment in an existing issue or raise a new issue, expressing your willingness to help and briefly summarizing the nature of your proposed resolution.
    4. +
    5. An editor will confirm there are no conflicting plans and, if needed, provide guidance.
    6. +
    7. Do some fabulous work and submit a pull request.
    8. +
    9. Watch your GitHub notifications and respond to feedback during the pull request review process.
    10. +
    +

    + If you run into any difficulties, please feel free to ask questions either via a GitHub issue or by + sending email to the ARIA Authoring Practices public mailing list. +

    +
    + +
    +

    Joining The Authoring Practices Task Force

    +

    + The APG is developed by the + ARIA Authoring Practices Task Force, + which is a sub-group of the + ARIA Working Group. + The task force meets weekly to coordinate work on development of the APG. + Task force participants are expected to regularly attend meetings and to actively contribute. + Examples of contributions include: +

    +
      +
    • Testing the functionality and accessibility of example implementations of the APG patterns
    • +
    • Fixing bugs and implementing enhancements in example implementations of the APG patterns
    • +
    • Helping write responses to community feedback
    • +
    • Reviewing and editing documentation
    • +
    • Designing or engineering pattern implementation examples
    • +
    • Creating and editing patterns and practices for ARIA usage
    • +
    +

    + To participate in the Authoring Practices Task Force, you first need to + become a participant in the ARIA Working Group. + If you are already a participant in the ARIA Working Group, contact + Daniel Montalvo + and request membership in the Authoring Practices Task Force. +

    +
    + +
    +

    Helping provide assistive technology support data

    +

    + The assistive technology support tables included on APG example pages, e.g., + Assistive Technology Support for Radio Group Example Using aria-activedescendant, + are provided by the + ARIA and Assistive Technologies (ARIA-AT) Community Group. + The ARIA-AT community group aims to ensure APG patterns have consistent and interoperable accessibility support. + If you would like to contribute to this aspect of the APG, you can learn more about the ARIA-AT project and how to contribute at + ARIA and Assistive Technologies Home. +

    +
    + +
    + + + diff --git a/content/images/pattern-accordion.svg b/content/images/pattern-accordion.svg new file mode 100644 index 0000000000..4ee0b682b6 --- /dev/null +++ b/content/images/pattern-accordion.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-alert.svg b/content/images/pattern-alert.svg new file mode 100644 index 0000000000..68937594ad --- /dev/null +++ b/content/images/pattern-alert.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-alertdialog.svg b/content/images/pattern-alertdialog.svg new file mode 100644 index 0000000000..9e3ba6a1cc --- /dev/null +++ b/content/images/pattern-alertdialog.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-breadcrumb.svg b/content/images/pattern-breadcrumb.svg new file mode 100644 index 0000000000..0a92ff66bc --- /dev/null +++ b/content/images/pattern-breadcrumb.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-button.svg b/content/images/pattern-button.svg new file mode 100644 index 0000000000..38df7318c0 --- /dev/null +++ b/content/images/pattern-button.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-carousel.svg b/content/images/pattern-carousel.svg new file mode 100644 index 0000000000..ead4504eba --- /dev/null +++ b/content/images/pattern-carousel.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-checkbox.svg b/content/images/pattern-checkbox.svg new file mode 100644 index 0000000000..e4cdc2e5cd --- /dev/null +++ b/content/images/pattern-checkbox.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-combobox.svg b/content/images/pattern-combobox.svg new file mode 100644 index 0000000000..bb3f87adb2 --- /dev/null +++ b/content/images/pattern-combobox.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-dialog-modal.svg b/content/images/pattern-dialog-modal.svg new file mode 100644 index 0000000000..7fca36b9f8 --- /dev/null +++ b/content/images/pattern-dialog-modal.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-disclosure.svg b/content/images/pattern-disclosure.svg new file mode 100644 index 0000000000..f926d87cad --- /dev/null +++ b/content/images/pattern-disclosure.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-feed.svg b/content/images/pattern-feed.svg new file mode 100644 index 0000000000..c50ca4f408 --- /dev/null +++ b/content/images/pattern-feed.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-grid.svg b/content/images/pattern-grid.svg new file mode 100644 index 0000000000..4b3c38a720 --- /dev/null +++ b/content/images/pattern-grid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-landmarks.svg b/content/images/pattern-landmarks.svg new file mode 100644 index 0000000000..3a744dc689 --- /dev/null +++ b/content/images/pattern-landmarks.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-link.svg b/content/images/pattern-link.svg new file mode 100644 index 0000000000..26049b2472 --- /dev/null +++ b/content/images/pattern-link.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-listbox.svg b/content/images/pattern-listbox.svg new file mode 100644 index 0000000000..16561e92fa --- /dev/null +++ b/content/images/pattern-listbox.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-menu-button.svg b/content/images/pattern-menu-button.svg new file mode 100644 index 0000000000..1924f15f45 --- /dev/null +++ b/content/images/pattern-menu-button.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-menubar.svg b/content/images/pattern-menubar.svg new file mode 100644 index 0000000000..3a75d84688 --- /dev/null +++ b/content/images/pattern-menubar.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-meter.svg b/content/images/pattern-meter.svg new file mode 100644 index 0000000000..b508bb3e71 --- /dev/null +++ b/content/images/pattern-meter.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-radio.svg b/content/images/pattern-radio.svg new file mode 100644 index 0000000000..3339928eb9 --- /dev/null +++ b/content/images/pattern-radio.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-slider-multithumb.svg b/content/images/pattern-slider-multithumb.svg new file mode 100644 index 0000000000..ad4c28a5de --- /dev/null +++ b/content/images/pattern-slider-multithumb.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-slider.svg b/content/images/pattern-slider.svg new file mode 100644 index 0000000000..d63b1fa78b --- /dev/null +++ b/content/images/pattern-slider.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-spinbutton.svg b/content/images/pattern-spinbutton.svg new file mode 100644 index 0000000000..cd1c58f008 --- /dev/null +++ b/content/images/pattern-spinbutton.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-switch.svg b/content/images/pattern-switch.svg new file mode 100644 index 0000000000..f2d2c170a0 --- /dev/null +++ b/content/images/pattern-switch.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-table.svg b/content/images/pattern-table.svg new file mode 100644 index 0000000000..c86d280200 --- /dev/null +++ b/content/images/pattern-table.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-tabs.svg b/content/images/pattern-tabs.svg new file mode 100644 index 0000000000..32653c370d --- /dev/null +++ b/content/images/pattern-tabs.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-toolbar.svg b/content/images/pattern-toolbar.svg new file mode 100644 index 0000000000..f19d72c3d8 --- /dev/null +++ b/content/images/pattern-toolbar.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-tooltip.svg b/content/images/pattern-tooltip.svg new file mode 100644 index 0000000000..92198927e1 --- /dev/null +++ b/content/images/pattern-tooltip.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-treegrid.svg b/content/images/pattern-treegrid.svg new file mode 100644 index 0000000000..7aa19e66b3 --- /dev/null +++ b/content/images/pattern-treegrid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-treeview.svg b/content/images/pattern-treeview.svg new file mode 100644 index 0000000000..24de583f0d --- /dev/null +++ b/content/images/pattern-treeview.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/pattern-windowsplitter.svg b/content/images/pattern-windowsplitter.svg new file mode 100644 index 0000000000..1527dff856 --- /dev/null +++ b/content/images/pattern-windowsplitter.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/images/read-this-first.svg b/content/images/read-this-first.svg new file mode 100644 index 0000000000..69323df5ed --- /dev/null +++ b/content/images/read-this-first.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/content/patterns/accordion/accordion-pattern.html b/content/patterns/accordion/accordion-pattern.html index fc316164a8..c39f4e1745 100644 --- a/content/patterns/accordion/accordion-pattern.html +++ b/content/patterns/accordion/accordion-pattern.html @@ -37,6 +37,7 @@

    About This Pattern

    +

    Example

    Accordion Example: demonstrates a form divided into three sections using an accordion to show one section at a time.

    diff --git a/content/patterns/accordion/examples/accordion.html b/content/patterns/accordion/examples/accordion.html index 73925fd934..565ae39baa 100644 --- a/content/patterns/accordion/examples/accordion.html +++ b/content/patterns/accordion/examples/accordion.html @@ -28,6 +28,7 @@

    Accordion Example

    About This Example

    +

    The below example section contains a simple personal information input form divided into 3 sections that demonstrates the Accordion Pattern.

    diff --git a/content/patterns/alert/alert-pattern.html b/content/patterns/alert/alert-pattern.html index 808541ff74..125e2e017d 100644 --- a/content/patterns/alert/alert-pattern.html +++ b/content/patterns/alert/alert-pattern.html @@ -38,6 +38,7 @@

    About This Pattern

    +

    Example

    Alert Example

    diff --git a/content/patterns/alert/examples/alert.html b/content/patterns/alert/examples/alert.html index bebe2d46be..78687d9239 100644 --- a/content/patterns/alert/examples/alert.html +++ b/content/patterns/alert/examples/alert.html @@ -29,6 +29,7 @@

    Alert Example

    About This Example

    +

    The below example demonstrates the Alert Pattern. Activating the Trigger Alert button causes a message to be inserted into the example alert element. diff --git a/content/patterns/alertdialog/alertdialog-pattern.html b/content/patterns/alertdialog/alertdialog-pattern.html index 99e4953121..0cfa66ee6e 100644 --- a/content/patterns/alertdialog/alertdialog-pattern.html +++ b/content/patterns/alertdialog/alertdialog-pattern.html @@ -26,6 +26,7 @@

    About This Pattern

    +

    Example

    Alert Dialog Example: A confirmation prompt that demonstrates an alert dialog.

    diff --git a/content/patterns/alertdialog/examples/alertdialog.html b/content/patterns/alertdialog/examples/alertdialog.html index f8713f68f5..ad566e3385 100644 --- a/content/patterns/alertdialog/examples/alertdialog.html +++ b/content/patterns/alertdialog/examples/alertdialog.html @@ -30,6 +30,7 @@

    Alert Dialog Example

    About This Example

    +

    The below example of a confirmation prompt demonstrates the Alert Dialog Pattern. It also includes an example of the Alert Pattern to make comparing the experiences provided by the two patterns easy. diff --git a/content/patterns/breadcrumb/breadcrumb-pattern.html b/content/patterns/breadcrumb/breadcrumb-pattern.html index e42aa27e7b..3cb30aa572 100644 --- a/content/patterns/breadcrumb/breadcrumb-pattern.html +++ b/content/patterns/breadcrumb/breadcrumb-pattern.html @@ -26,6 +26,7 @@

    About This Pattern

    +

    Example

    Breadcrumb design pattern example

    diff --git a/content/patterns/breadcrumb/examples/breadcrumb.html b/content/patterns/breadcrumb/examples/breadcrumb.html index 40e63d8536..1851510d9d 100644 --- a/content/patterns/breadcrumb/examples/breadcrumb.html +++ b/content/patterns/breadcrumb/examples/breadcrumb.html @@ -28,6 +28,7 @@

    Breadcrumb Example

    About This Example

    +

    The following example demonstrates the Breadcrumb Pattern.

    diff --git a/content/patterns/button/button-pattern.html b/content/patterns/button/button-pattern.html index 33822e151d..65fabaf965 100644 --- a/content/patterns/button/button-pattern.html +++ b/content/patterns/button/button-pattern.html @@ -47,6 +47,7 @@

    Note

    +

    Examples