Vox Product Accessibility Guidelines
Making work accessible creates a better experience across the board. Use this checklist to help build accessibility into your process no matter your role or stage in a project. The Checklist Check the boxes of the guidelines that apply to your project Preview and copy the checklist to your clipboard Paste the checklist into a document, Slack, Trello—or however else your team organizes projects Des
IT以外の企業も含め多くの人と直接かかわろう――サイボウズのWebアクセシビリティ技術者
IT業界就職ラボ「就ラボ」 IT業界就職ラボ「就ラボ」は、IT業界への就職を希望する学生の就職活動を支援するサイトです。IT業界や職種の正しい知識を得てより良い選択をするためにお役立てください。 本連載「まだ君は間に合う！ 現役エンジニアに聞く、学生のときにやっておくべきこと」では、IT企業の最前線で活躍するトップエンジニアに、学生時代に行った就職活動の内容や、これから就職活動を行う学生へのアドバイスを聞いていきます。 IT企業の最前線で活躍するトップエンジニアは学生時代にどのような就職活動を行っていたのであろうか。今回は、サイボウズでWebデータベース型ビジネスアプリ作成ツール「kintone」の開発に携わる一方で、障害者や高齢者を含むあらゆるWeb利用者に配慮したサービスを実現する「Webアクセシビリティ」の研究に取り組む小林大輔氏に、就活生に向けたメッセージを伺った。 Webユーザビ
Webアクセシビリティに必要なのは「理想への翻訳」 - FRONTEND CONFERENCE 2016参加報告 - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは、kintone開発チームの小林です。3月5日に大阪で開催されたFRONTEND CONFERENCE 2016に登壇しました。発表内容は、私がWebアクセシビリティの重要性をサイボウズ社内で伝えていった取り組みについてです。 資料はこちらです： あなたの言葉で伝えるWebアクセシビリティ from Kobayashi Daisuke www.slideshare.net 発表中のツイートをTogetterにまとめました： 「あなたの言葉で伝えるWebアクセシビリティ」への反応 - Togetter Webアクセシビリティの重要性が理解されない！ 「Webアクセシビリティとは、障がい者・高齢者対応のことだ」と言われることがあります。しかし、これは正しい解釈ではありません。Webアクセシビリティとは、障がい者や高齢者も含めて、「すべての人」がWebにアクセスできることです。 例えば
Using ARIA
Using ARIA W3C Working Draft 04 May 2017 This version: https://www.w3.org/TR/2017/WD-using-aria-20170504/ Latest published version: https://www.w3.org/TR/using-aria/ Latest editor's draft: https://w3c.github.io/using-aria/ Previous version: https://www.w3.org/TR/2017/WD-aria-in-html-20170418/ Editors: Steve Faulkner, The Paciello Group, sfaulkner@paciellogroup.com David MacDonald, CanAdapt Solutio
ARIA in HTML
ARIA in HTML W3C Recommendation 30 April 2024 More details about this document This version: https://www.w3.org/TR/2024/REC-html-aria-20240430/ Latest published version: https://www.w3.org/TR/html-aria/ Latest editor's draft:https://w3c.github.io/html-aria/ History: https://www.w3.org/standards/history/html-aria/ Commit history Implementation report: https://w3c.github.io/html-aria/results/impleme
Yahoo! JAPAN Creative Blog — Yahoo!乗換案内アプリでルート検索をもっと直感的に！
こんにちは。Yahoo!乗換案内アプリのデザインを担当している関です。 昨年2014年、Yahoo!乗換案内アプリは爆速で11回のアップデートを行い、1,000万ダウンロードを突破し、「乗換案内アプリ」カテゴリーでは実質1位になることができました。この場を借りてご利用の皆様には心より感謝いたします！ 昨年1年を振り返り、度重なるアップデートの際にデザイナーとしてどのような課題解決や意思決定をしてきたかを、iOS版をもとに紹介したいと思います。 フラットデザインだけでは楽しくない！iOS7が発表され、それと同時に一気にフラットデザイン化の波が押し寄せました。 その流れに合わせてYahoo!乗換案内アプリもリニューアル着手となり、GYAO! （ヤフー株式会社が株式会社GYAOと協力して運営している映像配信サービス）から異動したばかりの私にとってはそれが路線サービスで初のデザイン業務となりました
ウェブページに文字拡大機能を置くのは「時代遅れ」 | Accessible & Usable
公開日 : 2015年2月17日 (2019年11月9日 更新) カテゴリー : ユーザビリティ / アクセシビリティ ウェブページの上部 (サイト共通ヘッダーなど) に、文字拡大機能が設置されているサイトを見かけることがあります。 文字拡大機能のイメージ。[大][中][小] ボタンが並んでいたり、[標準][拡大] ボタンが並んでいたりする。 ブラウザの標準機能として文字の拡大が可能であることを知らないユーザーが多い (ユーザーの大半はプリファレンスを変更しようという考えに及ばない) ことから、文字拡大機能を見える形でページ上に設置したほうが親切、というウェブユーザビリティ専門家が (かつては) 多かったように思います。 私自身、長い間ウェブユーザビリティに関わってきた中で、当座の利便性を優先してサイト側に文字拡大機能を実装する判断をしたり (そしてやっぱり止めたり) ... と紆余曲折な
WAI-ARIA の基礎知識 | Accessible & Usable
公開日 : 2014年4月15日 (2018年1月20日 更新) カテゴリー : アクセシビリティ / 情報設計 (IA) WAI-ARIA 1.0 が、2014年3月20日付で W3C の勧告 (Recommendation) になりました。 WAI-ARIA とは、Web Accessibility Initiative (W3C の中で、Web アクセシビリティに関する仕様を検討する部会) が策定した、Accessible (アクセシブル) な Rich Internet Applications (リッチインターネットアプリケーション : RIA) に関する仕様です。この仕様で定められた記述をソースコードに加えることによって、JavaScript などでインタラクティブに動くユーザーインターフェース (UI) であっても、その状況の変化を、マシンリーダブルな形で支援技術 (スクリー
altはつけるだけじゃなくて - 実践アクセシブルHTML 第一回
この記事は、2003年6月17日発売の技術評論社「Web Site Design Vol.8」での連載記事「実践アクセシブルHTML」第1回の元原稿を、著者自身が公開しているものです。 画像にalt属性を よく「画像にはalt属性をつけましょう」というフレーズを耳にするかと思いますが、これはサイトのアクセシビリティ改善における対応のうち、もっともメジャーなものであるといえます。WAIのアクセシビリティガイドラインであるWCAG1.0には「テーブルをレイアウトに使ってはいけません」というような内容の項目もありますが、これに対して「よっしゃ、テーブルを使うのをやめよう」とあっさりと決断してサックリとそのように作り変えることなど、ほとんどのサイトにおいて無茶な話でしょう。しかし「すべての画像にalt属性をつけよう」というのはアクセシビリティの対応要件に必ずといって良いほど含まれます。これなら、た
HTML Standard 日本語訳
4.8.4 画像4.8.4.1 導入4.8.4.1.1 アダプティブ画像4.8.4.2 source、imgおよびlink 要素の共通属性4.8.4.2.1 srcset共通属性4.8.4.2.2 size属性4.8.4.3 Processing model4.8.4.3.1 When to obtain images4.8.4.3.2 Reacting to DOM mutations4.8.4.3.3 The list of available images4.8.4.3.4 Decoding images4.8.4.3.5 Updating the image data4.8.4.3.6 Preparing an image for presentation4.8.4.3.7 Selecting an image source4.8.4.3.8 Creating a source s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://marcysutton.com/slides/fluent2015/
GitHub - reactjs/react-a11y: Identifies accessibility issues in your React.js elements