Aural UI of the Elements of HTML

A Work in progress: Last updated 10 March 2017

Editor: Steve Faulkner

GitHub Repo: ThePacielloGroup/AT-browser-tests

Found a bug? Please report it.

Fork me on GitHub

How HTML elements are supported by screen readers

Typical support patterns of HTML elements by screen readers:

Note: The combination of patterns supported varies from element to element and support for a particular element varies between screen reader software.

JAWS testing - In progress

JAWS

JAWS - General Navigation notes

Step Out of Element:

JAWS lets you step out of an element, such as a table or list, so you can move around more quickly. Press > to step past the current table, list, or other element. Press < to step before the current table, list, or other element.

Move by Element

At times you may wish to skip over an entire part of a web page. JAWS provides commands to move to the next or prior HTML element. Move either to the next or prior instance of the same type element, or to the next or prior instance of a different element. For example, use the Next Different Element command, D, to move past a list.

Display Element Information

Font Information

JAWS now reports font information within web pages when you use the INSERT+F command. Press INSERT+F twice quickly to open this information in the JAWS Virtual Viewer.

JAWS and Firefox on Windows 10
Element [test file linked] Element represents AURAL UI - JAWS Interaction - JAWS audio of JAWS announcing test file content Element Semantics conveyed? notes - JAWS
Element            
a with href a hyperlink element content "link"
  • List Links INSERT+F7
  • Next Link TAB
  • Prior Link SHIFT+TAB
  • Next Visited Link V
  • Prior Visited Link SHIFT+V
  • Open Link ENTER
  • Open Link in New Window SHIFT+ENTER
  • Next Non Link Text N
  • Prior Non Link Text SHIFT+N

Link via tab

Link via cursor

yes link role announced before link text when cursored to, after via tab.
a with no href an anchor element content
  • JAWS <15
    • List of Anchors CTRL+INSERT+A
    • Next Anchor A
    • Previous Anchor SHIFT+A
  • JAWS 15+ no special commands

JAWS <15yes

JAWS 15+ no

Semantics conveyed via navigation (JAWS <15)

No semantics conveyed (JAWS15+)

 

abbr an abbreviation element content

No special commands

JAWS can read title text associated with abbreviations on web pages.
To enable this feature, open Settings Center and expand the Web/HTML/PDFs group. Next, expand the Reading group and use the abbreviation and acronym options

By default no

via preferenceyes

No semantics conveyed by default

Note that expansions are not announced by default and that expansions provided using the title attribute are not available to keyboard only users. Refer to Using the HTML title attribute.

address Contact information for a page or article element element content No special commands no No semantics conveyed
area Hyperlink or dead area on an image map          
article Self-contained syndicatable or reusable composition "article" element content "article end"
  • Move to Next Region SEMICOLON (JAWS14) R (JAWS15)
  • Move to Previous Region SHIFT+SEMICOLON (JAWS14) SHIFT+R (JAWS15)
  • Select a Region INSERT+CTRL+SEMICOLON (JAWS14) INSERT+CTRL+R (JAWS15)
yes Included as a navigable region
aside Sidebar for tangentially related content

"complimentary information" element content "complimentary information end"

 

  • Move to Next Region SEMICOLON (JAWS14) R (JAWS15)
  • Move to Previous Region SHIFT+SEMICOLON (JAWS14) SHIFT+R (JAWS15)
  • Select a Region INSERT+CTRL+SEMICOLON (JAWS14) INSERT+CTRL+R (JAWS15)
yes Included as a navigable region
audio Audio player   If the audio element has a controls attribute the buttons in the UI are navigable using button commands.   yes  
b Keywords element content No special commands no No semantics conveyed
base Base URL and default target browsing context for hyperlinks and forms none expected No special commands     No UI
bdi Text directionality isolation element content No special commands no No semantics conveyed
bdo Text directionality formatting element content No special commands no No semantics conveyed
blockquote A section quoted from another source "blockquote" element content "blockquote end"
  • List Block quotes CTRL+INSERT+Q
  • Next Blockquote Q
  • Previous Blockquote SHIFT+Q
yes Semantics conveyed via navigation and element name announcement
body Document body element content No special commands   no

No semantics conveyed

Is included in focus order in most browsers.

br Line break, e.g. in poem or postal address   No special commands     line break?
button Button control text label "button"
  • List Buttons CTRL+INSERT+B
  • Next Button B
  • Previous button B
yes Semantics conveyed via navigation and element name announcement
canvas Scriptable bitmap canvas element content

No special commands

yes

