ホームページのバリアフリー・ユニバーサルデザインa-spccをご利用いただいたお客様との出会いや、お仕事の紹介をブログでお届けします。クライアント様紹介ラインスタンプ・イラスト実績ホームページ運用ピックアップホームページ運用2020.01.09ホームページのバリアフリー・ユニバーサルデザインホームページのバリアフリー・ユニバーサルデザインについて、私たちの考えをまとめました。【目次】1.ホームページのバリアフリー化とは2.読み上げ機能への対応3.外国語への対応4.ユニバーサルデザイン5.求められるもの・求められないもの6.おわりに1.ホームページのバリアフリー化とは駅や公共施設において、エレベータやスロープ、点字ブロックなどが設置されているのはご存知でしょうか?車いすの方や、視覚障害のある方が安全に利用するためには欠かせない設備ですよね。ホームページにおいては、情報が正しく伝わることが求められます。子どもから高齢者まで、また健常者だけでなく障がい者もが知覚し,理解し,操作できること。「誰でも、見ればわかる」という状態であること。それがホームページに求められるバリアフリーです。※Webアクセシビリティとも言います。情報を正しく伝えるために必要な要素は様々ですが、次の3点を基本におさえます。視覚障害の方はどのようにホームページを閲覧するのか、ご存知でしょうか?パソコンやスマートフォンには、基本的に「スクリーンリーダー」という読み上げ機能が入っています。それを使って、検索結果から目当てのホームページを探し出したり、ホームページの文章の読み上げたりします。(画像は「画像代替テキスト」を読み上げ、何の画像が入っているのか伝えてくれます)パソコンやスマートフォンに搭載された読み上げ機能を有効に活用できるように、次の2点に配慮します。・文字を画像化しない・PDFではなく、htmlでテキストを入力する。3.外国語への対応すべての人に情報を正しく伝えるというのは、外国人に向けても言えることです。トラブルを避けるため・気持ちよく利用してもらうためには、その人が使う言語で情報提供することが重要です。海外向けのホームページや、空港や観光地、またその近隣の飲食店や宿泊施設など、外国人が多く訪れるホームページでは、翻訳したページを作ることもバリアフリーの一環といえます。chrome(グーグルクローム)には、外国語のページを自動的に翻訳する機能があります。サイト自体が外国語に対応していなかったとしても、機械翻訳によって概要をつかむことは可能です。※ただし高精度でないことはご了承ください。4.ユニバーサルデザイン見る人にとって負担がなく、見やすさから理解しやすさまで配慮したデザインのことを、ユニバーサルデザインといいます。ホームページ内のコンテンツの多くは文字ですから、特に文字の見やすさが重要です。書体や文字間・行間の余白など、細かい設定を行うことで、可読性が向上します。ほかにも、色の見分けやすさも重要なポイントです。人によっては「識別しやすい色・むずかしい色」があり、その原因は加齢や色覚多様性を持つ方などさまざまですが、以下3点に配慮することで、より多くの人が見やすいと感じるホームページになります。8341というものがあります。(8341は「やさしい」の語呂合わせ)高齢者や障害のある人を含む全ての利用者が、使用している端末、ウェブブラウザ、支援技術などに関係なく利用できるようにするための基準が定められています。そのガイドラインの中で以下のように注意点が述べられています。「利用者は、多くの場合、音声読み上げソフトや文字拡大ソフトなど、自分がホームページ等を利用するために必要な支援機能を、自身のパソコン等にインストールし必要な設定を行った上で、その支援機能を活用して様々なホームページ等にアクセスしています。要件に則り作成し提供することにより、利用者がそのページを閲覧できるようにすることです。基づきウェブアクセシビリティを確保した上での付加的なサービスと位置づけられます。」(引用)つまり、誰かのために特別な機能を追加する必要はなく、わかりやすく・安全で・操作性の高いホームページであればよいということです。ホームページのバリアフリー化という言い方のため勘違いしてしまいがちですが、何か特別なことが必要というわけではないのです。6.おわりに今回ご紹介したことは、一般的な配慮の一例です。バリアフリーなホームページは、善良で、多くの人にとって信頼と安心感をもたらしますが、実際は見て欲しい人が誰か、またどんな成果をもたらすことを期待するかが一番重要なことであり、そちらを優先した上での対応となります。ご興味のある方は、お気軽にお問い合わせくださいませ。[中級編]見積書・請求書のペーパーレス化に関するお知らせ2020.02.04見積書・請求書のペーパーレス化に関するお知らせホームページのバリアフリー・ユニバーサルデザイン2020.01.09ホームページのバリアフリー・ユニバーサルデザイン記事一覧へ無料資料請求や、制作に関するご相談などお気軽にお問い合わせ下さい。