Child pages
  • title Attribute in ARIA and non-ARIA Environments, with Screen Readers

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin

...

Note: when the mouse cursor changes, WindowEyes speaks to indicate the new cursor. For example, when it changes to an I-beam, WindowEyes says, "I-beam". The mouse cursor changes to a pointing hand when over a link; in this case WindowEyes says, "Pointer 32649, undefined". This speech is repeated a lot in the following table.

{table:title="WindowEyes Result"|border=1|align=center} {tbody} {tr} {th}Browser {th} {th}Action {th} {th}No Title Attribute {th} {th}Title Attribute {th} {tr} {tr} {td:rowspan=6}{*}FF3 (Minefield)* {td} {td}tab to lightbox {td} {td}"_Fruit_ link text, cell" {td} {td}"Lightbox, _Fruit_ link text, cell, Thumbnail of _Fruit_" {td} {tr} {tr} {td}keyboard navigation {td} {td}"_Fruit_ link text, cell" {td} {td}"Lightbox, _Fruit_ link text, cell, Thumbnail of _Fruit_" {td} {tr} {tr} {td}keyboard DnD {td} {td}Silence {td} {td}Silence {td} {tr} {tr} {td}hover over image {td} {td}"Pointer 32649, undefined" {td} {td}"Pointer 32649, undefined"; Visually, "Thumbnail of _Fruit_" shows as a tool tip. {td} {tr} {tr} {td}hover over whitespace {td} {td}"Arrow", if mouse cursor changes to arrow; silence otherwise. {td} {td}"Arrow", if mouse cursor changes to arrow; silence otherwise; Visually, "Thumbnail of _Fruit_" shows as a tool tip. {td} {tr} {tr} {td}hover over link {td} {td}"_Fruit_ link text, Pointer 32649, undefined" {td} {td}"_Fruit_ link text, Pointer 32649, undefined"; Visually, "Thumbnail of _Fruit_" shows as a tool tip. {td} {tr} {tr} {td}  {td} {td}  {td} {td}  {td} {td}  {td} {tr} {tr} {td:rowspan=6}{*}FF2* {td} {td}tab to lightbox {td} {td}"_Fruit_ link text, cell" {td} {td}"Lightbox, _Fruit_ link text, cell, Thumbnail of _Fruit_" {td} {tr} {tr} {td}keyboard navigation {td} {td}"_Fruit_ link text, cell" {td} {td}"Lightbox, _Fruit_ link text, cell, Thumbnail of _Fruit_" {td} {tr} {tr} {td}keyboard DnD {td} {td}Silence {td} {td}Silence {td} {tr} {tr} {td}hover over image {td} {td}"Pointer 32649, undefined" {td} {td}"Context menu, Pointer 32649, undefined...menu closed"; Visually, "Thumbnail of _Fruit_ shows as a tool tip. Note that WindowEyes interprets a tooltip popup as a menu. {td} {tr} {tr} {td}hover over whitespace {td} {td}"Arrow", if mouse cursor changes to arrow; silence otherwise. {td} {td}"Context menu, Arrow, ...menu closed", if mouse cursor changes to arrow; "Context menu, ...menu closed" otherwise; Visually, "Thumbnail of \_Fruit" shows as a tool tip. Note that WindowEyes interprets a tooltip popup as a menu. {td} {tr} {tr} {td}hover over link {td} {td}"_Fruit_ link text, Pointer 32649, undefined" {td} {td}"_Fruit_ link text, context menu, Pointer 32649, undefined, ...menu closed"; Visually, "Thumbnail of _Fruit_ shows as a tool tip. Note that WindowEyes interprets a tooltip popup as a menu. {td} {tr} {tr} {td}  {td} {td}  {td} {td}  {td} {td}  {td} {tr} {tr} {td:rowspan=6}{*}IE7* {td} {td}tab to lightbox {td} {td}"_Fruit_ link text, grouping object" {td} {td}"Thumbnail of _Fruit_, grouping object" {td} {tr} {tr} {td}keyboard navigation {td} {td}"_Fruit_ link text, grouping object" {td} {td}"Thumbnail of _Fruit_, grouping object" {td} {tr} {tr} {td}keyboard DnD {td} {td}"_Fruit_ link text, grouping object", where _Fruit_, is the name of the thumbnail being moved. {td} {td}"Thumbnail of _Fruit_, grouping object", where _Fruit_, is the name of the thumbnail being moved. {td} {tr} {tr} {td}hover over image {td} {td}"_Fruit_ alt text, Pointer 32649, undefined" Note: only "_Fruit_ alt text" if mouse cursor does not change; Visually, "_Fruit_ alt text" shows as a tool tip. {td} {td}"_Fruit_ alt text, Pointer 32649, undefined"; Visually, "_Fruit_ alt text" shows as a tool tip. {td} {tr} {tr} {td}hover over whitespace {td} {td}"Arrow", if mouse cursor changes to arrow; silence otherwise. {td} {td}"Thumbnail of _Fruit_, Arrow", if mouse cursor changes to arrow; "Thumbnail of _Fruit_", otherwise; Visually, "Thumbnail of _Fruit_ shows as a tool tip. {td} {tr} {tr} {td}hover over link {td} {td}"_Fruit_ link text, Pointer 32649, undefined" {td} {td}"_Fruit_ link text, Thumbnail of _Fruit_, Pointer 32649, undefined"; Visually, "Thumbnail of _Fruit_" shows as a tool tip. {td} {tr} {tbody} {table}
Wiki Markup
HTML Table
border1
title"WindowEyes Result"
aligncenter
Table Body (tbody)
Table Row (tr)
Table Head (th)
Browser
Table Head (th)
Action
Table Head (th)
No Title Attribute
Table Head (th)
Title Attribute
Table Row (tr)
Table Cell (td)
rowspan6
FF3 (Minefield)
Table Cell (td)
tab to lightbox
Table Cell (td)
"Fruit link text, cell"
Table Cell (td)
"Lightbox, Fruit link text, cell, Thumbnail of Fruit"
Table Row (tr)
Table Cell (td)
keyboard navigation
Table Cell (td)
"Fruit link text, cell"
Table Cell (td)
"Lightbox, Fruit link text, cell, Thumbnail of Fruit"
Table Row (tr)
Table Cell (td)
keyboard DnD
Table Cell (td)
Silence
Table Cell (td)
Silence
Table Row (tr)
Table Cell (td)
hover over image
Table Cell (td)
"Pointer 32649, undefined"
Table Cell (td)
"Pointer 32649, undefined";
Visually, "Thumbnail of Fruit" shows as a tool tip.
Table Row (tr)
Table Cell (td)
hover over whitespace
Table Cell (td)
"Arrow", if mouse cursor changes to arrow; silence otherwise.
Table Cell (td)
"Arrow", if mouse cursor changes to arrow; silence otherwise;
Visually, "Thumbnail of Fruit" shows as a tool tip.
Table Row (tr)
Table Cell (td)
hover over link
Table Cell (td)
"Fruit link text, Pointer 32649, undefined"
Table Cell (td)
"Fruit link text, Pointer 32649, undefined";
Visually, "Thumbnail of Fruit" shows as a tool tip.
Table Row (tr)
Table Cell (td)
 