The canvas is 'transparent' for screen reader users. HTML content included in the HTML5 canvas sub DOM is announced and navigable by screen reader users and is navigable by keyboard users.

caption Table caption element content No special commands   yes Announced when a table is navigated to. Used as table title in the table list (List Tables CTRL+INSERT+T) dialog.
cite Reference to a creative work element content No special commands   no No semantics conveyed
code Computer code element content No special commands no No semantics conveyed
col [no test] Table column none expected No special commands   no No semantics conveyed
colgroup Group of columns in a table none expected No special commands   no  
data Machine-readable equivalent element content No special commands no No semantics conveyed
datalist Container for options for combo box control        
dd Content for corresponding dt element(s) element content   yes Included as part of dt list item, user must use arrow down for content to be announced. If user navigates via list item navigation (Next Item in a List I) from dt then dd content will not be announced.
del A removal from the document element content No special commands no No semantics conveyed
details disclosure widget container          
dfn Defining instance of a term element content No special commands   no No semantics conveyed
div Generic flow container element content
  • Move to Next Division Z
  • Move to Prior Division SHIFT+Z
  • List Divisions CTRL+INSERT+Z
  yes No semantics conveyed
dl Association list consisting of zero or more name-value groups  
  • List All Ordered, Unordered, and Definition Lists CTRL+INSERT+L
  • Next List L
  • Previous List SHIFT+I
  • Next Item in a List I
  • Previous item in a List SHIFT+I
yes  
dt Legend for corresponding dd element(s) element content
  • Next Item in a List I
  • Previous Item in a List SHIFT+I
yes Identified as a list item
em Stress emphasis element content No special commands no No semantics conveyed
embed Plugin          
fieldset Group of form controls        
figcaption Caption for figure element content No special commands yes  
figure Figure with optional caption "group start" figcaption content, element content, figcaption content "group end" No special commands yes  
footer Footer for a page or section  
  • Move to Next Region SEMICOLON (JAWS14) R (JAWS15)
  • Move to Previous Region SHIFT+SEMICOLON (JAWS14) SHIFT+R (JAWS15)
  • Select a Region INSERT+CTRL+SEMICOLON (JAWS14) INSERT+CTRL+R (JAWS15)
yes  
form User-submittable form  
  • No special commands
no No semantics conveyed
h1-h6 Section heading  
  • List Headings INSERT+F6
  • Next Heading H
  • Prior Heading SHIFT+H
  • First Heading ALT+INSERT+HOME
  • Last Heading ALT+INSERT+END
  • Next Heading at Level - number keys 1 through 6
  • Prior Heading at Level SHIFT+1 through 6
  • First Heading at Level ALT+CTRL+INSERT+1 through 6
  • Last Heading at Level ALT+CTRL+INSERT+ SHIFT+1 through 6
yes  
head [no test] Container for document metadata none expected No special commands     No UI
header Introductory or navigational aids for a page or section  
  • Move to Next Region SEMICOLON (JAWS14) R (JAWS15)
  • Move to Previous Region SHIFT+SEMICOLON (JAWS14) SHIFT+R (JAWS15)
  • Select a Region INSERT+CTRL+SEMICOLON (JAWS14) INSERT+CTRL+R (JAWS15)
yes  
hr Thematic break "separator"
  • Move to Next Separator DASH
  • Move to Prior Separator SHIFT+DASH
yes  
html [no test] Root element none expected No special commands      
i Alternate voice element content No special commands no No semantics conveyed
iframe Nested browsing context  
  • List of Frames INSERT+F9
  • Next Frame M
  • Previous Frame SHIFT+M
yes  
iframe with title Nested browsing context  
  • List of Frames INSERT+F9
  • Next Frame M
  • Previous Frame SHIFT+M
yes  
img Image "graphic" alt attribute content
  • List of Graphics CTRL+INSERT+G
  • Next Graphic G
  • Previous Graphic SHIFT+G
yes  
input [button] Button control  
  • List Buttons CTRL+INSERT+B
  • Next Button B
  • Previous button B
yes  
input [checkbox] Checkbox control  
  • List Check Boxes CTRL+INSERT+X
  • Move To Next Check Box X
  • Move to Prior Check Box SHIFT+X
yes  
input [color] Colour picker control   no special commands?   Identified as button by JAWS but not navigable using button navigation keys.
input [date] date (day/month year) picker control     yes  
input [email] text control for inputting email address  
  • List Edit Boxes CTRL+INSERT+E
  • Move To Next Edit Box E
  • Move to Prior Edit Box SHIFT+E
   
