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

アクセシブルなUI

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

アクセシブルなドロップダウンメニューの構成

この記事は、弁護士ドットコム Advent Calendar 2024 の 2 日目の記事です。 こんにちは、弁護士ドットコムでクラウドサインというサービスのフロントエンドを実装している @RINYU_DRVO と申します。車とギターが大好きです。 昨年の Advent Calender は Go html/templateで書くHTMLメールのハマりどころと対処法 を投稿しました。 今年のテーマは「ドロップダウンメニュー」「アクセシビリティ」です。 この記事で伝えたいこと 背景 改修対象 構成の全体像 解説 role 属性 menu menuitem none aria 属性 aria-la…

#アクセシビリティ#ドロップダウンメニュー#HTML#UIデザイン#アクセシブルなUI

関連ブログ

asoview! Tech Blog•25日前

新規プロダクト「アソビュー！海外」でアクセシビリティを意識して開発を行った話

こちらの記事は アソビュー！ Advent Calendar 2024 の23日目（裏面） です。 みなさんこんにちは。 アソビュー株式会社の櫻井と申します。社内では主にフロントエンドの開発に携わっています。 今回は新規プロダクトでアクセシビリティを意識して開発したことについて書きたいと思います。 はじめに アクセシビリティ改善活動の取り組み 背景 アクセシビリティ対応の実装詳細 1. ページ構造とナビゲーション 2. フォーム要素とインタラクション 3. 画像とメディア img 要素 button + svg 要素 4. フォーム入力 label と input 要素の紐づけ 必須項目の表示…

ozaki25’s diary•4ヶ月前

「Money Forward Tech Day 2024」に参加してきました

2024/9/20 https://techday.moneyforward-dev.jp/2024/ https://moneyforward.connpass.com/event/325167/ マネーフォワードのエンジニアリング進化論 Shota Kurodaさん/VPoE マネーフォワード 2012年設立 2400人 エンジニアは4割 60以上のプロダクト エンジニアの40%異常が外国籍 エンジニアリングの進化の歴史 スタートアップ期 アカウントアグリゲーションを活用 いろんな金融データ B2B SaaSの拡大 Railsでモノリス 共有DBに数百億レコード ここが止まると全部止まる …

SmartHR Tech Blog•7ヶ月前

キャリア台帳のE2EテストでPlaywrightを利用している話

こんにちは、SmartHRでキャリア台帳の開発を担当しているプロダクトエンジニアのhosoyaです。 今日は、私たちがどのようにPlaywrightを使ってキャリア台帳のE2Eテストを実装しているかについてお話しします。 なぜPlaywright？ E2Eの導入・運用の検討を始めた当時、SmartHRで運用されているE2Eは、Rspec x Selenium x Capybaraが主流でした。 キャリア台帳は新規プロダクトという事もあり、新しいツールの選定をしてもよいのではないかということでチーム内での検討がはじまりました。 採用理由に関しては以前紹介された「E2Eテストを Playwrigh…