Table Cell (td)
 
Table Cell (td)
 
Table Cell (td)
 
Table Row (tr)
Table Cell (td)
rowspan6
FF2
Table Cell (td)
tab to lightbox
Table Cell (td)
"Fruit link text, cell"
Table Cell (td)
"Lightbox, Fruit link text, cell, Thumbnail of Fruit"
Table Row (tr)
Table Cell (td)
keyboard navigation
Table Cell (td)
"Fruit link text, cell"
Table Cell (td)
"Lightbox, Fruit link text, cell, Thumbnail of Fruit"
Table Row (tr)
Table Cell (td)
keyboard DnD
Table Cell (td)
Silence
Table Cell (td)
Silence
Table Row (tr)
Table Cell (td)
hover over image
Table Cell (td)
"Pointer 32649, undefined"
Table Cell (td)
"Context menu, Pointer 32649, undefined...menu closed";
Visually, "Thumbnail of Fruit shows as a tool tip.
Note that WindowEyes interprets a tooltip popup as a menu.
Table Row (tr)
Table Cell (td)
hover over whitespace
Table Cell (td)
"Arrow", if mouse cursor changes to arrow; silence otherwise.
Table Cell (td)
"Context menu, Arrow, ...menu closed", if mouse cursor changes to arrow; "Context menu, ...menu closed" otherwise;
Visually, "Thumbnail of _Fruit" shows as a tool tip.
Note that WindowEyes interprets a tooltip popup as a menu.
Table Row (tr)
Table Cell (td)
hover over link
Table Cell (td)
"Fruit link text, Pointer 32649, undefined"
Table Cell (td)
"Fruit link text, context menu, Pointer 32649, undefined, ...menu closed";
Visually, "Thumbnail of Fruit shows as a tool tip.
Note that WindowEyes interprets a tooltip popup as a menu.
Table Row (tr)
Table Cell (td)
 
