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

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

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

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% /  *-