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

fix: sd-input a11y #1615

Open
wants to merge 20 commits into
base: main
Choose a base branch
from
Open

fix: sd-input a11y #1615

wants to merge 20 commits into from

Conversation

smfonseca
Copy link
Contributor

@smfonseca smfonseca commented Nov 5, 2024

Description:

This PR closes 1479 and 1520
It also introduces custom spin buttons for number inputs which improves the component accessibility since now all changes in a type="number" input are correctly announced by screen readers.

@MartaPintoTeixeira @coraliefeil in this PR there are copy changes, mainly for max-length and min-length. Please consider them to align with Figma. If you have any questions, please let me know.
-> Checked. No todos on our end needed.

Definition of Reviewable:

  • Documentation is created/updated
  • Migration Guide is created/updated
  • E2E tests (features, a11y, bug fixes) are created/updated
  • Stories (features, a11y) are created/updated
  • relevant tickets are linked

Copy link

github-actions bot commented Nov 5, 2024

🚀 Storybook has been deployed for branch fix_sd-input-a11y

@smfonseca smfonseca marked this pull request as draft November 5, 2024 16:43
@coraliefeil
Copy link
Contributor

Checked. No todos on our end needed.

@coraliefeil coraliefeil removed their assignment Nov 6, 2024
@smfonseca smfonseca marked this pull request as ready for review November 7, 2024 14:59
@paulovareiro29 paulovareiro29 removed their assignment Nov 11, 2024
render: () =>
html`<div class="flex flex-rows gap-12">
<sd-input label="Label" spellcheck>
<sd-icon label="landscape" library="global-resources" name="system/picture" slot="left"></sd-icon>
Copy link
Contributor

@auroraVasconcelos auroraVasconcelos Nov 12, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

library="global-resources" is deprecated, no library is needed to be referenced. the icon name may be different, check the figma.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for the information @auroraVasconcelos. Was this documented somewhere that I may have missed it? I still see lots of places in the codebase with this.

smfonseca and others added 3 commits November 12, 2024 12:33
Co-authored-by: Paulo Vareiro <58229468+paulovareiro29@users.noreply.github.com>
# Conflicts:
#	packages/docs/src/stories/templates/input.stories.ts
@paulovareiro29 paulovareiro29 removed their assignment Nov 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: 👀 In review
Development

Successfully merging this pull request may close these issues.

feat[dev]: ✨ implement A11y improvements to sd-input
7 participants