Table Cell (td)
 
Table Cell (td)
 
Table Cell (td)
 
Table Row (tr)
Table Cell (td)
rowspan6
IE7
Table Cell (td)
tab to lightbox
Table Cell (td)
"Fruit link text, grouping object"
Table Cell (td)
"Thumbnail of Fruit, grouping object"
Table Row (tr)
Table Cell (td)
keyboard navigation
Table Cell (td)
"Fruit link text, grouping object"
Table Cell (td)
"Thumbnail of Fruit, grouping object"
Table Row (tr)
Table Cell (td)
keyboard DnD
Table Cell (td)
"Fruit link text, grouping object", where Fruit, is the name of the thumbnail being moved.
Table Cell (td)
"Thumbnail of Fruit, grouping object", where Fruit, is the name of the thumbnail being moved.
Table Row (tr)
Table Cell (td)
hover over image
Table Cell (td)
"Fruit alt text, Pointer 32649, undefined"
Note: only "Fruit alt text" if mouse cursor does not change;
Visually, "Fruit alt text" shows as a tool tip.
Table Cell (td)
"Fruit alt text, Pointer 32649, undefined";
Visually, "Fruit alt text" shows as a tool tip.
Table Row (tr)
Table Cell (td)
hover over whitespace
Table Cell (td)
"Arrow", if mouse cursor changes to arrow; silence otherwise.
Table Cell (td)
"Thumbnail of Fruit, Arrow", if mouse cursor changes to arrow; "Thumbnail of Fruit", otherwise;
Visually, "Thumbnail of Fruit shows as a tool tip.
Table Row (tr)
Table Cell (td)
hover over link
Table Cell (td)
"Fruit link text, Pointer 32649, undefined"
Table Cell (td)
"Fruit link text, Thumbnail of Fruit, Pointer 32649, undefined";
Visually, "Thumbnail of Fruit" shows as a tool tip.

JAWS

In terms of moving thumbnails using the keyboard, only cntl-left and cntl-right arrows worked reliably. Cntl-up and cntl-down was intercepted by JAWS, and resulted in the opening of the link (inside a thumbnail) in a new tab, in all three browsers.