input [file] File chooser control  
  • List Buttons CTRL+INSERT+B
  • Next Button B
  • Previous button B
  • List Edit Boxes CTRL+INSERT+E
  • Move To Next Edit Box E
  • Move to Prior Edit Box SHIFT+E
yes As it's a composite control, it can be navigated to using either button or edit commands.
input [hidden] - [no test] hidden form control none expected No special commands     No UI
input [image] Button control  
  • List Buttons CTRL+INSERT+B
  • Next Button B
  • Previous button B
yes  
input [number] spin box control

"edit, spin box" label content

 

  • List Edit Boxes CTRL+INSERT+E
  • Move To Next Edit Box E
  • Move to Prior Edit Box SHIFT+E
  • Increase value UP ARROW
  • Decrease value DOWN ARROW
yes

note: value in edit box announced as changed increase/decreased using arrow keys.

spin buttons included in button commands.

  • List Buttons CTRL+INSERT+B
  • Next Button B
  • Previous button B
input [password] text control for inputting a password label content "password edit"
  • List Edit Boxes CTRL+INSERT+E
  • Move To Next Edit Box E
  • Move to Prior Edit Box SHIFT+E
yes note: keyboard character input announced as "star"
input [range] slider control label content "left, right slider to decrease or increase use the arrow keys" current value
  • List Edit Boxes CTRL+INSERT+E
  • Move To Next Edit Box E
  • Move to Prior Edit Box SHIFT+E
  • RIGHT ARROW and UP ARROW increase the value of the slider.
  • LEFT ARROW and DOWN ARROW decrease the value of the slider.
  • HOME and END move to the minimum and maximum values of the slider.
  • PAGE UP and PAGE DOWN increment or decrement the slider by a given amount.
yes

note: When slider has no accessible name (label) or is disabled or readonly, it is identified (incorrectly) as an edit box. - also depended on how it si navigated to (arrow keys, tab key or edit/form control navigation keys)

Slider value announced as it changes

input [radio] single choice from a set of options "radio button checked/not checked" label content "x of y" where x = position in radio group, y = number of radio buttons in group.
  • List Radio Buttons CTRL+INSERT+R (JAWS <15) CTRL+INSERT+A (JAWS15+)
  • Move To Next Radio Button R (JAWS <15) A (JAWS15+)
  • Move to Prior Radio Button SHIFT+R (JAWS <15) SHIFT+A (JAWS15+)
yes  
input [reset] Button control for resetting a form  
  • List Buttons CTRL+INSERT+B
  • Next Button B
  • Previous button B
yes  
input [search] text control for inputting search terms  
  • List Edit Boxes CTRL+INSERT+E
  • Move To Next Edit Box E
  • Move to Prior Edit Box SHIFT+E
   
input [submit] Button control for submitting a form  
  • List Buttons CTRL+INSERT+B
  • Next Button B
  • Previous button B
yes  
input [tel] text box control for inputting a phone number  
  • List Edit Boxes CTRL+INSERT+E
  • Move To Next Edit Box E
  • Move to Prior Edit Box SHIFT+E
   
input [text] text box control  
  • List Edit Boxes CTRL+INSERT+E
  • Move To Next Edit Box E
  • Move to Prior Edit Box SHIFT+E
yes  
input [time] control for setting a specific time.     yes  
input [url] text control for inputting a URL  
  • List Edit Boxes CTRL+INSERT+E
  • Move To Next Edit Box E
  • Move to Prior Edit Box SHIFT+E
   
ins An addition to the document element content No special commands   No semantics conveyed
kbd User input element content No special commands   No semantics conveyed
label Caption for a form control        
legend Caption for fieldset        
li List item  
  • Next Item in a List I
  • Previous Item in a List SHIFT+I
   
link [no test] Link metadata none expected No special commands     No UI
main Main content of a document  
  • Move to Main Region Q
  • Move to Next Region SEMICOLON (JAWS14) R (JAWS15)
  • Move to Previous Region SHIFT+SEMICOLON (JAWS14) SHIFT+R (JAWS15)
  • Select a Region INSERT+CTRL+SEMICOLON (JAWS14) INSERT+CTRL+R (JAWS15)
     
map Image map none expected No special commands     No UI
mark Highlight element content No special commands     No semantics conveyed
math     No special commands      
meta [no test] Text metadata none expected No special commands     No UI
meter Gauge   No special commands      
nav Section with navigational links  
  • Move to Next Region SEMICOLON (JAWS14) R (JAWS15)
  • Move to Previous Region SHIFT+SEMICOLON (JAWS14) SHIFT+R (JAWS15)
  • Select a Region INSERT+CTRL+SEMICOLON (JAWS14) INSERT+CTRL+R (JAWS15)
   

When navigating by this element, Window-Eyes will automatically read the entire contents of the paragraph that gains focus. By default, Window-Eyes also hides multiple blank lines that might separate one paragraph from another. To see these lines, turn "Speak Blank Lines in Smart Paragraph Mode" on inside the Browse Mode section of the Window-Eyes control panel.

noscript [no test] Fallback content for script none expected        
object Image, nested browsing context, or plugin  
  • Next Object Tag O
  • Previous Object Tag SHIFT+O
     
ol Ordered list  
  • List All Ordered, Unordered, and Definition Lists CTRL+INSERT+L
  • Next List L
  • Previous List SHIFT+I
  • Next Item in a List I
  • Previous item in a List SHIFT+I
     
optgroup Group of options in a list box   No special commands      
option Option in a list box or combo box control          
output Calculated output value         No semantics conveyed
p Paragraph element content
  • List of Paragraphs CTRL+INSERT+P
  • Next Paragraph P
  • Previous Paragraph SHIFT+P
    no aural semantics, conveyed via navigation and paragraph list.
param [no test] Parameter for object none expected No special commands     No UI
picture [no test   none expected No special commands     No UI
pre Block of preformatted text element content No special commands     No semantics conveyed
progress Progress bar          
q Quotation element content No special commands     ?
rb [no test]   element content No special commands     No semantics conveyed
rp [no test]   element content No special commands     No semantics conveyed
rt [no test]   element content No special commands     No semantics conveyed
rtc [no test]   element content No special commands     No semantics conveyed
ruby[no test]   element content No special commands      
samp Computer output element content No special commands     No semantics conveyed
s Inaccurate text element content        
script [no test] Embedded script none expected No special commands     No UI
section Generic document or application section         No semantics conveyed unless the section has an accessible name.
select List box control  

List of Combo boxes CTRL+INSERT+C

 

     
small Side comment element content No special commands     No semantics conveyed
source [no test] Media source for video or audio none expected No special commands     No UI
span Generic phrasing container none expected No special commands     No semantics conveyed
strong Importance element content No special commands     No semantics conveyed
style [no test] Embedded styling information none expected No special commands     No UI
sub Subscript element content No special commands     No semantics conveyed
summary disclosure widget control/label          
sup Superscript element content No special commands     No semantics conveyed
svg     No special commands      

table

complex table test

Data table  
  • List Tables CTRL+INSERT+T
  • Next Table T
  • Previous Table SHIFT+T
  • Select Table use F8. To select an entire table, move to the line that reads, "Table with x columns and y rows," and press F8.
     
tbody Group of rows in a data table element content No special commands     No semantics conveyed
td Data cell in a data table  
  • Jump to Table Cell (from within a table) CTRL+WINDOWS Key+J
  • Return to Previous Cell CTRL+SHIFT+WINDOWS Key+J
  • Read current cell CTRL+ALT+NUM PAD 5
  • Move to and Read Next Cell CTRL+ALT+RIGHT ARROW
  • Move to and Read Prior Cell CTRL+ALT+LEFT ARROW
  • Move to and Read Cell Above CTRL+ALT+UP ARROW
  • Move to and Read Cell Below CTRL+ALT+DOWN ARROW
     
template [no test] Template none expected No special commands     No UI
textarea Multiline text field          
tfoot Group of footer rows in a data table element content No special commands     No semantics conveyed
th Header cell in a data table        
thead Group of header rows in a data table element content No special commands no No semantics conveyed
time Machine-readable equivalent of date- or time-related data element content No special commands no No semantics conveyed
title [no test] Document title element content Read Window Title INSERT+T     Semantics conveyed via navigation and announcement key stroke.
tr Data table row  
  • Read Next Row WINDOWS Key+ALT+DOWN ARROW
  • Read Prior Row WINDOWS Key+ALT+UP ARROW
  • Read Current Row ALT+WINDOWS Key+COMMA
  • Read from Beginning of Row to Current Cell INSERT+SHIFT+HOME
  • Read from Current Cell to End of Row INSERT+SHIFT+PAGE UP
yes  
track Timed text track caption display control No special commands    
u Keywords element content No special commands no No semantics conveyed
ul Unordered List  
  • List All Ordered, Unordered, and Definition Lists CTRL+INSERT+L
  • Next List L
  • Previous List SHIFT+I
  • Next Item in a List I
  • Previous item in a List SHIFT+I
yes  
var Variable element content No special commands no No semantics conveyed
video Video Player Controls and content      
wbr [no test] Line breaking opportunity none expected No special commands     No UI