Skip to content

Instantly share code, notes, and snippets.

View yamanoku's full-sized avatar
🐙
一児の父です

Okuto Oyama yamanoku

🐙
一児の父です
89 followers · 76 following
View GitHub Profile
@yamanoku
yamanoku / 2024年よりWebアクセシビリティ対応が義務化する記事まとめ.md
Last active January 11, 2024 06:26
@yamanoku
yamanoku / why-do-people-rely-on-pop-up-ui.md
Created August 25, 2023 13:58
この記事はお題を与えて ChatGPT に書かせた記事です。

なぜ人々はポップアップUIに頼ってしまうのか？

頼ってしまう理由とその背景を考える

Web企業やサービスプロバイダーは、ポップアップUIを利用して宣伝や告知を行うことが多いです。なぜなら、ポップアップは目立ちやすく、即座にユーザーの注意を引くからです。しかし、一部のユーザーにとってはポップアップは迷惑なものと感じることもあります。その理由を考えると、以下のような要素が挙げられます。

  1. 目立ちすぎる: ポップアップはユーザーに対して画面上で最も目立つ位置に表示されるため、ユーザーが求めている情報の妨げになることがあります。
  2. 中断感: ポップアップが表示されると、ユーザーの行動が一時的に中断されることになります。これはユーザーエクスペリエンスに悪影響を及ぼす可能性があります。
  3. 頻度: 一部のWebサイトはポップアップを頻繁に表示し、ユーザーの閲覧体験を妨げることがあります。これはポップアップへのユーザーの反応を悪化させる可能性があります。
@yamanoku
yamanoku / alt-text-hall-of-fame.md
Last active August 24, 2023 11:46
Alt Text Hall of Fame（ https://alttexthalloffame.org/ ）の非公式日本語訳

altテキストとは？

代替テキスト（略してaltテキスト）とは、ウェブサイトやソーシャルメディアで画像を公開する際に、画像を説明するために使用できるテキストのことです。

なぜaltテキストが重要なのでしょうか？

ブラウザが画像を表示しなくなったと想像してみてください。それでも、記事の中で画像が参照されているのを見たり、画像についての会話を読んだり、人々がジョークを言っているのを読んだりするでしょう。この経験はあなたにとってどのようなものだろうか？かなり取り残された気分になるだろう。

これが、目の見えない人や視覚障害者にとっての現実なのです。しかし、状況は良くなっている！

@yamanoku
yamanoku / docs-radix-ui-accessibility.md
Created March 28, 2023 11:18
https://www.radix-ui.com/docs/primitives/overview/accessibility の非公式日本語訳

アクセシビリティ

Radix Primitives は、ARIA Authoring Practices Guide に従い、幅広い種類のモダンブラウザやよく使用されている支援技術によってテストされています。

私たちは、アクセシビリティに関連する多くの実装上の詳細、aria 属性や role 属性、フォーカス管理、キーボードナビゲーションなどを扱っています。これにより、ユーザーは多くのコンテキストで私たちのコンポーネントをそのまま使用し、期待されるアクセシビリティデザインパターンに従う機能性に依存できるようになります。

WAI-ARIA

WAI-ARIAは、W3C によって発表・メンテナンスされており、Radix Primitives で表示される多数の一般的な UI パターンのセマンティクスを規定しています。これは、ブラウザーに提供される要素を使用せずに構築されたコントロールに意味を与えるために設計されています。たとえば、button を作成するために div を使用する場合、div がスクリーンリーダーや音声認識ツールにとってボタンであることを伝えるために追加する必要がある属性があります。

@yamanoku
yamanoku / 2022-best-of-tweet-2nd.md
Created December 31, 2022 03:06
@yamanoku
yamanoku / 2022-best-of-tweet-1st.md
Created December 30, 2022 12:04
@yamanoku
yamanoku / js-party-205.md
Last active January 9, 2022 02:37
https://github.com/thechangelog/transcripts/blob/master/jsparty/js-party-205.md

Amal Hussein: JSパーティーのリスナーの皆さん、こんにちは。今日はとてもとても特別なショーにようこそ... 毎週言っていることですが、本当に、この番組にとても興奮しています。本当に特別なゲストをお招きしていますが、ゲストをご紹介する前に、本日の共同パネリスト、副操縦士のアメリア・ワッテンバーガーをご紹介します。こんにちは、ようこそ、アメリアさん。

Amelia Wattenberger: ヘイヘイヘイ。

Amal Hussein: アメリア、あなたの名前はドイツ語ですか？ちょっと聞きたいんだけど・・・。だってワッテンベルガーって言う度に、完全なドイツ語にしたい衝動に駆られるんだもの。"問題なし、ヤー "みたいな感じで。

Rich Harris: ワッテンバーガー

Amal Hussein: ああ、ワッテンベルガーか...。それでドイツ語なの？

@yamanoku
yamanoku / 2021-best-of-tweet-2nd.md
Created December 29, 2021 10:55
@yamanoku
yamanoku / 2021-best-of-tweet-1st.md
Last active December 29, 2021 10:29
@yamanoku
yamanoku / output_summary_2021.md
Last active December 16, 2021 01:57
Lapras output_summary 2021