We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
You can continue the conversation there. Go to discussion →
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
話したい・聞きたいネタを書いてく ✏️
ハッシュタグ #frontend_night
Prev: #165
Created from #65 by issue-creator
The text was updated successfully, but these errors were encountered:
Icon ボタンのアクセシビリティを高めるための話。
また、Text がない Icon についての Accessible な実装について3つ紹介している
感想として、Text がない Icon ボタンの場合は aria-label をつける 3のパターン、そうでない場合は aria-labelledBy と hidden Text を組み合わせる 2のパターンが実装方針として良いのではないかと思った。
aria-label
aria-labelledBy
上記の実装が実現できていると、 https://testing-library.com/docs/queries/byrole/ で getByRole("button", { name: "label" } で DOM が指定できるようになるので、ボタンを実装する際には心がけたい。
getByRole("button", { name: "label" }
Sorry, something went wrong.
No branches or pull requests
Policy
話したい・聞きたいネタを書いてく ✏️
ハッシュタグ #frontend_night
Prev: #165
Created from #65 by issue-creator
The text was updated successfully, but these errors were encountered: