From f617ddaa9249f19f833dc4d44efa879d8284f41f Mon Sep 17 00:00:00 2001
From: michael-n-cooper-bot
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification. The example feed experience is presented on a separate feed display page. The example feed experience is presented on a separate feed display page. The following Javascript and CSS is used by the feed-display.html page: The following Javascript and CSS is used by the feedDisplay.html page: Please open feed-display.html and view source. Please open feedDisplay.html and view source.
- The code in this example is not intended for production environments.
- Before using it for any purpose, read this to understand why.
- This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
@@ -369,7 +369,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
@@ -549,11 +549,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
- aria-colcount
Data Grid
+ Data Grid
- aria-colindex
Data Grid
+ Data Grid
@@ -840,8 +840,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
@@ -720,8 +720,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
aria-controls
aria-rowcount
-
aria-rowindex
@@ -882,7 +882,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
aria-sort
diff --git a/ARIA/apg/patterns/accordion/examples/accordion.md b/ARIA/apg/patterns/accordion/examples/accordion.md
index 309d48a2c..e1293accb 100644
--- a/ARIA/apg/patterns/accordion/examples/accordion.md
+++ b/ARIA/apg/patterns/accordion/examples/accordion.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/accordion/examples/accordion/
sidebar: true
-footer: " "
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -67,10 +67,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
-
diff --git a/ARIA/apg/patterns/alert/examples/alert.md b/ARIA/apg/patterns/alert/examples/alert.md
index 8a45cb3a1..07440e59a 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: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -71,10 +71,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/alertdialog/examples/alertdialog.md b/ARIA/apg/patterns/alertdialog/examples/alertdialog.md
index 60626f932..03bbc6647 100644
--- a/ARIA/apg/patterns/alertdialog/examples/alertdialog.md
+++ b/ARIA/apg/patterns/alertdialog/examples/alertdialog.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/alertdialog/examples/alertdialog/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -69,10 +69,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md b/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md
index 67a386029..5207b05f0 100644
--- a/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md
+++ b/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/breadcrumb/examples/breadcrumb/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -67,10 +67,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/button/examples/button.md b/ARIA/apg/patterns/button/examples/button.md
index 0ea12844a..83fe923f9 100644
--- a/ARIA/apg/patterns/button/examples/button.md
+++ b/ARIA/apg/patterns/button/examples/button.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/button/examples/button/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/button/examples/button_idl.md b/ARIA/apg/patterns/button/examples/button_idl.md
index c3fc25709..d5b273d7c 100644
--- a/ARIA/apg/patterns/button/examples/button_idl.md
+++ b/ARIA/apg/patterns/button/examples/button_idl.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/button/examples/button_idl/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md b/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md
index f5d43514f..b722ab584 100644
--- a/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md
+++ b/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/carousel/examples/carousel-1-prev-next/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -70,10 +70,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md b/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md
index c49f62808..68a58d879 100644
--- a/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md
+++ b/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/carousel/examples/carousel-2-tablist/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md b/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md
index 75a56b7b0..7fd0e663b 100644
--- a/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md
+++ b/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/checkbox/examples/checkbox-mixed/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/checkbox/examples/checkbox.md b/ARIA/apg/patterns/checkbox/examples/checkbox.md
index 69e1317f3..bbfc83de1 100644
--- a/ARIA/apg/patterns/checkbox/examples/checkbox.md
+++ b/ARIA/apg/patterns/checkbox/examples/checkbox.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/checkbox/examples/checkbox/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md
index eca8d49be..91086002f 100644
--- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md
+++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md
index a129f13ea..032a8ee0a 100644
--- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md
+++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md
index 8a5051a67..787aca14c 100644
--- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md
+++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md b/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md
index cd57695fc..98f37a691 100644
--- a/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md
+++ b/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-datepicker/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -74,10 +74,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/combobox/examples/combobox-select-only.md b/ARIA/apg/patterns/combobox/examples/combobox-select-only.md
index d36346d30..db231aaba 100644
--- a/ARIA/apg/patterns/combobox/examples/combobox-select-only.md
+++ b/ARIA/apg/patterns/combobox/examples/combobox-select-only.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-select-only/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/combobox/examples/grid-combo.md b/ARIA/apg/patterns/combobox/examples/grid-combo.md
index 5208d7665..e6859feb4 100644
--- a/ARIA/apg/patterns/combobox/examples/grid-combo.md
+++ b/ARIA/apg/patterns/combobox/examples/grid-combo.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/grid-combo/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -70,10 +70,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md b/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md
index d5af98534..10e0a8413 100644
--- a/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md
+++ b/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -74,10 +74,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/dialog-modal/examples/dialog.md b/ARIA/apg/patterns/dialog-modal/examples/dialog.md
index 3750bacc5..2604ae1fa 100644
--- a/ARIA/apg/patterns/dialog-modal/examples/dialog.md
+++ b/ARIA/apg/patterns/dialog-modal/examples/dialog.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/dialog-modal/examples/dialog/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -69,10 +69,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md b/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md
index 08e581db8..3f93d3976 100644
--- a/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md
+++ b/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-faq/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -70,10 +70,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md b/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md
index d02391dda..79d0d1aa5 100644
--- a/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md
+++ b/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-image-description/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md
index 5a74fd2e1..7f4fc79d0 100644
--- a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md
+++ b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md
index 493873fa8..c1466ae6d 100644
--- a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md
+++ b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-navigation/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
diff --git a/ARIA/apg/patterns/feed/examples/feed.md b/ARIA/apg/patterns/feed/examples/feed.md
index efa1dfdfe..a4543ab44 100644
--- a/ARIA/apg/patterns/feed/examples/feed.md
+++ b/ARIA/apg/patterns/feed/examples/feed.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/feed/examples/feed/
sidebar: true
-footer: "
"
+footer: " "
# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
@@ -62,10 +62,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-
@@ -112,7 +110,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
Example
Javascript and CSS Source Code
-
HTML Source Code
-
-
@@ -120,8 +118,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
Similar examples include:
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
Similar examples include:
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
Similar examples include:
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
Similar examples include:
div
and span
elements.- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
Similar examples include:
aria-sort
in the headers of sortable columns.- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
The following example demonstrates how the Treegrid Pattern can be used to make an interactive tree that enables users to both navigate the hierarchical structure of email conversations and also navigate elements that describe each email, such as subject and sender.
Similar examples include:
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -
+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.
aria-colcount
aria-colindex
aria-controls
aria-rowcount
aria-rowindex
aria-sort
The example feed experience is presented on a separate feed display page.
+The example feed experience is presented on a separate feed display page.
The following Javascript and CSS is used by the feedDisplay.html page:
+The following Javascript and CSS is used by the feed-display.html page:
Please open feedDisplay.html and view source.
+Please open feed-display.html and view source.
Similar examples include:
Similar examples include:
Similar examples include:
Similar examples include:
div
and span
elements.Similar examples include:
aria-sort
in the headers of sortable columns.The following example demonstrates how the Treegrid Pattern can be used to make an interactive tree that enables users to both navigate the hierarchical structure of email conversations and also navigate elements that describe each email, such as subject and sender.
Similar examples include: