search

WestpacCXTeam / GUI-source

Westpac GUI source code
http://WestpacCXTeam.github.io/GUI-source
GNU General Public License v2.0
37 stars 19 forks source link

Headings require :focus styling #453

Closed jonnystening closed 5 years ago

jonnystening commented 5 years ago

When headings are placed within the context of <form> elements, screen readers do not read them and those users miss what is often important contextual information.

When a screenreader jumps enters a form the screen reader goes into 'Forms mode'; navigation is between the input elements, not the normal document structure, so headings and any other text not attached to input elements is completely ignored.

To ensure these headings are read, a tabindex is required (likely tabindex="0") so the item is placed in the normal tab order.

Fix: Ensure h1, h2, h3, h4, h6 headings have :focus styling to match other input controls.

jonnystening commented 5 years ago

fixed in WestpacCXTeam/GUI_text-styling@399379ff2b9700049aa48d6f8e172a9bdc542d29