盲目ユーザーも観覧できるウェブサイトチェックポイント5点

身体障害者未対応のウェブサイトは法律的なトラブルにつながる?

この記事では

注意:このポストは法律的なアドバイスを施すものではありません。正確な情報に関しては必ず専門の弁護士に相談してください。

インターネットが欠かせない時代、誰もがネットで情報を収集します。健常者にとっては便利になっただけのように感じますが、目が見えない人や色盲の人がどうやってウェブサイトを観覧するのか想像したことはありますか?ネットでしか得られない情報が増える中障害者の人たちにとって観覧に不便なウェブサイトが多いことは生活に直結する問題になります。またビジネス面で見れば、障害者の人たちへの対応が遅れているということは彼らがあなたの商品やサービスを買ってくれる機会を逃すことにもつながります。身体障害者に対する対応が進む米国でも残念ながら彼らに対して十分な対応ができておらず、こういった問題は法律問題にも発展します。

別にそこまで大騒ぎすることでもないでしょう。。。

と思うかもしれませんが、そうでしょうか?

サイトが見れないのなら、電話してくるなり、店に来て尋ねるなりできる。

確かにそうですが、それだけでは済まなかったケースが米国でありました。

2017年夏、米国の大企業数社のウェブサイトがADA規定(米国身体障害者協会)

In 2017, some major companies are sued because their websites were not ADA compliant.

Read the story fro the link below.

http://www.latimes.com

https://nypost.com/

How to make a visual impaired proof website.

First of all, a website consists of a different kind of data… text, graphic, program, code, etc. We hope everybody sees the same thing and access to the same information. But the truth is different. Visually impaired people have different sights when they view your website. They might be color blind, have some blur visions, and a completely blind. To provide the proper information for these people with challenges, there are 5 checkpoints you might want to implement to your website.

5 checkpoints

A visually impaired person might use text reader. The reader, s special software, scan text data in your website and read it to him or her. If the site doesn’t have text data, he or she might not get any information from your site.

  1. Make sure your website provides ample text data.
    1. Often web designers overlook the importance of text data and prioritize the visual aspect of the website way too high. Sure, the website might look cooler when you launch. But, do you want to feel frozen when you receive a phone call from a lawyer?When you hire a web designer and web developer, make sure they use as much as texts to show your information on your website. If they can’t, follow the check checkpoint as well.
  2. Place proper ALT text on your non-text data.
    1. In some degree of web design, it is difficult to avoid using graphics and photographs to provide your professional impression to the world. How do you use the text for this case? Don’t sweat. You can use alt text.what’s alt text? alt text is an alternative text data in case your image cannot be displayed on the website. It is a description of the image.Providing alt text is vital to your website. If you place alt text on your images and other non-text data, you can not only make the website more ADA friendly, but also SEO friendly. Basically, you can hit two birds with one stone.
      TIPS: Put the essential information in your alt text first. You don’t need to describe everything.
  3. Make sure graphic links have descriptive alt text.
    1. Sometimes, you will see a button on a website which is a graphic button not a text one. If you are not s graphic designer, you might not be able to see the difference. But if you find one on your website, make sure to add an appropriate text description to the graphic button. If a visually impaired person clicks a button and it didn’t say “buy now” in readable text, he or she might think this is a trick. That’s not a good impression to give.
  4. Avoid Java and Javascript for essential information.
    1. Java and Javascript are advanced technologies which connect a website with other services and features. However, they are not ADA friendly if your site uses for visual presentation.
      Since new HTML 5 came to our world, a wide range of visual presentation can be done with the HTML technology. If your website still contains a Javascript based image slider, replace with a HTML 5 slider immediately.
  5. Keep your graphic and artwork in good contrast.
    1. Visually impaired people don’t mean that they are entirely blind. Many people still see things but some people are color blind and some have blur visions. Make sure your website provides essential information in clear and good color contrast.

Do’s and Don’ts

  • DO’s
    • View your website without color, can you still put it together well?
    • View your website without graphics.
    • Add alt text to your graphic.
  • Don’ts
    • Don’t use similar color next to each other.
    • Don’t provide essential information in graphic data (business hours, contact information and etc)
    • Don’t use a java script animation for critical information such as description of the site, business hours and so on.

Now try these techniques on your website. if you want us to reivew your website, Please contact us from our contact form

 

Similar Posts