Pro Yearly is on sale from $80 to $50! »

Webアクセシビリティについて

 Webアクセシビリティについて

Webアクセシビリティについて基礎的な内容をおさらいした上で、
PayPayモールでの取り組みも交えながら、実際にデザインを作る際や実装を行う際に意識すると良いことなどをご紹介する予定です。

MixLeap Live Study #60 - ヤフーECデザイナーの取り組み
https://yahoo-osaka.connpass.com/event/182086/

992ab21437c2ec7c70d9af79ed2a2273?s=128

Hidehiko Naito

July 30, 2020
Tweet

Transcript

  1. 3 0. 7 33 ( 2 3 3 7032 )0.

    7 )     
  2. 0 0 ( 22 0 . . . 01 )

    ) A Y R P a B CA IJ I d e
  3. 3 0. 33 ( 2 3 3 032 )0. )-

    - -           
  4. 2 . () )2)0 2 ) . 0 . 2

    . () )2)0 2 ) . 0 .   
  5. 5 0 0 5 5 22 ( 0 (. .

    .   J C ). A Y R W                     https://www.w3.org/WAI/fundamentals/accessibility-intro/
  6. 2 .6 ) .22 2 2 6 2 00 (

    .6 (  # •  "   ! •  $   !
  7. ( : 0 ( 0 ) ( 22 0 7

    .7. . : • • RJ A a J C • • Y
  8. ) 7 8 2 ) .2 .7.5 ) 87 8.

    5 (44 2 0 08 0    i Y i l R (( ((( h C ed gA Y JP . . a (( Y
  9. 8 9 23 # # . 3 8 98 9

    ) 23 : : 9 0    )))( ))( # # # ( C J C RF A    
  10. ( 12 ( -.2 . .5 ( . 5 12

    0 0 0   aJ C A a a ) a Y J J R PJ a a D
  11. 1 0 0 ( 1 22 1 0 . .

    .  ) ) D A CJ    
  12. ( 201 ( ,1 ), , ( , 2 201

    .  e C g big A C AJ    2 0 R , ld hm a , 2, ,- a Y
  13. 3 0. 33 ( 2 3 3 032 11 )0.

    )    A •   •   •  
  14. 2 . () )2)0 2 ) . 0 . 2

    . () )2)0 2 ) . 0 .     
  15. (5 201 ( 155 ) (5 5 25 201 :

    .      JC Y Y A C Y J R A C (5 5 https://colorable.jxnblk.com/808080/ffffff
  16. (: A 6 ( 0 :: 0 0 (: :

    0 6: 6 2    1 S J P R D 0 https://www.getstark.co/ : 0 : 60 TC ) 0 : 60 )TC . 6 0 : 60 .TC
  17. ( 7 12 ( .2 .7. ( 7 . ,

    12 ,0 0 0  2 2 7 ) . A  C
  18. ) E 8 B ) 12 2 2 ) 2B

    . 8 BA . A C  ) O JS R   O 0 P - 2     ( AB - 2 B A W O R https://chrome.google.com/webstore/detail/lighthouse/ blipmdconlkpinefehnmjammfjpmpbjk ) B A A Y
  19. C 12 2 2 2 )99 5 5 54 

     5 J T G 5 0 9 . A 5L R YD 5 35 5 5 2 5 5 R (
  20. ( A ( 0 0 0 ( 0 - -

    2    S P R B Y O 0 1     01 1 .) E S P C J
  21. 2 . ) .22 1 2 2 21 00 (

    . (        
  22. . ) . 2 2 00 ( . ( 

    h R ag L d L J Y 2 mi lAC L e
  23. 2 . () )2)0 2 ) . 0 . 2

    . () )2)0 2 ) . 0 . 
  24. 4 0. ( 4 2 4 0 2 )0. )

    ,  •    • •   • A •   • R C J
  25. 2 . ) .22 2 2 2 00 ( .

    5 ( 5  $)'"&+.  %(#,1!"   2 0% /  *-