フロントエンドカンファレンス北海道2024 (2024/08/24) でのスポンサー LT 資料 https://fortee.jp/frontend-conf-hokkaido-2024
こんにちは!サイボウズ様で業務委託でフロントエンドエンジニアをしている Nokogiri です。 このたびはCybozu Summer Blog Fes'24にて執筆の機会をいただきましたので、僭越ながら寄稿させていただきます。 今回はReact Testing LibraryでのWAI-ARIAロールの活用事例について紹介させていただきます。 前提 Reactで書かれたUIをテストする方法の一つとしてTesting Library があります。 Testing Libraryでは要素取得にWAI-ARIA ロールを利用することを推奨しています。(ロールは視覚/マウス ユーザーだけでなく、支援技術を使用するユーザーのエクスペリエンスを反映するため) 実はWAI-ARIA ロールには66個のロールがありますが、実際によくWeb開発で使われるUIにどのようなロールが付与されているのかを知りたく
2020.9.2 Release 「永遠のAria」 作詞:上原梨紗 作曲:家原正樹・Giz'Mo (from Jam9) 編曲:家原正樹 テレビアニメ『七つの大罪 憤怒の審判』オープニングテーマ ===== 雨宮天 アーティストデビュー10周年記念! Music Videoフル尺順次公開中! https://www.youtube.com/playlist?list=PLC0sC1NiXlL7KhoVZHfotKC_jNkbIMNvM 8/13(火) 20:00~ 10周年記念特番 雨宮天が生配信でひたすらおしゃべりする「あおしゃべり」第5回 https://youtube.com/live/IGynSHThuNc ===== ☆DL/ST:https://mra.lnk.to/SoraAmamiya ☆雨宮天公式X(旧:Twitter) https://twitter.co
React Aria は Adobe が提供する React 用のコンポーネントライブラリです。スタイルを持たずに UI の機能やロジックのみを提供するいわゆるヘッドレス UI ライブラリであり、特に React Aria はアクセシビリティを最優先した設計となっているのが特徴です。ブログの連載記事で、アクセシブルなボタンコンポーネントの作成方法について深く掘り下げられていることから、その力の入れようが伺えます。 Buttons seem like simple components at first, but they hide a lot of complexity under the hood. In the first part of this series, we'll look at how React Spectrum and React Aria implement ada
商品の説明 ARIA(アリア) A-20-53/530mm 杉/サペリ 2022年新品です。 お子様向けの練習用ギター、ペペ・ギターの中国製廉価版です。 中国製廉価版とはいえ、中国のギターメーカーの中でも指折りの優秀なメーカー製ですので安心してご使用いただけます。 表面板はシダーの単板ですので、明るくて良く鳴るギターとなっています。 弦長530mmのこの機種は、小学校中学年用です。 ポジションマークが5フレット・7フレット・12フレットについています。 ネックにはトラスロッドが内装されていますので、多少ネックが曲がっても調整が簡単です。 この小型ギターは、トラベルギターの始まりでした。 ソフトケース付きです。 定価¥26,400⇒税込販売価格¥19,800と特価となっております。(ビックリ25%OFF) 弦高:①3.0mm ⑥3.8mm ナット幅:48.0mm ナット部弦幅:39.0mm
「絶対にdisabled属性を避けて、aria-disabled属性を使わなければならない」わけではありませんHTMLアクセシビリティWAI-ARIA 最近、「アクセシビリティのために、HTMLの disabled 属性ではなく、aria-disabled 属性を使うべき」という主張を見かけますが、本当にそうなのでしょうか? disabled属性を使っていても、スクリーンリーダーで要素を知覚できる そのような主張をしている人、それを受け止めた人の中には「 disabled 属性を使った要素はスクリーンリーダで読めなくなる」と誤解している人が少なからず存在するように思われます。しかしこれは正しい理解ではありません。 たしかに、disabled属性を付加している button 要素や input 要素、 select 要素、 textarea 要素は、Tabキーによるフォーカスはできなくなりま
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く