2019-03-26 「freee人事労務」の従業員向けモバイルアプリiOS版がアクセシビリティへの対応をスタートさせた。これは、iOSに標準で搭載されている画面読み上げ機能（VoiceOver）の活用により、視覚に障害がある方でも「打刻」「勤怠入力」「給与明細の確認」といった、「freee人事労務」の基本機能を利用できるようにするもの。 障害によって業務への関わりを制限することなく、ビジネス参画のチャンス、そして働き方の幅を広げるために――アクセシビリティ対応に注力するようになった背景、そして今なお続行中のアクセシビリティ対応について聞いた。 なぜ今、アクセシビリティに注目するのか？ ――まず、freeeがアクセシビリティにフォーカスした経緯をお聞かせください。 伊原　私は「freee人事労務」のプロダクトマネジャーを務めていますが、2017年の入社前はUXデザインに携わり、アクセシビリ

この他に macOS の Chrome では、ShiftキーとMetaキーを併用することで、新しいタブで開きつつそのタブをアクティブにすることができました。 CSS によるスムーズスクロール ページ内リンクをクリックしたときのスクロールを、アニメーションによってスムーズにしたいということはよくあります。これは CSS のscroll-behaviorプロパティを使えば非常に簡単に実装できます。 body { scroll-behavior: smooth; } たったこれだけの宣言で、JavaScript を一切用いることなく、ページ内リンクをクリックしたときのスクロールにアニメーションが伴うようになります。また、ページ内リンクのクリックだけでなく、可視領域外にある要素がフォーカスされたときや、ページ内検索に一致したテキストがハイライトされたときなど、スクロールが伴う場面すべてに適用されま

WAI-ARIAの中で、コンテンツが展開されているかどうかの状態を表すaria-expandedは、WAI-ARIAの中でもよく使われている属性のうちの一つ[注1]ですが、誤った使い方をみかけることも少なくありません。また私自身も間違った理解のまま使用していた時期もありました。 [注1] : 出典 Usage of ARIA attributes - Analysis - Discuss - HTTP Archive そこでaria-expandedのよく見かける間違いと、仕様に基づいた正しい使い方をまとめました。 間違いその1：aria-hiddenとaria-expandedを混同する aria-expanded は要素、または要素が制御する別のグループ化要素が、現在展開されるまたは折りたたまれるかどうかを示す。ステートです。要素そのものが隠れているかどうかを示すaria-hidden

実はこのテキストの中には、どこかがリンクになっています。どこのテキストにリンクが指定されているかビジュアルだけでわかりますか？ 少し意地悪な問題ですが、本題ではないので早速答えを述べます。実は、「このテキスト」という部分にリンクが指定されています（リンクには「#」が設定されているので、クリックするとこのページのトップに移動します）。 皆さんはどの段階で「このテキスト」という部分が少し青色であることに気づけましたか？もしかしたら、普段色を使うお仕事をされている方（デザイナーなど）はすぐに違和感に気づけたかもしれませんが、全てのテキストを読んでから青色になっている部分を探して見つけた方もいらっしゃるのではないでしょうか。 このように、本文が黒文字でリンク色に暗めの青を使った場合はリンクだと気づけないことがあリます。 では、どのようなスタイルにすれば良かったのか考えると以下のようなパターンが挙げ

A11yc アクセシビリティ チェック サービス ver.4.0.3 URL URL User Agent ドキュメントルートURL (ex: http://example.com) 外部CSSチェック

このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。

オリンピックについてスポーツとソリダリティー 東京2020大会は、新型コロナウイルスの世界的感染拡大発生後、世界が初めて一堂に会し、アスリートとスポーツの祭典という純粋な本質に焦点を当てたオリンピックとして、かつてないほどの団結力と連帯感を示しました。 この連帯感は、開催が1年延期された東京2020の成功に欠かせないものでした。特に、安全で安心な参加と運営のためのガイドラインである東京2020プレーブックの策定において重要な役割を果たしました。このプレーブックは、大規模なスポーツイベントの新しい基準となるもので、アスリートからメディアまで、すべての人が安全に大会に参加できることを保証するものです。 若さ、都会的、男女平等 東京2020大会では、オリンピックプログラムの進化を示し、新しい世代に向けてオリンピックの魅力を強化する新しい競技や種目を導入しました。東京2020では、オリンピック史上