HTMLとCSSで勉強すべきことがしっかりまとめられている、アクセシビリティやパフォーマンスを考慮した実装を学べる良書 -モダンHTML＆CSS 現場の新標準ガイド
※本ページは、アフィリエイト広告を利用しています。 最新のHTMLとCSSをしっかり学びたい人にお勧めの解説書を紹介します。 HTMLとCSSの最新の仕様に基づき、必要な知識を身につけ、アクセシビリティやパフォーマンスに考慮した実践的なテクニックをしっかり学べます。Web制作者が持っておいて間違いのない一冊です。 HTMLとCSSは機能が増えて自由度が高くなった分、複雑化しています。またアクセシビリティについての需要もかなり高まっています。 著者はHTMLやCSSをはじめ、JavaScriptの解説書などWeb制作系の解説書で、はずれ無しのエビスコム様。ていねいで詳しい解説は分かりやすく、実践的なサンプルもたくさんあるので、かなり役立つと思います。 本書は最新のHTMLとCSSの仕様に基づいて、アクセシビリティやパフォーマンスにも注目したセマンティックな実装をていねいに詳しく解説した解説書
Nintendo Switch 2 はアクセシビリティの設定で、 文字の大きさやボタンの割り当ての変更など、 さまざまなカスタマイズをすることができ、 ゲームを遊ぶ方をサポートします。
複数のテキスト要素や画像がグループ化されて、そのグループ全体が一つのリンクになっているというUI表現がある。ブロックリンクやカードUIなどと呼ばれるものだ。たとえば次のような実装になる。 <article> <a href="news.html"> <h3>Budget Debate Continues in Parliament</h3> <p class="subhead"> <img class="alertimg" src="alerticon.png" alt="Breaking News" height="30" width="30" /> Members of Parliament continued vigorous debate on three challenging issues surrounding the upcoming year's budget. </p>
こんにちは、SmartHR プロダクトエンジニアの ceris と gaha です。 複雑な UI コンポーネントの実装において、アクセシビリティの確保は難しい課題の1つです。 この記事では、smarthr-ui で提供している階層構造のフォーム UI コンポーネントについて、アクセシビリティを考慮しながら、どのように複雑なUIを実現したのか、その実装アプローチとアクセシビリティへの取り組みをご紹介します。 目次 目次 smarthr-ui で提供している階層構造のフォーム UI 階層表現を実現するための実装の説明 利用例 アクセシビリティのこだわりポイント デスクトップアプリのようなUIのマークアップ ── application ロールの活用 階層構造のフォームのマークアップ ── input type="radio" の指定 階層構造のリスト表現のマークアップ ── aria-own
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アクセシビリティ設定｜Nintendo Switch 2｜任天堂
ブロックリンク（もしくはカードUI）のアクセシビリティ上の問題と解決策
アクセシビリティを考慮した階層構造のフォームUIをどう実現したか - SmartHR Tech Blog
「Chrome OS M135」がリリース ～キーボードでマウスを操作できるアクセシビリティ機能などを導入／脆弱性も6件修正
Steamで「アクセシビリティの種類」を指定してゲーム検索できる機能導入へ。どこでもセーブや難易度調整など、項目いろいろ - AUTOMATON
Windowsに音読を指導してくれる機能が追加、AIの活用で／アクセシビリティや教育にも有用な「Copilot+ PC」体験がプレビュー版OSでテスト開始
Ubisoft、「色覚異常向けアクセシビリティ開発ツール」を無料公開。3つの色覚型に対応、テスト開発しやすい機能充実 - AUTOMATON
