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

[Locked Figures Aria] Update the auto-generated text to spell out commas #1976

Merged
merged 1 commit into from
Dec 10, 2024

Conversation

nishasy
Copy link
Contributor

@nishasy nishasy commented Dec 10, 2024

Summary:

All our interactive graph aria labels are spelling out commas
in coordinate pairs for clarity. When using a coordinate pair
as is, the screen reader may skip the comma and read
ambiguously.

Example: (1000, 975) ==> "one thousand nine hundred seventy-five" (sounds like 1975)

To fix this issue and be consistent with all the other
interactive graph aria labels, the locked labels' autogeneration
should also spell out commas.

  • Spell out commas in locked figures' auto-generated aria label text

Issue: none

Test plan:

yarn jest --silent

Storybook

Before After
image image

All our interactive graph aria labels are spelling out commas
in coordinate pairs for clarity. When using a coordinate pair
as is, the screen reader may skip the comma and read
ambiguously.

Example: (1000, 975) ==> "one thousand nine hundred seventy-five" (sounds like 1975)

To fix this issue and be consistent with all the other
interactive graph aria labels, the locked labels' autogeneration
should also spell out commas.

- Spell out commas in locked figures' auto-generated aria label text

Issue: none

Test plan:
`yarn jest --silent`

Storybook
- Go to http://localhost:6006/?path=/story/perseuseditor-widgets-interactive-graph--mafs-with-locked-figure-labels-all-flags
- Go through all the different locked figures and click "auto-generate"
- Note that their coordinates should all spell out the comma within
  the auto-generated text
  - Do this for point, line, vector, ellipse, and polygon (not function or label)
@nishasy nishasy self-assigned this Dec 10, 2024
@nishasy nishasy marked this pull request as ready for review December 10, 2024 19:28
Copy link
Contributor

Size Change: +21 B (0%)

Total Size: 1.29 MB

Filename Size Change
packages/perseus-editor/dist/es/index.js 697 kB +21 B (0%)
ℹ️ View Unchanged
Filename Size
packages/kas/dist/es/index.js 39 kB
packages/keypad-context/dist/es/index.js 760 B
packages/kmath/dist/es/index.js 4.27 kB
packages/math-input/dist/es/index.js 77.9 kB
packages/math-input/dist/es/strings.js 1.79 kB
packages/perseus-core/dist/es/index.js 1.48 kB
packages/perseus-linter/dist/es/index.js 22.2 kB
packages/perseus/dist/es/index.js 425 kB
packages/perseus/dist/es/strings.js 3.7 kB
packages/pure-markdown/dist/es/index.js 3.66 kB
packages/simple-markdown/dist/es/index.js 12.5 kB

compressed-size-action

Copy link
Contributor

npm Snapshot: Published

Good news!! We've packaged up the latest commit from this PR (9b1d579) and published it to npm. You
can install it using the tag PR1976.

Example:

yarn add @khanacademy/perseus@PR1976

If you are working in Khan Academy's webapp, you can run:

./dev/tools/bump_perseus_version.sh -t PR1976

@nishasy nishasy merged commit 2ad163b into main Dec 10, 2024
8 of 18 checks passed
@nishasy nishasy deleted the locked-figures-aria-comma branch December 10, 2024 20:02
nishasy added a commit that referenced this pull request Dec 10, 2024
This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and the packages will
be published to npm automatically. If you're not ready to do a release
yet, that's fine, whenever you add more changesets to main, this PR will
be updated.

# Releases
## @khanacademy/[email protected]

### Patch Changes

- [#1966](#1966)
[`e22a931d9`](e22a931)
Thanks [@mark-fitzgerald](https://github.com/mark-fitzgerald)! -
[Numeric Input] - BUGFIX - Adjust color contrast of tooltip text

## @khanacademy/[email protected]

### Patch Changes

- [#1976](#1976)
[`2ad163b5e`](2ad163b)
Thanks [@nishasy](https://github.com/nishasy)! - [Locked Figures Aria]
Update the auto-generated text to spell out commas

- Updated dependencies
\[[`e22a931d9`](e22a931)]:
    -   @khanacademy/[email protected]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants