NIFTY Tech Talk #09 社内にWebアクセシビリティを取り入れていきたいなぁと思っている話

by ニフティ株式会社

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Copyright © NIFTY Corporation All Rights Reserved.  社内ツール作成でWebアクセシビリティを取り入れる  8  社内ツール作成でアクセシビリティを取り入れるボタン要素が押され、文字が変わった時に音声を鳴らす  1  スクロールできる要素にフォーカスできるようにする  2  色のコントラストに気をつける  3  ● 文字やボタンのコントラストは全て4.5：1のコントラスト比を満たすようにした  更新中

更新中などなど…

Slide 9

Slide 9 text

Copyright © NIFTY Corporation All Rights Reserved.  知見: JIS X 8341-3:2016 達成基準早見表  を活用すると良い  9  最も参考にすべきだが、  複雑でぱっと見でわかりずらい  アクセシビリティの世界的なガイドライン   WCAG  WCAGから作成した日本規格のアクセシビリティガイドラインの早見表   JIS X 8341-3:2016 達成基準早見表  最新の情報ではなく網羅的ではないが、  ぱっと見でわかりやすく取り入れやすい 

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Copyright © NIFTY Corporation All Rights Reserved.  知見:支援ツールなどを実際の立場になって  使ってみると良い  11  画像はVoice Overというウェブ操作を支援するツールです。  Webページを音声で読み上げてくれます。    実際に用いて、どうなるのか聞いてみる。  わかりずらかったり、ボタンを押した時のフィードバックなどがわかるのでやる方が良い 

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Copyright © NIFTY Corporation All Rights Reserved.  勉強会の開催  13  社内に広めるには勉強会が良いと思ったので開催  実際の実装方法からアクセシビリティを学ぶことができる形式  ブログ書いてます  主催した社内勉強会の課題でアクセシビリティ的に優れている TODOリストの課題を出した話   社内勉強会で出題した「アクセシビリティに考慮したツールバーとテキストボックス作成課題」の話  

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text