From e43008bff2ec1ee8f1989c26dfe888d31b933128 Mon Sep 17 00:00:00 2001 From: daniel-montalvo Date: Wed, 29 May 2024 15:42:01 +0000 Subject: [PATCH] Commit changed files and submodule updates --- ARIA/apg/about/about.md | 9 + .../at-support-tables/at-support-tables.md | 166 ++++ .../coverage-and-quality-report.md | 747 +++++++----------- ARIA/apg/index/index.md | 14 +- ARIA/apg/patterns/alert/examples/alert.md | 3 +- ARIA/apg/patterns/button/examples/button.md | 3 +- .../patterns/dialog-modal/examples/dialog.md | 3 +- .../patterns/feed/examples/feed-display.html | 23 +- ARIA/apg/patterns/feed/examples/feed.md | 33 +- ARIA/apg/patterns/feed/feed-pattern.md | 2 +- ARIA/apg/patterns/link/examples/link.md | 3 +- .../menu-button/examples/menu-button-links.md | 3 +- .../radio/examples/radio-activedescendant.md | 3 +- .../slider/examples/slider-color-viewer.md | 3 +- _external/aria-practices | 2 +- _external/data | 2 +- .../coverage-and-quality/prop-coverage.csv | 10 +- .../coverage-and-quality/role-coverage.csv | 4 +- .../feed/examples/css/feedDisplay.css | 8 +- .../patterns/feed/examples/js/main.js | 5 +- .../wai-aria-practices/shared/js/skipto.js | 233 ++++-- 21 files changed, 694 insertions(+), 585 deletions(-) create mode 100644 ARIA/apg/about/at-support-tables/at-support-tables.md diff --git a/ARIA/apg/about/about.md b/ARIA/apg/about/about.md index ff75c1cb1..3946650dc 100644 --- a/ARIA/apg/about/about.md +++ b/ARIA/apg/about/about.md @@ -94,6 +94,15 @@ lang: en Related Specifications.