{table:border=1|align=center|title="JAWS Results"} {tbody} {tr} {th}Browser {th} {th}Action {th} {th}No Title Attribute {th} {th}Title Attribute {th} {tr} {tr} {td:rowspan=6}{*}FF3 (Minefield)* {td} {td}tab to lightbox {td} {td}"Tab, Table, _Fruit_ alt text, _Fruit_ link text" {td} {td}"Tab, Table, _Fruit_ alt text, _Fruit_ link text" {td} {tr} {tr} {td}keyboard navigation {td} {td}"_Fruit_ alt text, _Fruit_ link text" {td} {td}"_Fruit_ alt text, _Fruit_ link text" {td} {tr} {tr} {td}keyboard DnD {td} {td}"Blank" on the first move, thereafter "_Fruit_, repeatedly", where _Fruit_ is the name of the fruit immediately to the left or right (depending on direction of movement) of the moving item after the first move. Example: "Blank, Kiwi, Kiwi, ..." {td} {td}"Blank" on the first move, thereafter "_Fruit_, repeatedly", where _Fruit_ is the name of the fruit immediately to the left or right (depending on direction of movement) of the moving item after the first move. Example: "Blank, Kiwi, Kiwi, ..." {td} {tr} {tr} {td}hover over image {td} {td}Silence {td} {td}Silence; Visually, "Thumbnail of _Fruit_" shows as tooltip. {td} {tr} {tr} {td}hover over whitespace {td} {td}Silence {td} {td}Silence; Visually, "Thumbnail of _Fruit_" shows as tooltip. {td} {tr} {tr} {td}hover over link {td} {td}Silence {td} {td}Silence; Visually, "Thumbnail of _Fruit_" shows as tooltip. {td} {tr} {tr} {td}  {td} {td}  {td} {td}  {td} {td}  {td} {tr} {tr} {td:rowspan=6}{*}FF2* {td} {td}tab to lightbox {td} {td}"Tab, Table, _Fruit_ alt text, _Fruit_ link text" {td} {td}"Tab, Table, _Fruit_ alt text, _Fruit_ link text" {td} {tr} {tr} {td}keyboard navigation {td} {td}"_Fruit_ alt text, _Fruit_ link text" {td} {td}"_Fruit_ alt text, _Fruit_ link text" {td} {tr} {tr} {td}keyboard DnD {td} {td}"Blank" on the first move, thereafter "_Fruit_" repeatedly, where _Fruit_ is the name of the fruit immediately to the left or right (depending on direction of movement) of the moving item after the first move. Example: "Blank, Kiwi, Kiwi, ..." {td} {td}"Blank" on the first move, thereafter "_Fruit_" repeatedly, where _Fruit_ is the name of the fruit immediately to the left or right (depending on direction of movement) of the moving item after the first move. Example: "Blank, Kiwi, Kiwi, ..." {td} {tr} {tr} {td}hover over image {td} {td}Silence {td} {td}"Menu, ...leaving menus"; Visually, "Thumbnail of _Fruit_" shows as tooltip. Note: JAWS interprets the tooltip popup as a menu. {td} {tr} {tr} {td}hover over whitespace {td} {td}Silence {td} {td}"Menu, ...leaving menus"; Visually, "Thumbnail of _Fruit_" shows as tooltip. Note: JAWS interprets the tooltip popup as a menu. {td} {tr} {tr} {td}hover over link {td} {td}Silence {td} {td}"Menu, ...leaving menus"; Visually, "Thumbnail of _Fruit_" shows as tooltip. Note: JAWS interprets the tooltip popup as a menu. {td} {tr} {tr} {td}  {td} {td}  {td} {td}  {td} {td}  {td} {tr} {tr} {td:rowspan=6}{*}IE7* {td} {td}tab to lightbox {td} {td}"Tab, _Fruit_ link text" Note: once, it read the entire list of thumbnails. {td} {td}"Tab, Thumbnail of _Fruit_" {td} {tr} {tr} {td}keyboard navigation {td} {td}"_Fruit_ link text" {td} {td}"Thumbnail of _Fruit_" {td} {tr} {tr} {td}keyboard DnD {td} {td}"View, _Fruit_ link text \[fluid:of the thumbnail that is moving\], _Fruit_ link text \[fluid:of  the thumbnail just moved past\]" Note:  upon releasing the cntl key, "_Fruit_ link text \[fluid:of the thumbnail that was moved\]. {td} {td}"View, Thumbnail of _Fruit_ \[fluid:that is moving\], _Fruit_ link text \[fluid:just moved past\]" Note:  upon releasing the cntl key, "_Fruit_ link text" \[fluid:that was moved\]. {td} {tr} {tr} {td}hover over image {td} {td}Silence; Visually, "_Fruit_ alt text" is shown as a toolitp. {td} {td}Silence; Visually, "_Fruit_ alt text" shows as a tool tip. {td} {tr} {tr} {td}hover over whitespace {td} {td}Silence. {td} {td}Silence; Visually, "Thumbnail of _Fruit_" shows as a tool tip. {td} {tr} {tr} {td}hover over link {td} {td}Silence. {td} {td}Silence; Visually, "Thumbnail of _Fruit_" shows as a tool tip. {td} {tr} {tbody} {table}
Wiki Markup
HTML Table
border1
aligncenter
title"JAWS Results"
Table Body (tbody)
Table Row (tr)
Table Head (th)
Browser
Table Head (th)
Action
Table Head (th)
No Title Attribute
Table Head (th)
Title Attribute
Table Row (tr)
Table Cell (td)
rowspan6
FF3 (Minefield)
Table Cell (td)
tab to lightbox
Table Cell (td)
"Tab, Table, Fruit alt text, Fruit link text"
Table Cell (td)
"Tab, Table, Fruit alt text, Fruit link text"
Table Row (tr)
Table Cell (td)
keyboard navigation
Table Cell (td)
"Fruit alt text, Fruit link text"
Table Cell (td)
"Fruit alt text, Fruit link text"
Table Row (tr)
Table Cell (td)
keyboard DnD
Table Cell (td)
"Blank" on the first move, thereafter "Fruit, repeatedly", where Fruit is the name of the fruit immediately to the left or right (depending on direction of movement) of the moving item after the first move. Example: "Blank, Kiwi, Kiwi, ..."
Table Cell (td)
"Blank" on the first move, thereafter "Fruit, repeatedly", where Fruit is the name of the fruit immediately to the left or right (depending on direction of movement) of the moving item after the first move. Example: "Blank, Kiwi, Kiwi, ..."
Table Row (tr)
Table Cell (td)
hover over image
Table Cell (td)
Silence
Table Cell (td)
Silence;
Visually, "Thumbnail of Fruit" shows as tooltip.
Table Row (tr)
Table Cell (td)
hover over whitespace
Table Cell (td)
Silence
Table Cell (td)
Silence;
Visually, "Thumbnail of Fruit" shows as tooltip.
Table Row (tr)
Table Cell (td)
hover over link
Table Cell (td)
Silence
Table Cell (td)
Silence;
Visually, "Thumbnail of Fruit" shows as tooltip.
Table Row (tr)
Table Cell (td)
 
