Index: /Users/team/fluid-repos/fluid-components/src/webapp/fluid-components/css/ImageReorderer.css =================================================================== --- /Users/team/fluid-repos/fluid-components/src/webapp/fluid-components/css/ImageReorderer.css (revision 6202) +++ /Users/team/fluid-repos/fluid-components/src/webapp/fluid-components/css/ImageReorderer.css (working copy) @@ -116,3 +116,11 @@ border-right: 10px solid lightyellow; } +.screen-reader-instructions { + position:absolute; + left:0px; + top:-500px; + width:1px; + height:1px; + overflow:hidden; +} \ No newline at end of file Index: /Users/team/fluid-repos/fluid-components/src/webapp/sample-code/reorderer/image-reorderer/image-reorderer.html =================================================================== --- /Users/team/fluid-repos/fluid-components/src/webapp/sample-code/reorderer/image-reorderer/image-reorderer.html (revision 6202) +++ /Users/team/fluid-repos/fluid-components/src/webapp/sample-code/reorderer/image-reorderer/image-reorderer.html (working copy) @@ -35,13 +35,18 @@

This is the Image Reorderer demo page.

-
-
+
+
Image Reorderer: To use the keyboard: + Screen reader users turn off virtual cursor (insert + z). + Select an image using i, k, m or j. + Move an image using CTRL + i, k, m or j. + View an image by pressing Enter.
+
+
To use the keyboard:
Select an image using i, k, m or j, or the arrow keys.
- View an image by pressing Enter.
- Move an image using CTRL + a direction key. + Move an image using CTRL + a direction key.
+ View an image by pressing Enter.