+
  • +

    Assistive Technology Support Tables

    +

    + Pages that provide example implementations of APG patterns also, when available, provide a summary of assistive technology support of the ARIA used in those examples. + Learn how to interpret and use data in the + Assistive Technology Support Tables. +

    +
    • +

  • Coverage and Quality Report

    diff --git a/ARIA/apg/about/at-support-tables/at-support-tables.md b/ARIA/apg/about/at-support-tables/at-support-tables.md new file mode 100644 index 000000000..d8a812af8 --- /dev/null +++ b/ARIA/apg/about/at-support-tables/at-support-tables.md @@ -0,0 +1,166 @@ +--- +# This file was generated by scripts/pre-build/library/formatForJekyll.js +title: "Assistive Technology Support Tables" +ref: /ARIA/apg/about/at-support-tables/ + +github: + repository: w3c/aria-practices + branch: main + path: content/about/at-support-tables/at-support-tables.html +feedbackmail: public-aria-practices@w3.org +permalink: /ARIA/apg/about/at-support-tables/ + +sidebar: true + + + +# Context here: https://github.com/w3c/wai-aria-practices/issues/31 +type_of_guidance: APG + +lang: en +--- + + +AT Support Tables + + + + + + + + + + + + + +

    + +
    + +

    + As the ARIA and Assistive Technologies Project + makes reports on assistive technology interoperability for APG examples available, + the APG Task Force adds summaries of assistive technology support to the relevant example pages. + This page explains how to interpret and use the assistive technology support summaries. +

    + +
    +

    Purpose of AT Support Tables

    +

    + The purpose of the support tables is to provide an actionable summary of the interoperability tests performed by the ARIA-AT project.

    +
    + +
    +

    Meaning of Support Levels

    +

    + The assistive technology support tables present two percentages for each assistive technology and browser combination that have been tested: "Must-Have Behaviors" and "Should-Have Behaviors". + A behavior designated as “Must-Have" is essential; if not provided, users could be blocked from using the UI element. + Failure to provide a “Should-Have” behavior could impede users. + Learn more about ARIA-AT’s + definitions of Must and Should on the project wiki. +

    + +
    +

    Examples of Must-Have Behaviors

    +
      +
    • Convey the name of a radio button.
      • +
    • Convey the state of a checked radio button.
      • +
    +
    + +
    +

    Examples of Should-Have Behaviors

    +
      +
    • Convey the position of a radio button in a radio group, e.g., the button is 1 of 3.
      • +
    • Convey the number of radio buttons in a radio group.
      • +
    +
    + +
    +

    Important Constraints

    +
      +
    • Unless otherwise noted, all testing is done using the assistive technology vendor's default configuration of an assistive technology.
      • +
    • + ARIA-AT interoperability tests do not prescribe exactly how to satisfy a need. + For example, they do not specify exactly what a screen reader should speak. + Two different screen readers may convey the same information in different ways. +
      • +
    +
    +
    + +
    +

    Recommendations

    + +
    +

    Don’t Code to the Bugs

    +

    + ARIA-AT is working with assistive technology vendors to increase their support levels. + This means that assistive technologies that align with ARIA-AT interoperability tests will change over time. + Exercise caution when implementing a pattern where support levels are less than 100%. + Avoid modifying code to accommodate an assistive technology bug unless you are confident the modified code provides an experience that: +

    +
      +
    • Works equally well when using assistive technologies that do not exhibit the bug.
      • +
    • Will work equally well after the assistive technology bug is fixed.
      • +
    +

    + When possible, test implementations of APG patterns with an assistive technology that provides 100% support for both must-have and should-have behaviors. +

    +
    + +
    +

    Design to Mitigate Critical Support Failures

    +

    + Where feasible, avoid designing experiences that rely on features of APG patterns that have less than 100% support for must-have behaviors. + If the must-have support level is less than 100% for one example implementation of a pattern, that does not mean every other way of implementing that pattern will present assistive technology users with the same problems. + In these cases: +

    +
      +
    1. If there are multiple implementation examples of the pattern, compare support levels across examples to discover whether another method of implementation provides better support.
      2. +
    2. learn about the specific aspects of an example implementation that are not fully supported by navigating to the detailed report with the View Complete Report button.
      3. +
    3. If possible, use the guidelines of the pattern to design interactions such that they avoid the problematic features.
      4. +
    +
    + +
    +

    Perform Your Own Tests

    +

    + A primary purpose of ARIA-AT data is to help assistive technology vendors coordinate interoperable rendering of ARIA. + While the ARIA-AT summary tables on APG example pages can be used as a guide of where to prioritize testing, the data is not as a final verdict on whether a feature in a web application will work. + It is essential for all developers to test applications with multiple assistive technologies to ensure a good user experience. +

    +
    + +
    + + +
    + +
    + + diff --git a/ARIA/apg/about/coverage-and-quality/coverage-and-quality-report.md b/ARIA/apg/about/coverage-and-quality/coverage-and-quality-report.md index ccc475fe1..900ee706c 100644 --- a/ARIA/apg/about/coverage-and-quality/coverage-and-quality-report.md +++ b/ARIA/apg/about/coverage-and-quality/coverage-and-quality-report.md @@ -69,7 +69,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
    -

    Page last updated: May 1, 2024

    +

    Page last updated: May 29, 2024

    About These Reports

    @@ -177,7 +177,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); article - Feed + Infinite Scrolling Feed @@ -197,7 +197,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); feed Feed Pattern - Feed + Infinite Scrolling Feed @@ -811,7 +811,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); aria-busy - Feed + Infinite Scrolling Feed @@ -972,7 +972,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');

  • Date Picker Combobox (HC)
  • Date Picker Dialog (HC)
  • Modal Dialog
    • -
  • Feed
    • +
  • Infinite Scrolling Feed
  • Table
    • @@ -1094,7 +1094,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
  • Editable Combobox with Grid Popup
  • Date Picker Dialog (HC)
  • Modal Dialog
    • -
  • Feed
    • +
  • Infinite Scrolling Feed
  • Data Grid
  • Layout Grid
  • Complementary Landmark
    • @@ -1165,7 +1165,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); aria-posinset @@ -1237,7 +1237,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); aria-setsize @@ -1344,7 +1344,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); Uses event.which - 60 + 8 Use Class @@ -1352,7 +1352,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); Use Prototype - 60 + 22 Mouse Events @@ -1360,7 +1360,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); Pointer Events - 59 + 11
    @@ -1385,29 +1385,29 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); Accordion - class, prototype + class + - Yes ex1 - 2 1 - 10 + 1 + 5 3 - heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-required,aria-roledescription + aria-hidden,aria-required Alert - prototype - Yes + + ex1 - 2 1 - 8 + 1 + 0 2 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-labelledby,aria-roledescription,aria-live,aria-atomic + aria-live,aria-atomic Alert Dialog @@ -1416,167 +1416,167 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); Yes ex_alertdialog - 3 2 - 10 + 2 + 5 4 - heading,aria-busy,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-roledescription + aria-hidden Breadcrumb - prototype - Yes + + ex1 - 2 + 1 0 - 9 2 - heading,navigation,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-labelledby,aria-roledescription + 2 + navigation Button - prototype - Yes + Yes + example - 2 1 - 9 1 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-labelledby,aria-roledescription + 2 + 1 + aria-hidden Button (IDL Version) - prototype - Yes + Yes + example - 2 1 - 9 + 1 2 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-label,aria-labelledby,aria-roledescription + 2 + Auto-Rotating Image Carousel with Buttons for Slide Control prototype - Yes + ex1 - 3 2 - 10 + 2 + 4 4 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-labelledby + Auto-Rotating Image Carousel with Tabs for Slide Control prototype - Yes + Yes ex1 - 5 4 - 11 + 4 5 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-labelledby + 5 + Checkbox (Mixed-State) - class, prototype + class + - Yes Yes ex1 - 2 1 - 10 + 1 + 2 2 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-labelledby,aria-roledescription + Checkbox (Two State) - class, prototype + class + - Yes Yes ex1 - 3 2 - 9 2 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-roledescription + 2 + 2 + Editable Combobox With Both List and Inline Autocomplete - class, prototype + class + - Yes Yes ex1 - 4 3 - 12 + 3 + 7 6 - heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-labelledby,aria-roledescription + aria-hidden Editable Combobox With List Autocomplete - class, prototype + class + - Yes Yes ex1 - 4 3 - 12 + 3 + 7 6 - heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-labelledby,aria-roledescription + aria-hidden Editable Combobox without Autocomplete - class, prototype + class + - Yes Yes ex1 - 4 3 - 12 + 3 + 7 6 - heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-labelledby,aria-roledescription + aria-hidden Date Picker Combobox - class, prototype + class + - Yes Yes ex1 - 5 + 4 3 - 14 + 11 10 - gridcell,heading,aria-busy,aria-errormessage,aria-hidden,aria-roledescription + gridcell,aria-hidden Select-Only Combobox prototype - Yes + ex1 + 2 3 - 3 - 12 + 6 5 - heading,option,aria-busy,aria-describedby,aria-errormessage,aria-haspopup,aria-hidden,aria-label,aria-roledescription + option,aria-haspopup Editable Combobox with Grid Popup @@ -1585,24 +1585,24 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); Yes ex1 - 3 + 2 4 - 13 7 - heading,row,gridcell,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-roledescription + 7 + row,gridcell Date Picker Dialog - class, prototype + class Yes Yes example - 4 + 3 2 - 11 6 - gridcell,heading,aria-busy,aria-errormessage,aria-expanded,aria-hidden,aria-roledescription + 6 + gridcell Modal Dialog @@ -1611,63 +1611,63 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); Yes ex1 - 2 1 - 9 + 1 + 3 3 - heading,aria-busy,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-roledescription + Disclosure (Show/Hide) for Answers to Frequently Asked Questions - class, prototype + class + - Yes Yes ex1 - 1 0 - 9 + 0 2 - heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-labelledby,aria-roledescription + 2 + Disclosure (Show/Hide) for Image Description - class, prototype + class + - Yes Yes ex1 - 1 0 - 9 + 0 + 3 2 - heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-labelledby,aria-roledescription + aria-labelledby Disclosure Navigation Menu with Top-Level Links class, prototype - Yes + ex1 - 5 + 4 0 - 10 + 5 3 - banner,contentinfo,heading,navigation,region,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-labelledby,aria-roledescription + banner,contentinfo,navigation,region,aria-label,aria-labelledby Disclosure Navigation Menu class, prototype - Yes + Yes ex1 - 3 + 2 0 - 10 + 4 3 - heading,navigation,region,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-labelledby,aria-roledescription + navigation,region,aria-label Feed Display @@ -1683,17 +1683,17 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); aria-busy,aria-describedby,aria-label,aria-labelledby,aria-posinset,aria-setsize - Feed - prototype + Infinite Scrolling Feed + + - Yes ex1 - 1 + 0 2 - 8 + 0 5 - heading,feed,article,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-roledescription,aria-posinset,aria-setsize + feed,article,aria-labelledby,aria-busy,aria-describedby,aria-posinset,aria-setsize Advanced Data Grid @@ -1702,11 +1702,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); Yes ex1 - 1 0 - 13 0 - heading,aria-busy,aria-colindex,aria-controls,aria-describedby,aria-errormessage,aria-expanded,aria-haspopup,aria-hidden,aria-label,aria-labelledby,aria-roledescription,aria-rowindex,aria-sort + 5 + 0 + aria-colindex,aria-controls,aria-haspopup,aria-rowindex,aria-sort Data Grid @@ -1715,11 +1715,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); Yes ex1 - 5 + 4 1 - 15 + 8 6 - button,heading,menu,menuitem,aria-busy,aria-controls,aria-describedby,aria-errormessage,aria-expanded,aria-haspopup,aria-hidden,aria-label,aria-roledescription + button,menu,menuitem,aria-controls,aria-haspopup Layout Grid @@ -1728,440 +1728,440 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); Yes ex1 - 6 + 5 3 - 15 + 9 3 - button,heading,region,aria-busy,aria-colindex,aria-describedby,aria-errormessage,aria-expanded,aria-haspopup,aria-hidden,aria-label,aria-live,aria-relevant,aria-roledescription,aria-sort + button,region,aria-colindex,aria-haspopup,aria-label,aria-live,aria-relevant,aria-sort Link - prototype - Yes + Yes + not found - 2 1 - 8 1 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-labelledby,aria-roledescription + 1 + 1 + (Deprecated) Collapsible Dropdown Listbox class, prototype - Yes + ex - 3 2 - 14 + 2 + 8 5 - heading,aria-busy,aria-describedby,aria-disabled,aria-errormessage,aria-hidden,aria-keyshortcuts,aria-label,aria-multiselectable,aria-roledescription + aria-disabled,aria-keyshortcuts,aria-multiselectable Listbox with Grouped Options class, prototype - Yes + ex - 5 + 4 3 - 13 + 7 4 - heading,presentation,aria-busy,aria-describedby,aria-disabled,aria-errormessage,aria-expanded,aria-keyshortcuts,aria-label,aria-multiselectable,aria-roledescription + presentation,aria-disabled,aria-keyshortcuts,aria-multiselectable Listboxes with Rearrangeable Options class, prototype - Yes + ex1 - 4 + 3 2 - 14 + 9 5 - heading,toolbar,aria-busy,aria-describedby,aria-disabled,aria-errormessage,aria-expanded,aria-keyshortcuts,aria-label,aria-live,aria-roledescription + toolbar,aria-disabled,aria-keyshortcuts,aria-label,aria-live Scrollable Listbox class, prototype - Yes + ex - 3 2 - 13 + 2 + 7 4 - heading,aria-busy,aria-describedby,aria-disabled,aria-errormessage,aria-expanded,aria-keyshortcuts,aria-label,aria-multiselectable,aria-roledescription + aria-disabled,aria-keyshortcuts,aria-multiselectable Actions Menu Button Using aria-activedescendant - class, prototype + class + - Yes Yes ex1 - 3 2 - 11 + 2 + 5 5 - heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-roledescription + Actions Menu Button Using element.focus() - class, prototype + class + - Yes Yes ex1 - 3 2 - 10 + 2 + 4 4 - heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-roledescription + Navigation Menu Button - class, prototype + class + - Yes Yes ex1 - 4 3 - 10 + 3 + 4 4 - heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-roledescription + Editor Menubar - class, prototype + class + - Yes Yes ex1 - 9 + 8 + 7 7 - 12 6 - heading,none,aria-busy,aria-describedby,aria-errormessage,aria-labelledby,aria-orientation,aria-roledescription + none,aria-orientation Navigation Menubar - class, prototype + class + - Yes Yes ex1 - 10 + 9 8 - 11 + 6 5 - heading,separator,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-orientation,aria-roledescription + separator,aria-orientation Meter prototype - Yes + example - 2 1 - 11 + 1 + 5 4 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-roledescription + aria-hidden Radio Group Using aria-activedescendant - class, prototype + class + - Yes Yes ex1 - 3 2 - 10 + 2 + 3 3 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-roledescription + Rating Radio Group - class, prototype + class + - Yes Yes ex1 - 4 3 - 9 3 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-roledescription + 3 + 3 + Radio Group Using Roving tabindex - class, prototype + class + - Yes Yes ex1 - 3 2 - 9 2 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-roledescription + 2 + 2 + Horizontal Multi-Thumb Slider - class, prototype + class + - Yes Yes ex1 - 3 2 - 11 + 2 + 5 5 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-labelledby,aria-roledescription + Color Viewer Slider - class, prototype + class + - Yes Yes ex1 - 3 2 - 11 + 2 + 5 5 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-label,aria-roledescription + Rating Slider - class, prototype + class + - Yes Yes ex1 - 2 1 - 12 + 1 + 6 6 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-label,aria-roledescription + Media Seek Slider - class, prototype + class + - Yes Yes ex1 - 3 2 - 12 + 2 + 6 6 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-label,aria-roledescription + Vertical Temperature Slider - class, prototype + class + - Yes Yes ex1 - 3 2 - 13 + 2 + 7 7 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-label,aria-roledescription + Date Picker Spin Button prototype Yes - Yes + example - 3 2 - 12 + 2 7 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-roledescription + 7 + Switch Using HTML Button - class, prototype + class + - Yes Yes ex1 - 3 2 - 9 + 2 3 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-label,aria-roledescription + 3 + Switch Using HTML Checkbox Input - class, prototype + class + - Yes Yes ex1 - 2 1 - 8 1 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-label,aria-labelledby,aria-roledescription + 1 + 1 + Switch - class, prototype + class + - Yes Yes ex1 - 2 1 - 9 + 1 2 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-label,aria-labelledby,aria-roledescription + 2 + Sortable Table - class, prototype + class + - Yes Yes ex1 - 1 0 - 9 + 0 + 2 2 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-label,aria-labelledby,aria-roledescription + Table - prototype - Yes + + ex1 - 6 5 - 8 + 5 2 - heading,aria-busy,aria-errormessage,aria-expanded,aria-hidden,aria-labelledby,aria-roledescription + 2 + Tabs with Automatic Activation - class, prototype + class + - Yes Yes ex1 - 4 3 - 10 3 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-roledescription + 3 + 3 + Tabs with Manual Activation - class, prototype + class + - Yes Yes ex1 - 4 3 - 10 3 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-roledescription + 3 + 3 + Toolbar - prototype - Yes + + not found - 1 0 - 8 0 - heading,aria-busy,aria-describedby,aria-errormessage,aria-expanded,aria-hidden,aria-label,aria-labelledby,aria-roledescription + 0 + 0 + Toolbar prototype Yes - Yes + ex1 - 7 6 - 17 + 6 + 12 12 - heading,aria-busy,aria-describedby,aria-errormessage,aria-labelledby,aria-roledescription + Treegrid Email Inbox prototype Yes - Yes + ex1 - 4 3 - 13 + 3 + 7 5 - heading,aria-activedescendant,aria-busy,aria-current,aria-describedby,aria-errormessage,aria-hidden,aria-labelledby,aria-roledescription + aria-activedescendant,aria-current File Directory Treeview Using Computed Properties prototype Yes - Yes + ex1 - 4 3 - 9 3 - heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-roledescription + 4 + 3 + aria-label File Directory Treeview Using Declared Properties prototype Yes - Yes + ex1 - 4 3 - 12 + 3 + 7 6 - heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-label,aria-roledescription + aria-label Navigation Treeview - class, prototype - Yes + class Yes + Yes ex1 - 9 8 - 10 + 8 5 - heading,aria-busy,aria-describedby,aria-errormessage,aria-hidden,aria-roledescription + 5 + @@ -2682,55 +2682,15 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); - - Accordion - - Yes - - - Alert - - Yes - - - Alert Dialog - - Yes - - - Breadcrumb - - Yes - - - Button - - Yes - - - Button (IDL Version) - - Yes - Auto-Rotating Image Carousel with Buttons for Slide Control Yes - Yes + Auto-Rotating Image Carousel with Tabs for Slide Control Yes - Yes - - - Checkbox (Mixed-State) - - Yes - - - Checkbox (Two State) - Yes Editable Combobox With Both List and Inline Autocomplete @@ -2750,107 +2710,52 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); Date Picker Combobox Yes - Yes + Select-Only Combobox Yes - Yes - - - Editable Combobox with Grid Popup - Yes Date Picker Dialog Yes - - Modal Dialog - - Yes - - - Disclosure (Show/Hide) for Answers to Frequently Asked Questions - - Yes - - - Disclosure (Show/Hide) for Image Description - - Yes - - - Disclosure Navigation Menu with Top-Level Links - - Yes - - - Disclosure Navigation Menu - - Yes - - - Feed - - Yes - - - Advanced Data Grid - - Yes - - - Data Grid - - Yes - - - Layout Grid - - Yes - - - Link - - Yes - (Deprecated) Collapsible Dropdown Listbox Yes - Yes + Listbox with Grouped Options Yes - Yes + Listboxes with Rearrangeable Options Yes - Yes + Scrollable Listbox Yes - Yes + Actions Menu Button Using aria-activedescendant Yes - Yes + Actions Menu Button Using element.focus() Yes - Yes + Navigation Menu Button Yes - Yes + Editor Menubar @@ -2862,26 +2767,6 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); Yes - - Meter - - Yes - - - Radio Group Using aria-activedescendant - - Yes - - - Rating Radio Group - - Yes - - - Radio Group Using Roving tabindex - - Yes - Horizontal Multi-Thumb Slider @@ -2907,75 +2792,25 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); Yes - - Date Picker Spin Button - - Yes - - - Switch Using HTML Button - - Yes - - - Switch Using HTML Checkbox Input - - Yes - - - Switch - - Yes - - - Sortable Table - - Yes - - - Table - - Yes - - - Tabs with Automatic Activation - - Yes - - - Tabs with Manual Activation - - Yes - - - Toolbar - - Yes - Toolbar Yes - Yes - - - Treegrid Email Inbox - Yes File Directory Treeview Using Computed Properties Yes - Yes + File Directory Treeview Using Declared Properties Yes - Yes + Navigation Treeview Yes - Yes + diff --git a/ARIA/apg/index/index.md b/ARIA/apg/index/index.md index ae8bca6dd..fa339105c 100644 --- a/ARIA/apg/index/index.md +++ b/ARIA/apg/index/index.md @@ -94,7 +94,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); article - Feed + Infinite Scrolling Feed banner @@ -171,7 +171,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); feed - Feed + Infinite Scrolling Feed form @@ -529,7 +529,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); aria-busy - Feed + Infinite Scrolling Feed aria-checked @@ -602,7 +602,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
  • Date Picker Combobox (HC)
  • Date Picker Dialog (HC)
  • Modal Dialog
    • -
  • Feed
    • +
  • Infinite Scrolling Feed
  • Table
    • @@ -722,7 +722,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
  • Editable Combobox with Grid Popup
  • Date Picker Dialog (HC)
  • Modal Dialog
    • -
  • Feed
    • +
  • Infinite Scrolling Feed
  • Data Grid
  • Layout Grid
  • (Deprecated) Collapsible Dropdown Listbox
    • @@ -805,7 +805,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); aria-posinset @@ -875,7 +875,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); aria-setsize diff --git a/ARIA/apg/patterns/alert/examples/alert.md b/ARIA/apg/patterns/alert/examples/alert.md index 718f266d3..bcc67aaa9 100644 --- a/ARIA/apg/patterns/alert/examples/alert.md +++ b/ARIA/apg/patterns/alert/examples/alert.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/alert/examples/alert/ sidebar: true -footer: "

    View issues related to this example

    Page last updated: 13 February 2024

    " +footer: "

    View issues related to this example

    Page last updated: 22 May 2024

    " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG @@ -188,6 +188,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');

    Assistive Technology Support

    +

    Learn how to interpret and use assistive technology support data

    +
    @@ -134,7 +147,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); Control + Home - Move focus to the first focusable element before the feed. + Move focus to the first focusable element in the feed. diff --git a/ARIA/apg/patterns/feed/feed-pattern.md b/ARIA/apg/patterns/feed/feed-pattern.md index c8a190303..eb3fa264b 100644 --- a/ARIA/apg/patterns/feed/feed-pattern.md +++ b/ARIA/apg/patterns/feed/feed-pattern.md @@ -108,7 +108,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');

    Example

    - Example Implementation of Feed Pattern + Infinite Scrolling Feed Example

    diff --git a/ARIA/apg/patterns/link/examples/link.md b/ARIA/apg/patterns/link/examples/link.md index cd4914655..e1590f043 100644 --- a/ARIA/apg/patterns/link/examples/link.md +++ b/ARIA/apg/patterns/link/examples/link.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/link/examples/link/ sidebar: true -footer: "

    View issues related to this example

    Page last updated: 13 February 2024

    " +footer: "

    View issues related to this example

    Page last updated: 22 May 2024

    " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG @@ -212,6 +212,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');

    Assistive Technology Support

    +

    Learn how to interpret and use assistive technology support data