ブログ記事34件
ブランドはビジネスの世界で「王様」と言われるほど重要な要素であり、ブランド管理は不可欠とされています。そして、ブランドの顔ともいえるロゴは、会社の精神、理念、そしてプロフェッショナリズムを反映する重要な要素です。AI（人工知能）は、ロゴデザイン業界に革命をもたらし、新しい時代を切り開きました。現在では、AIを活用した高度なアプリケーションを使用してロゴがデザインされ、人間によるデザインに比べてアイデアも豊富で費用も大幅に抑えられています。この記事では、AIがロゴデザインにどのような変化をも
「SophosInterceptX」というAndroidのセキュリティアプリがあります。（iPhone用もあるようです）名を馳せているアプリではありませんが、「AV-TEST」などの第三者評価機関のテストでも優秀な成績を収めているセキュリティアプリです。無料（広告なし）で利用できます。Sophosは企業のネットワークセキュリティを手掛ける会社でSophosInterceptXを無料（広告なし）で配布しているのは、宣伝効果を狙ってのことだろうと、私は思っています。さて、そ
ウェブアクセシビリティ試験結果アップデートのお知らせです。目次新たに3つの達成基準に適合しました改善内容「1.1.1画像に代替テキストを提供する」達成基準に対する改善「1.4.3テキストや文字画像のコントラストを確保する」達成基準に対する改善「2.1.1キーボード、タッチデバイスで操作できる」達成基準に対する改善目次を開く新たに3つの達成基準に適合しました継続的なアクセシビリティ改善を続けてきた結果、この度以下項目に対して非適合から適合といたしました
ウェブアクセシビリティ試験結果アップデートのお知らせです。目次新たに6つの達成基準に適合しました改善内容「1.3.1情報や関係性を明確にする」達成基準に対する改善「1.3.3感覚的な特徴だけで説明しない」達成基準に対する改善「1.4.1色だけで伝えない」達成基準に対する改善「2.4.3適切なフォーカス順序にする」達成基準に対する改善「2.4.7フォーカスを見えるようにする」達成基準に対する改善「4.1.1HTMLを正しく記述する」達成基準に対する改善目
AmebaAccessibilityGuidelinesのアップデートのお知らせです。1.1.1画像に代替テキストを提供するにアプリの実装方法を追加いたしました。1.1.1画像に代替テキストを提供する-AmebaAccessibilityGuidelinesAmebaAccessibilityGuidelinesは、Amebaのサービスのアクセシビリティを高めるために設けた制作指針集である。「誰もがいつでも迷わずコンテンツを楽しむことができる」ようにするた
AmebaAccessibilityGuidelinesアップデートのお知らせです。目次に適合レベルの説明を追加しました。AmebaAccessibilityGuidelinesAmebaAccessibilityGuidelinesは、Amebaのサービスのアクセシビリティを高めるために設けた制作指針集である。「誰もがいつでも迷わずコンテンツを楽しむことができる」ようにするため、WCAG2.1を要約・和訳し、事例などを掲載している。a11y-guidelines.a
AmebaAccessibilityGuidelinesのアップデートのお知らせです。下記２つのガイドラインの内容の見直しと、各ガイドラインの参考リンクのリンク先を更新いたしました。（WCAG2.0の解説書や、未翻訳だった解説書のリンクを翻訳済みのWCAG2.1の解説書に変更するなどしています）issueを起票いただいた皆様、ありがとうございます！2.3.3ユーザー操作で起きるアニメーションを無効にできる-AmebaAccessibilityGuidelines
ウェブアクセシビリティ試験結果アップデートのお知らせです。上記をふまえ、AmebaブログではレベルA準拠を目標に改善を続けていますが、以下に対して非適合から適合といたしました。3.3.1エラーの特定4.1.2名前（name），役割（role）及び値（value）改善の一部を少しご紹介させていただきます。3.3.1エラーの特定の達成基準に対する改善以前は検索フィールドにキーワードが空の状態で検索を試みると404エラーページに遷移してしまい、何かしらの入力
AmebaAccessibilityGuidelinesのアップデートのお知らせです。7/16よりAmebaAccessibilityGuidelinesがダークテーマ表示に対応しました🎉目次ライトテーマとダークテーマの見え方カラーパレットに関して設定方法ライトテーマとダークテーマの見え方AmebaAccessibilityGuidelinesのライトテーマ（標準）の見え方はこちら：ライトテーマが当たっている時のAmebaAccessibilityG
AmebaAccessibilityGuidelinesのアップデートのお知らせです。1.1.1画像に代替テキストを提供するの内容の見直しを行いました。1.1.1画像に代替テキストを提供する-AmebaAccessibilityGuidelinesAmebaAccessibilityGuidelinesは、Amebaのサービスのアクセシビリティを高めるために設けた制作指針集である。「誰もがいつでも迷わずコンテンツを楽しむことができる」ようにするため、WCAG
AmebaAccessibilityGuidelinesは社内外で様々な方に使っていただく機会が増えてきました。その背景もあり、より覚えられやすいよう独自ドメインの対応をしました。新しいURLhttps://a11y-guidelines.ameba.designAmebaブログでは引き続き、誰もがいつでも、迷わず「書く」「読む」「応える」ができるサービスを目指してアクセシビリティ向上に取り組んでまいります。
AmebaAccessibilityGuidelinesの項目に「2.5.5ターゲットサイズを理解する」を追加しました。2.5.5ターゲットのサイズを理解する-AmebaAccessibilityGuidelinesAmebaAccessibilityGuidelinesは、Amebaのサービスのアクセシビリティを高めるために設けた制作指針集である。「誰もがいつでも迷わずコンテンツを楽しむことができる」ようにするため、WCAG2.1を要約・和訳し、事例などを掲
「Amebaブログ」がX8341-3:2016に基づくウェブアクセシビリティの試験にて、シングルAに一部準拠サイバーエージェントは「テクノロジー」と「クリエイティブ」で世界に挑戦していきます。www.cyberagent.co.jp技術・デザインニュースでも取り上げていただきましたが、この度、Amebaブログではウェブアクセシビリティ試験を実施し、その結果を公開しました。Amebaブログのアクセシビリティについて試験は、AmebaAccessibilityGu
Easilytestyourdesigncolorsforcontrastaccessibilityandautomaticallyfindtheclosestaccessiblecolorshttps://awards.visualmodo.com/review/colorshark/ColorShark-VisualmodoAwardsEasilytestyourdesigncolorsforcontrastaccessibility
━━━━━━━━━━━━━━どういうわけかTwitterにはアクセシビリティ専門チームがないTwitterにはアクセシビリティを専門とするチームがありません。ある開発者がそうほのめかした後、同社はこれを認めました。約4000人を雇用し、CEOが「正しいことをする」とよく言っている企業にアクセシビリティのチームがないとは不可解です。ほかの主要プラットフォームと同様に改善の余地はまだまだあるものの、Twitterにアクセシビリティ機能がまったく欠けているわけではありません
弊社では新卒入社のエンジニアが配属先を決める前に、いくつかの部署に１ヶ月間ずつ仮配属し、実務を経験する取り組みがあります。今日は、5月の仮配属で取り組んでもらったアクセシビリティ改善をいくつかご紹介させてください。（すっかり遅くなってしまいましたが…！）AmebaPickの報酬レポートグラフの詳細が、スクリーンリーダーで操作可能になりました4月3日より提供開始になったPC版「AmebaPick」の管理画面を一部アップデートしました。管理画面の「報酬レポート」では、AmebaPick
スタッフブログでお知らせした通り、6/1に、スタッフブログのデザインをリニューアルしました。実はアクセシビリティ的にも、いくつかアップデートをしているところがあります。ブログデザインのコントラスト比の改善これまでのスタッフブログより、本文のテキスト色に、ほんのり青みがかっていることに気づいた方はいるでしょうか。実はスタッフブログの配色を少し変更しています。アクセシビリティのガイドラインであるWCAG2.1では、背景色とテキスト色のコントラスト比は4.5:1以上が望ましいとされています
PCブラウザで、キーボードによるいいね！ボタンの操作ができるようになりましたこの記事を書く際に、「これは改善なのか、不具合修正なのか」とチームで議論することがありました。アクセシビリティ改善の多くが不具合修正でもあります。今回の現象は「いいね！ボタンがキーボードで操作できなかった」であり、原因は「いいね！ボタンがキー操作を受け付けないような実装になっていた」です。現在のAmebaAccessibilityGuildelinesに準拠した実装をしていれば、初めからキーボードで
PCブラウザのアクセシビリティ改善のお知らせです。前記事でお知らせしていました、こちらが昨日3/23にリリースされました。「キーボードでいいね！ボタンの操作ができる」ようになっております。スクリーンリーダーをお使いの方や、キーボードでアメブロをご利用の方でも、いいね！機能が使えるようになりました。CSSカスタマイズへの影響を鑑みて、修正が少しずつとなっておりますが、引き続き改善を続けていきたいと考えております。
PCブラウザのアクセシビリティ改善のお知らせですPCの記事に表示される「いいね一覧」のモーダルで、フォーカスが表示されていない箇所がありました。昨日のリリースで、このモーダルでフォーカス表示ができるようになりました。フォーカスが表示されると、キーボードで操作されている方に、今何を選択中なのかがわかりやすくなります。これは、AmebaAccessibilityGuidelinesの2.4.7フォーカスを見えるようにするにあたる修正になります。モーダルの「閉じる」ボタンにフォー
AmebaAccessibilityGuidelinesのアップデートのお知らせです。3.2.2入力時に予測できない変化を起こさないの内容の見直しをしました。3.2.2は3.2.5の内容と被ることも多く、与える影響の大きさと内容の違いの説明の難しさから、3.2.5（適合レベルAAA）の内容を混ぜた内容としていました。しかしそうすることで、適合レベルA相当の3.2.2の達成自体が難しく感じられる仕上がりになっていました。3.2.5相当の内容を削除し、3.2.2のみの内容に変更しまし
アクセシビリティにまつわるアップデートのお知らせです。Amebaスタッフブログでもお知らせしましたが、アメブロ記事中の絵文字にも代替テキストが設定されるようになりました（ニコニコ）、（照れ）、（ガーン）など、アメブロでは絵文字がたくさん使われています。これまではブラウザで閲覧する際には、代替テキストが設定されていなかったため、スクリーンリーダーをお使いの方にはこういった些細なニュアンスを伝えることができませんでした。「些細な」といえども、絵文字の使い方によっては、記事の意味も変わって
2/17より配信開始しましたAndroidアプリのバージョン16.11.0で、新しく「おすすめのブログ」のモジュールが追加されました。このモジュールでは、フォローボタンのタップサイズを押しやすくなるような工夫をして実装しています。今回追加されたモジュールのイメージ。「フォロー中」「フォロー」と書かれたボタンがあるが、見た目上サイズは小さい（9mm以下）。タップしたときは、9mmよりも大きめのサイズで反応するので、「押し損ない」が少なくなります。これまでは、小さな見た目のボタンは小さな
アクセシビリティにまつわる不具合修正のお知らせです。2/4に配信開始したバージョン16.10.1のAndroidアプリで、特定のAndroid端末でAndroid7系のバージョンをご利用の場合にのみ、Androidの設定から文字サイズを変更してもアプリ上の文字サイズが変更されないという不具合が発生していました。現在は修正版のアプリバージョン16.11.0を公開済みです。2/17より順次ストアでアップデートを配信開始しています。バージョン16.11.0未満のAmebaアプリをご利
So,nowyou’reonboard.Youwanttocreateaccessiblecontent,butyouhavetoconvinceotherstakeholders—yourboss,yourboss’sboss,etc.Ifcustomersareusingthewebsiteandnotexperiencingtoomuchtrouble,whatcouldconvincemanagementt
CanIuseit?Getstartedwithwebaccessibility私はそれを使えるか？ウエブの近づきやすさから始めようDesireeLivermon,GenesysNovember15,2019ジェネシス社デジレーリバーモン著２０１９年１１月１５日Whatdoyouthinkofwhenyouheartheword“accessibility”?Formanypeople,itevokesimagesof
アクセシビリティに関わるアップデートを地道に配信していこうと思います。昨年3月にアップデートしてから、PC最新版エディタでも、HTMLを書かずに画像に代替テキストが設定できるようになりました。【PCエディタ・スキン】アクセシビリティに関するアップデート|Amebaスマホスタッフブログしかしある時期から、スマートフォンブラウザでの閲覧時に、記事中の画像の代替テキストが適切に出力できておりませんでした。（PCブラウザ、アプリでの閲覧時には出力できています）この場合、スクリーンリ
AppleからiPadOSとSideCarの動画のお知らせが届きました。LookwhatyoucandowithiPadOSviaAppleHowtouseSlideOveronyouriPadviaAppleSupportiPadOSのレビューまでご覧下さい。英語だけど、本当に見るだけで分かる！この記事を気に入ってもらえたらクリックお願いしますにほんブログ村にほんブログ村
