福祉目線でのホームページ作り

福祉の視点を取り入れて、ホームページを企画するために必要な6つ+1の要素。
1.目的・目標を明確にする
2.ターゲットを決める
3.理想やイメージに近いサイトを探す
4.現状分析を行う
5.必要な内容を決める
6.素材を集める
+ 福祉目線で設計する（アクセシビリティやユーザビリティなどの国際規格を取り入れる）
その他：すぐにできる、福祉目線のちょっとした工夫！

Transcript

1.  " "
   !"   
3. 
    KW: PDCA
4. 
      
5.  
        
6.  --- • $+( •  • •  • *! • ,".'#& )%
    ,".'#&/
7.   
   !
8. 
       KW:   
9. KW:    
    https://webtan.impress.co.jp/e/2013/11/14/16305
10. "'1+$-% JHI,?5E; 1. F2 +'1 2. 9G6:;2/1 3.  05AG8+#75;2 ' 4.  2$ 5. *2/1 6.  2!/1 H)'1 >G@=G8,C<BG4D,
    2 &( JHI,?5E;23)#%.'
11.     KW: SMART 
    
12. SMARTM% S(Specific)… 'Aa M(Measurable) …!I7QH>PAa A(Agreed upon) …) <2 BICH>PAa R(Realistic) …&N=PAa T(Timely) …3L":B GH>PAa UXVTXS M($M` W#9 M+0LEP M!RUXVTXSR8DH_ZUPY WM!RUXVTXSR8DH ^]OEY WUXVTXSR4H*-/.L 51M,6REPR^_ZUPEPY W^]]L-/.M;R@P [-/.BK?>?
    A AGFJ>?R^]]P\
13.    KW:  
     
14. 24-1 • 
    ),+350*60#  $" • &% ! &(/6.#' 
15.  !"  
      "https://www.kikakulabo.com/post-7301/
16. &$"  "!"%'  
     #
17. 4.
      KW:    Google Analyticsmi Checker
18.  1#-*6?< • :?;9?5 @Excel&0A • Google Analytics@:?;9?5+*)(1  A • Stylify Me @>83=7)(1 A • miChecker@.! )(1 A • !0:?;9?5' •  @  1,#/Google Keyword Planner1$%,0A • "*
    2=4?7)(
19. (14,24'7 • .4/-4*#Stylify Me % "% "!$5 • !
     #&04*)&+6   3 %"!$5
20. 5.
       
    
21. 6.
    
22. :25&(19S • KQMPHJ • /-ANQJ6GOD • LIB • *>:  • • %<+436T 2&9!=SU • ,6$,#4964@19S /= )0'8);#T
    1'?7IRFTKECQ
    1?>U.2)"
23. 
    
24.     
       
25. 
     http://nlab.itmedia.co.jp/nl/articles/1812/20/news133.html
26.      
     https://www.youtube.com/watch?v=p80PJXMPIDY http://www.soumu.go.jp/menu_news/s-news/2005/051215_1_wmv.html
27. 17*'4<029++5W #SW3C)8 5SJIST- /;3+:R KW: =AFDKNI>'"
     JIS X 8341-3'(%&P$  !−  4,.: UGLJ?@=6CQKE―3V?@MBOIOH) Web Content Accessibility Guidelines (WCAG) 2.0
28. :E#CBE@ !<A$ON?.M4A* • – "J9. D9M – <3)=;";D7C. • \^RF' @
    PNMCB •  – 16P @1M • ]_ZT[^E,F+HE952 12 7?GM4AH-M` • @H+ A/E 6.(@"MA1F+ 0 6.A" >K.` – JCBHWQUX@9M • WQUXc&@1M a8IC.`b@9MA+YVS^0 D%G=;L+ D 7?2N;L9M`
29. (1/.1, )-:9+8#- • 0$'/ – -"512
     ,!860&8 – *+8#- ,!860&8 – 7$/E48@=BC?;38F • +<<; !#&6/510%/ – A>A>$'/D • ; &8
30.      ! •  
    ! "miChecker • W3C Markup Validation Service – https://validator.w3.org/ – https://jigsaw.w3.org/css-validator/
31.   !     
    "* KW: ')$&(%#
32. JMBHKE? N (80. https://www.asobou.co.jp/blog/web/ux-honeycomb 4,4-3' > 4-< GMC6*:=<  ,/2+; /3(<  ,:+' $>
    *< 8FB@L DAIKE? %&8# 67 !/1 >3<'" > -'> - 09)5FB@L
33. 8&F6.7(-9(( 4A5902/9H • $F #07- – 0@ F,4G9.D • @;"F6.D • <=5,C02(F +.D • 21D2?3.; ,-02CF *:(H – 21;=(E(E'!F #02<%;0 2C&
    F07>B)H