Skip to content

Conversation

@maiha2
Copy link
Contributor

@maiha2 maiha2 commented Jul 29, 2025

課題・背景

  • 日時入力UIを実装するときに、Input typeが適切に活用されないことがあった
  • 分割された日時入力で、アクセシブルネームやラベルがない実装が発生しやすかった

やったこと

  • デザインパターンに日時入力UIに関するページを追加し、想定されるパターンと説明を記載した。

関連PR: #1612 で、同様の内容を「アクセシビリティ関連の実装プラクティス」として掲載する案があったが、実装プラクティスはプロダクト配下のコンテンツに集約するのがよさそうなため、今回のPRを作成した。

動作確認

https://deploy-preview-1711--smarthr-design-system.netlify.app/products/design-patterns/datetime-input/

@maiha2 maiha2 requested a review from a team as a code owner July 29, 2025 02:40
@maiha2 maiha2 requested review from allyess-k and oremega July 29, 2025 02:40
@netlify
Copy link

netlify bot commented Jul 29, 2025

Deploy Preview for smarthr-design-system ready!

Name Link
🔨 Latest commit 5f6470f
🔍 Latest deploy log https://app.netlify.com/projects/smarthr-design-system/deploys/6888785a0490ac0008729766
😎 Deploy Preview https://deploy-preview-1711--smarthr-design-system.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@maiha2 maiha2 marked this pull request as draft July 29, 2025 03:51
@maiha2 maiha2 force-pushed the add-datetime-to-design-ptn branch 2 times, most recently from d20144d to bbea4a5 Compare July 29, 2025 05:48
@maiha2 maiha2 force-pushed the add-datetime-to-design-ptn branch from bbea4a5 to 5f6470f Compare July 29, 2025 07:29
@maiha2 maiha2 requested review from uknmr and removed request for allyess-k and oremega July 29, 2025 21:55
@maiha2
Copy link
Contributor Author

maiha2 commented Jul 30, 2025

InputFileの「ファイルを選択」がラベルではないことなどの説明を加えることにしたため 一旦Draftにしています。

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