Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

PHPerKaigi_2019_hello!_a11y_ver_phper

704 views

Published on

PHPerKaigi 2019 -PHPer編- (https://fortee.jp/phperkaigi-2019/proposal/a94068c9-edc1-4106-abe2-ab09247554e6) ルーキーズトークの登壇資料です。

Published in: Engineering
  • Hi there! I just wanted to share a list of sites that helped me a lot during my studies: .................................................................................................................................... www.EssayWrite.best - Write an essay .................................................................................................................................... www.LitReview.xyz - Summary of books .................................................................................................................................... www.Coursework.best - Online coursework .................................................................................................................................... www.Dissertations.me - proquest dissertations .................................................................................................................................... www.ReMovie.club - Movies reviews .................................................................................................................................... www.WebSlides.vip - Best powerpoint presentations .................................................................................................................................... www.WritePaper.info - Write a research paper .................................................................................................................................... www.EddyHelp.com - Homework help online .................................................................................................................................... www.MyResumeHelp.net - Professional resume writing service .................................................................................................................................. www.HelpWriting.net - Help with writing any papers ......................................................................................................................................... Save so as not to lose
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

PHPerKaigi_2019_hello!_a11y_ver_phper

  1. 1. はじめまして! Webアクセシビリティ -PHPer編- 2019/03/31 PHPerKaigi 2019 エキサイト株式会社 古賀詩織 @shiori_pk
  2. 2. はじめまして! Webアクセシビリティ -PHPer編- 全サーバーサイドエンジニア編 2019/03/31 PHPerKaigi 2019 エキサイト株式会社 古賀詩織 @shiori_pk
  3. 3. • 古賀 詩織(@shiori_pk) • PHPer歴 2年目 • エキサイト株式会社 • 趣味 : 空手 自己紹介
  4. 4. Webアクセシビリティ ってなんだろう🤔
  5. 5. 障がい者のための対応
  6. 6. 高齢者のための対応
  7. 7. 🙅
  8. 8. もし、利き手を骨折したら? もし、マウスの充電がなくなったら? もし、太陽直下で画面が見にくかったら?
  9. 9. accessible = “access” + “able” アクセスの可能性 Webアクセシビリティとは
  10. 10. フロントエンドの役割
  11. 11. • Webアクセシビリティを意識したマークアップ • 適切なセマンティクスでマークアップ • アクセスを阻害しないような動きを意識 • WAI-ARIAの活用 フロントエンドの役割
  12. 12. サーバーサイドとして Webアクセシビリティに向き合う
  13. 13. フロントエンドのことを どれだけ意識して API設計をしていますか?
  14. 14. 2,980円 xoxo円 xxoo円 oxox円 ○○ショッピング トップ > レディース { "product_id" : 190331, "product_img" : "https://.../190331.png", "price" : 2980, "created_at" : "19-03-31", } 例 : 画像コンテンツをメインとするWebサービス
  15. 15. 2,980円 xoxo円 xxoo円 oxox円 ○○ショッピング トップ > レディース { "product_id": 190331, "product_img" : "https://.../190331.png", "price" : 2980, "created_at": "19-03-31", "product_name" : "ピンクチューリップ長袖Tシャツ", "size" : "M", } 例 : 画像コンテンツをメインとするWebサービス
  16. 16. ピンクチューリップ長袖Tシャツ Mサイズ 在庫13点 2,980円 春先にピッタリの薄手素材。 シンプルなスカートと合わせたり デニムに合わせても相性バツグン。 ○○ショッピング トップ > レディース > ピンクチューリップ長袖Tシャツ { "product_id": 190331, "product_img" : "https://.../190331.png", "price" : 2980, "created_at": "19-03-31", "product_name": "ピンクチューリップ長袖Tシャツ", "size": "M", "stock" : 13, "description" "春先にピッタリの薄手素材。……” } 例 : 画像コンテンツをメインとするWebサービス
  17. 17. サーバーサイドとして Webアクセシビリティの 可能性😤
  18. 18. #新生エキサイト \ twitterで拡散よろしく /

×