Table Cell (td)
 
Table Cell (td)
 
Table Cell (td)
 
Table Row (tr)
Table Cell (td)
rowspan6
FF2
Table Cell (td)
tab to lightbox
Table Cell (td)
"Tab, Table, Fruit alt text, Fruit link text"
Table Cell (td)
"Tab, Table, Fruit alt text, Fruit link text"
Table Row (tr)
Table Cell (td)
keyboard navigation
Table Cell (td)
"Fruit alt text, Fruit link text"
Table Cell (td)
"Fruit alt text, Fruit link text"
Table Row (tr)
Table Cell (td)
keyboard DnD
Table Cell (td)
"Blank" on the first move, thereafter "Fruit" repeatedly, where Fruit is the name of the fruit immediately to the left or right (depending on direction of movement) of the moving item after the first move. Example: "Blank, Kiwi, Kiwi, ..."
Table Cell (td)
"Blank" on the first move, thereafter "Fruit" repeatedly, where Fruit is the name of the fruit immediately to the left or right (depending on direction of movement) of the moving item after the first move. Example: "Blank, Kiwi, Kiwi, ..."
Table Row (tr)
Table Cell (td)
hover over image
Table Cell (td)
Silence
Table Cell (td)
"Menu, ...leaving menus";
Visually, "Thumbnail of Fruit" shows as tooltip.
Note: JAWS interprets the tooltip popup as a menu.
Table Row (tr)
Table Cell (td)
hover over whitespace
Table Cell (td)
Silence
Table Cell (td)
"Menu, ...leaving menus";
Visually, "Thumbnail of Fruit" shows as tooltip.
Note: JAWS interprets the tooltip popup as a menu.
Table Row (tr)
Table Cell (td)
hover over link
Table Cell (td)
Silence
Table Cell (td)
"Menu, ...leaving menus";
Visually, "Thumbnail of Fruit" shows as tooltip.
Note: JAWS interprets the tooltip popup as a menu.
Table Row (tr)
Table Cell (td)
 
Table Cell (td)
 
Table Cell (td)
 
Table Cell (td)
 
Table Row (tr)
Table Cell (td)
rowspan6
IE7
Table Cell (td)
tab to lightbox
Table Cell (td)
"Tab, Fruit link text"
Note: once, it read the entire list of thumbnails.
Table Cell (td)
"Tab, Thumbnail of Fruit"
Table Row (tr)
Table Cell (td)
keyboard navigation
Table Cell (td)
"Fruit link text"
Table Cell (td)
"Thumbnail of Fruit"
Table Row (tr)
Table Cell (td)
keyboard DnD
Table Cell (td)
"View, Fruit link text [fluid:of the thumbnail that is moving], Fruit link text [fluid:of  the thumbnail just moved past]"
Note:  upon releasing the cntl key, "Fruit link text [fluid:of the thumbnail that was moved].
Table Cell (td)
"View, Thumbnail of Fruit [fluid:that is moving], Fruit link text [fluid:just moved past]"
Note:  upon releasing the cntl key, "Fruit link text" [fluid:that was moved].
Table Row (tr)
Table Cell (td)
hover over image
Table Cell (td)
Silence;
Visually, "Fruit alt text" is shown as a toolitp.
Table Cell (td)
Silence;
Visually, "Fruit alt text" shows as a tool tip.
Table Row (tr)
Table Cell (td)
hover over whitespace
Table Cell (td)
Silence.
Table Cell (td)
Silence;
Visually, "Thumbnail of Fruit" shows as a tool tip.
Table Row (tr)
Table Cell (td)
hover over link
Table Cell (td)
Silence.
Table Cell (td)
Silence;
Visually, "Thumbnail of Fruit" shows as a tool tip.

Summary

The addition of a title attribute had an effect mostly with respect to WindowEyes. Furthermore, it had an effect for all three browsers when using this particular screen reader. The presentation of the title, in the case of JAWS, was only effective in IE7.

...