STUDIOStudio

ログイン / 新規登録 

STUDIOで、あなたのサイトのアクセシビリティを向上しよう。Studioで、あなたのサイトのアクセシビリティを向上しよう。

アクセシビリティを、
当たり前に

STUDIO ACCESSIBILITY STATEMENT

ウェブアクセシビリティ向上とは、提供するサイトをより多くのユーザが使えるようにすること。

Studioは、100,000を超えるサイトの運用を支える「情報インフラ」として、ウェブアクセシビリティの向上に取り組んでいます。

私たちのサービスで制作されたウェブコンテンツが、すべての人に届くように、必要な機能やガイドライン、ツールを提供していきます。

Studioの
Webアクセシビリティポイント

STUDIO ACCESSIBILITY POINT

Point1より多くの人が、読めるようにより多くの人が、
読めるように

代替テキスト

画像やアイコンに対して、代替テキストを指定可能

代替テキストの利用方法を示しているイラスト。青い山脈の画像に対して、alt「山脈」と記載している。

コントラスト

読みやすさに配慮したコントラストの設定が可能

コントラスト比のサンプルイラスト。白地の背景色の上に、黒色の文字と薄い灰色の文字が記載されている。黒色の文字は認識しやすいが、薄い灰色の文字は背景色と明るさが近く、同化している。

7651種類のフォント

可読性に優れた「UDフォント」を含む、
多様なフォントを用いた文字表現が可能

可読性に優れた「UDフォント」を含む、多様なフォントを用いた文字表現が可能

多種多様なフォントを表すイラスト。10文字の平仮名、カタカナに、それぞれ別のフォントが適用されている。

レスポンシブ

異なる画面サイズに合わせてWebサイトの表示を調整可能

デバイスごとに表示サイズを調整できることを表したイラスト。パソコン、タブレット、スマートフォンが並んでいる。

柔軟なHTMLタグ選択

マシンリーダブルなマークアップで、スクリーンリーダー等でコンテンツを正しく読み取り可能

STUDIOで可能なマークアップを表したイラスト。<div><main>などのHTMLタグが示されている。

Point2より多くの人が、操作できるようにより多くの人が、
操作できるように

キーボード操作可能

Webサイトをキーボードのみで操作可能

キーボードを使用した操作風景を表したイラスト。両手を使用して、キーボードをタイピングしている。

ブロックスキップ

必要に応じて、情報を読み飛ばし、目的の情報までたどり着きやすくできる

ブロックスキップの使用感を示したイラスト。ブロック1からブロック7まで、素早く遷移している。

タイトル・見出し

見出しやラベルを設定し、目的のコンテンツに正しくたどり着けるようにできる

見出しのマークアップを行うイラスト。STUDIOのUIを使用して、テキストに対し<h1>などのタグを指定している。

Point3より多くの人に、伝わるようにより多くの人に、
伝わるように

言語設定

サイト内言語の設定で、読み上げ機能などを
活用する際の言語認識をサポート

サイト内言語の設定で、読み上げ機能などを活用する際の言語認識をサポート

読み上げ機能を使用するイメージイラスト。記載されている内容、「テキストが聞こえる」が一言一句そのままと読み上げられている。

フォーム

柔軟なカスタマイズ性で、WCAG 2.1 Level A, AAに
準拠したフォームデザインが可能

柔軟なカスタマイズ性で、WCAG 2.1 Level A, AAに準拠したフォームデザインが可能

フォーム機能を表すイラスト。STUDIOのUIを使用して、フォームをカスタマイズする様子。

一貫したナビゲーション

コンポーネント機能で、すべてのページで
統一されたナビゲーションを利用可能

コンポーネント機能で、すべてのページで統一されたナビゲーションを利用可能

コンポーネント機能を利用してWebサイトを作成するイメージイラスト。Webページ内のナビゲーション要素がコンポーネント化されている。

アクセシビリティ向上が
得意なエキスパートを
見つけよう

Studio Experts for ACCESSIBILITY

制作に不安があるなら、「Studio Experts」
Webアクセシビリティのプロフェッショナルが、あなたをサポートします。

Studio Experts

別タブで開く

あなたのフィードバックを
お待ちしています

アクセシビリティの改善のためには、
ユーザーの皆さまの意見が必要です。
Studio Communityにて、皆さんが
発見した課題や改善点を教えてください。

Studio Community Japanに参加

別タブで開く

さあ、Studioで
アクセシブルなサイトづくりを始めよう

無料ではじめる