Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

labeling of fieldset is not output correctly (Chrome) #315

Open
JAWS-test opened this issue Sep 18, 2019 · 3 comments
Open

labeling of fieldset is not output correctly (Chrome) #315

JAWS-test opened this issue Sep 18, 2019 · 3 comments

Comments

@JAWS-test
Copy link

JAWS-test commented Sep 18, 2019

Summary

labeling of fieldset is not output correctly (Chrome)

  1. save as HTML file:
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>legend</title>
	</head>
	<body>
		<span id=1>aria-labelledby</span>
		<fieldset aria-label=arialabel>
			<legend>legend1</legend>
			<input aria-label=1>
		</fieldset>
		<fieldset aria-labelledby=1>
			<legend>legend2</legend>
			<input aria-label=2>
		</fieldset>
		<fieldset title=title>
			<input aria-label=3>
		</fieldset>
	</body>
</html>
  1. Use quick navigation (E)
  2. Use element overview (INS+Ctrl+E)
  3. Navigate with Tab keygen
  4. read with arrow keys

Expected result

Output according to https://w3c.github.io/html-aam/#fieldset-and-legend-elements

  • aria-label and aria-labelledby should be output instead of legend (Example 1 and 2)
  • title should be output if there is no legend (Example 3)

Actual result

See also: #233, #100 and #241 (comment)

Chrome:

  • ok, only in element overview the legend is shown instead of the aria-label or aria-labelledby
  • additional output of legend when reading with arrow keys

Firefox

  • ok
  • no output of legend when reading with arrow keys

Additional Information

JAWS version and build number

JAWS 2019.1907.42

Operating System and version

Windows 10

Browser and version:

Chrome 76.0.3809.132
Firefox ESR 60.9.0

@hannalaakso
Copy link

We've also run into this issue with Jaws 2018 and IE11 (test page).

  • Shift + H announces "There are no headings on this page"
  • Ins + F6 announces "No headings found"

Jaws 17 and 18 announce the headings correctly.

@lamador
Copy link

lamador commented May 15, 2020

The following results were are from testing in Windows 10 using Codepen - Issue 315 Test code which is based on the HTML sample originally provided:

  • In Firefox 76.0.1 (64-bit), the fieldset labels are correctly announced and listed in the "Select a Form Field" window.
  • In Chrome 81.0.4044.138 (Official Build) (64-bit), the fieldset labels are correctly announced, but the "Select a Form Field" window incorrectly provides the visible legend text in the examples using aria-label and aria-labelledby instead of the ARIA values.
  • In IE11 11.778.18362.0, the fieldset label provided by the title attribute is not announced or displayed in the "Select a Form Field" window. Additionally, the visible legend text is provided in the window as exhibited in Chrome.

@stevefaulkner stevefaulkner changed the title labeling of fieldset is not output correctly (Chrome, IE 11) labeling of fieldset is not output correctly (Chrome) May 21, 2024
@stevefaulkner
Copy link
Contributor

Tested with JAWS 2024.2405.48 and Chrome Version 125.0.6422.61 (Official Build) (64-bit) can reproduce

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

6 participants