アクセシビリティ対応のついでに色々やった話 - LIFULL Creators Blog
こんにちは。エンジニアの中島です。 現在はアクセシビリティ推進グループ（以下推進グループ）に在籍しています。 以前同組織の紹介記事をいくつかあげましたが、その通り弊社は自社の運営するサービスをアクセシブルにするため日々奮闘しています。 www.lifull.blog www.lifull.blog 以前の記事ではどういったマインドで同組織ができたか、どのように推進しているかについて話ました。 今回は、そういった活動の中でいくつか技術的な副産物が生まれたのでその話をしようと思います。 キーボード操作編 CSSの概念距離 さいごに キーボード操作編 アクセシビリティ対応にあたって、基本的なやることの一つにUIをキーボード操作可能にするという作業があります。 自社のサービスにもキーボード操作不能ないくつかのUIの存在を認識しており、それらを実際に直していくということをしています。 修正時、場合に
今日からはじめる！ WEBアクセシビリティ対応｜リクルート Air ビジネスツールズ プロダクトデザイン
こんにちは、リクルートでプロダクトデザイナーをやっているmunazoです。 私はWebアクセシビリティの対応が強く求められるプロジェクトに参加したのですが、WCAGなどの規格は初学者からすると難しく、正直何から始めていいかわかりませんでした。 Webアクセシビリティ難しすぎる問題という記事に書かれているように、私も同じようにアクセシビリティは難しいと言う印象が強かったのですが、実際にやり始めてみると、簡単に始められる事も多くあると言うことに気付きました。 この記事では、アクセシビリティに対応したいけど始められていない・・ と言う方向けに、具体例を交えて対応のポイントをご紹介します！ こう言う人向け ・必要性は分かっているけど、何から始めたらいいかわからない ・WCAGなど、難しそうな印象で手をつけられていない・・ ・自分は知らなくても、他の人がやってくれると思ってしまっているはじめにWCA
Webアクセシビリティチェックに役立つフリーツール | ビジネスとIT活用に役立つ情報（株式会社アーティス）
コントラスト比チェック「ColorTester」 JIS X 8341-3:2016では、色覚障がい者への配慮として背景色と文字色のコントラストに下記の基準が設けられています。 1.4.3 コントラスト（最低限レベル）の達成基準（レベルAA） テキスト及び文字画像の視覚的提示には，少なくとも4.5:1 のコントラスト比がある。 サイズの大きなテキスト及びサイズの大きな文字画像には、少なくとも3:1のコントラスト比がある。JIS X 8341-3:2016より コントラスト比「4.5:1」「3:1」と言われても満たしているかどうかを目視で判断することは不可能です。 そこで登場するのが、コントラスト比チェック「ColorTester」です。 ColorTesterは、寄附歓迎のフリーソフトです。基本無償で使うことができます。 ColorTesterの使い方
Webエンジニアとしていま知っておきたいWebアクセシビリティ
この文章について これは Front-End Study #3「『当たり前』をつくりだすWebアクセシビリティ」で基調講演をするにあたって、登壇内容を整理するために書いたものです。登壇内容とは一部に差異があります。 イベント映像 この文章はむちゃくちゃに長いので、登壇映像を見たほうがいいかもしれません。わたしの発表は13:23くらいから30分ちょっとです 登壇資料（内容は同一です） https://speakerdeck.com/ymrl/webenziniatosite-imazhi-tuteokitai-webakusesibiritei https://docs.google.com/presentation/d/1uhCvhh6sZCPUnReSBVDjvGfNAOTKbZ5Sxs8fYMlxMsI/edit?usp=sharing 目的 Web業界で「エンジニア」の肩書で仕事して
満たしておくべきWebアクセシビリティを向上させる5つの手法｜Yuji Mine
こんにちはフロントエンドエンジニアの峯です。 今回はアクセシビリティを向上させる５つの手法について紹介します。 みなさんアクセシビリティについて、どのくらい意識して普段のプロダクト開発に携わっていますか？ ここで紹介する５つは、あなたのサイトがより多くの方にとって有意義なサイトにするための基本的かつ、不可欠な要素です。 アクセシビリティについてまず、アクセシビリティとは「利用しやすさ」を表します。主にWebサイトなどでは、「情報へのアクセスしやすさ」などを意味します。 「環境や能力、状況にかかわらず、サービスの利用しやすさ、情報へのアクセスしやすさ」に配慮しようということです。 高齢者や障害を持った方に対する対応という印象が強いですが、健常者でも、一時的に障害を抱えた状態はこれにあたります。 高齢者や、視覚障害、聴覚障害、運動機能障害など、様々な障害を持つ方、持たない方、全ての人にとってア
アクセシビリティを意識したUIライティング
Michaelは人間を大事にしながら、チームが素晴らしいプロダクトを作り上げる手助けをしています。ジャーナリストというバックグラウンドを生かし、便利で実用的なユーザー体験のデザインにおいて言葉が果たす役割を説いてきました。 WCAG2（Web Content Accessibility Guidelines 2.0）のスタンダードを満たしながら書くということは困難かもしれませんが、間違いなく価値があることです。典型的な天才であり、物理学者であるアインシュタインは、かつてこんなことを言いました。 「どんな愚か者でも、物事を大きく、複雑に、暴力的にすることはできる。しかしこの逆を行うためには、ほんの少しの才気と莫大な勇気が必要である」 ありがたいことにこの本は、よりアクセシビリティを意識して書くことの役に立ちます。今まで、次のようなことを学んできました。 なぜわかりやすさが重要なのか エラー状
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AccessibilityCheckList
