Hatena Blog Tags
はてなブログ トップ
ウェブアクセシビリティ
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

ウェブアクセシビリティ

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
asoview! Tech Blog•2ヶ月前

AI時代のサービス品質を、アクセシビリティからデバッグする

こんにちは。アソビューでプロダクトデザインを担当している山中です。 今回は、AI時代におけるサービス品質を、アクセシビリティという観点から捉え直してみたいと思います。 最近、AIを使って画面案を出したり、文章を整えたり、コードを書いたりすることが身近になりました。以前なら時間がかかっていた作業も、いまは短い時間でたたき台まで進められます。この変化自体は、とても前向きなものだと思っています。 一方で、作れる量と速度が上がるほど、これまでと同じ確認方法では、プロダクトの「見えないバグ」を見落としやすくなるのではないかとも感じています。 見た目は整っている。動いているようにも見える。けれど、キーボー…

#ウェブアクセシビリティ#組織づくり

関連ブログ

みんなで作る優しい世界 - インクルーシブデザインの扉•2ヶ月前

🏪 ECサイト・オンラインショッピングの改善 - デジタル商取引の包括性

こんにちは！こんばんは！😊 オンラインショッピング、便利ですよね✨ 自宅にいながら、世界中の商品が届く時代。「欲しいものがすぐ手に入る」って、生活をぐっと豊かにしてくれます。 でも、こんな現実があります😢 ・視覚障がいがあり、画像だけの商品説明では内容がわからない ・高齢で、小さな文字や複雑な操作に迷ってしまう ・認知症があり、購入手続きのステップが多くて途中で断念してしまう ・色覚特性があり、「赤いボタンを押してください」と言われても判別できない・読み書きに不安があり、長い規約や説明文が理解しにくい ・手に障がいがあり、細かいタップ操作が難しい 「誰でも買い物できる時代」のはずなのに、ECサ…

#インクルーシブデザイン#ECサイトアクセシビリティ#ウェブアクセシビリティ#デジタルバリアフリー
Techtouch Developers Blog•1年前

フォーカスインジケータの視認性向上：CSS実装のポイント

こんにちは。フロントエンドエンジニアの shoko です。 昨年から野球観戦にハマり、毎日の楽しみとなっています⚾️ 今回は、キーボード操作時にどの要素がフォーカスされているかをユーザーに明確に伝えるために行ったフォーカスインジケータ改善の試行錯誤をご紹介します。 フォーカスが見えない問題 初期対応：CSSでフォーカスを見える化 新たな課題：背景に埋もれるフォーカス 最終改善：2色構成で視認性UP WCAG解説書・達成方法集からヒントを得る 2色構成のフォーカスインジケータ デフォルトのフォーカスインジケータを使わなかった理由 おわりに フォーカスが見えない問題 Tabキーなどを利用しキーボー…

#アクセシビリティ#ウェブアクセシビリティ#CSS
弁護士ドットコム株式会社 Creators’ blog•2年前

イベント開催レポート：「出張！俺の電子契約」〜クラウドサインをアクセシビリティチェック〜

クラウドサインは2015年サービスリリース後、不定期でアクセシビリティの改善を行ってきました。2023年以降、より持続的な改善活動を開始、2024年にはウェブアクセシビリティ試験結果を公開し、利用者の年齢・生活環境・利用環境などに関わらず「誰もが使えるサービス」を目指しています。 2024年9月11日(水) SmartHRさんとのハイブリッドイベント「弁護士ドットコム×SmartHR「出張！俺の電子契約」〜クラウドサインのアクセシビリティチェック〜」を開催しました。オンライン参加者約70名、オフライン参加者約50名と大盛況でした。 本記事ではイベントの雰囲気と一部の内容をご紹介します。 イベン…

#ウェブアクセシビリティ#クラウドサイン#スクリーンリーダー#点字ディスプレイ#a11y
ゼスト Tech Blog•2年前

ウェブアクセシビリティについて学ぶ

こんにちは、 株式会社ゼストでプロダクトデザインを担当している池田です。 2024年4月1日に民間事業者の合理的配慮が義務化になり、約半年。 ウェブアクセシビリティについて知っておかないとと思い調べ、自分なりにまとめてみました。 民間事業者の合理的配慮とは まず、「民間事業者の合理的配慮」とは何か？ ひと言で言うと、障がいを持つ方にとって不便なことが何かを知り、可能な範囲でそれに対応する事です。 では、ウェブサイトで対応すべきこと、対応可能なことはなんでしょう？ それは、「JIS X 8341-3:2016に準拠したウェブサイトを作り、ウェブアクセシビリティを確保すること。」です。 JIS X…

#ウェブアクセシビリティ
Techtouch Developers Blog•4年前

いますぐできる！Webアクセシビリティ改善3選

テックタッチアドベントカレンダー 22 日目を担当する、フロントエンドエンジニアの shoko です。クリスマスが大好きで、12 月に入ってからは毎日うきうきしています！ 本日のテーマは「アクセシビリティ」です。 アクセシビリティとは？ アクセシビリティとは、Web システムやサイトを可能な限り多くの人が利用できるようにすることを意味します。 「可能な限り多くの人」というのは、ハンディキャップを持つ人々だけではなく、さまざまな状況や環境も含まれます。例えば、モバイルデバイスや回線の遅いネットワークを利用する場合、屋外の光が眩しい場所でデバイスを利用する場合、機械の故障でマウスが使えずキーボード…

#フロントエンド#アクセシビリティ#ウェブアクセシビリティ