ΠϯΫϧʔγϒ)5.-

$44

+BWB4DSJQU 
5)6
ಡΜͩ಺༰·ͱΊͯ-5ձEFNP 

גࣜձࣾαʔΩϡϨʔγϣϯ
ΤϯδχΞ ଜԬɹ݈ਓʢ͚Μͯ͌ʣ 7VFKTɺ3FBDU

3FEVYɺΞΫηγϏϦςΟɺ
σβΠϯɺϒϩοΫνΣʔϯɺϥϯχϯά !"LPBSVN@,
IUUQTXXXBLPBSVNOFU 

ΞΫηγϏϦςΟ͚ͩͰͳ͘ɺ
શͯͷϢʔβʔΛࢹ໺ʹೖΕͨྑॻ 8FC΍ΔਓΈΜͳʹಡΜͰ΄͍͠ɻ ΞΫηγϏϦςΟք۾ࡾେॻ੶ͷ࡭ 

ΠϯΫϧʔγϒͱ͸ w แׅతͳɺแؚతͳ
w ։์తͳ
w ഉଞతʢFYDMVTJWFʣͷରٛޠ ͜͜Ͱ͸ɺಛఆͷਓΛআ֎͠ͳ͍ͷҙຯɻ
ˠશͯͷϢʔβʔΛड͚ೖΕΔ͜ͱΛΠϯΫϧʔγϒͰ͋Δͱ͢Δɻ 

ΠϯΫϧʔγϒΛֶͿʹ͸ຊ౰ʹྑॻ w ϑΟϧλʔ΢ΟδΣοτͳͲ۩ମతͳ6*ͷ࣮૷ྫΛ঺հ
w ༁஫΍ิ଍ͳͲ΋๛෋Ͱͱͯ΋ਂ͘ཧղͰ͖Δ 

WJTVBMMZIJEEFO 

Α͘ݟ͔͚ΔɺΑ͘΍Δ)5.-ϚʔΫΞοϓ Α͘ͳ͍ϚʔΫΞοϓ

ݟग़͠λΠτϧ

αϒηΫγϣϯ

ݟग़͠λΠτϧ
ʙαϒηΫγϣϯʙ Α͘΍ΔϚʔΫΞοϓ

ݟग़͠λΠτϧ αϒηΫγϣϯ



WJTVBMMZIJEEFOͷ࢖༻ͯ͠ΑΓ໌֬ʹ͢Δ

ݟग़͠λΠτϧ

αϒλΠτϧɿαϒηΫγϣϯ

.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } )5.- $44 ݟग़͠λΠτϧ
ʙαϒηΫγϣϯʙ 

ແݶεΫϩʔϧͷՄ൱ 

ແݶεΫϩʔϧ͸ઈର/( ͳͥʁ w εΫϩʔϧόʔͷϋϯυϧ͕Ҡಈͯ͠ɺͱͯ΋ෆշͳಈ͖Λ͢Δ
w ແݶεΫϩʔϧͷԼʹ͋ΔίϯςϯπʹΞΫηεͰ͖ͳ͍
w ಛʹ5BCΩʔͰϝΠϯίϯςϯπΛൈ͚ΒΕͳ͘ͳͬͯඇৗʹෆշ ୅ସҊ w ʮ΋ͬͱಡΈࠐΉʯϘλϯʹஔ͖׵͑Δ
w ࣗಈಡΈࠐΈΛΦϯʹ͢Δ͔ΛϓϩϯϓτͰਘͶΔ 

ϑΥʔϜͷ࣮૷ 

ϥϕϧ෇͚ ˣ MBCFMཁૉΛ࢖ͬͯϥϕϧͱϑΟʔϧυΛඥ͚ͮΔɻ
౰ͨΓલͷ͜ͱ͚ͩͲɺͰ͖ͯͳ͍αΠτΛΑ͘ݟΔؾ͕͢Δʜ 

QMBDFIPMEFSଐੑ σϑΥϧτͩͱάϨʔͰίϯτϥετൺʹ໰୊Λىͨ͜͢Ίɺ
$44Λௐ੔͢Δɻ
ʢݪஶͰ͸ΠλϦοΫʹ͢Δͱ͋Δ͕ɺ೔ຊޠͰ͸ಡΈʹ͍ͨ͘Ίɺ
ผͷํ๏Λݕ౼͢΂͖ʣ ::-webkit-input-placeholder, ::-moz-placeholder, ::placeholder { color: #000; } 

ඞਢϑΟʔϧυ ඞਢΛද͢ʮʯ΍ʮ˞ʯ͸BSJBIJEEFOʹ͢Δ ໊લ※ ಡΈ্͛ͯ͠·͏͜ͱͰޡղΛ༩͔͑Ͷͳ͍ͨΊɺ
ಡΈ্͛ͤ͞ͳ͍Α͏ʹ͢Δɻ BSJBSFRVJSFEଐੑΛ࢖͏ ݪஶͰ͸SFRVJSFEଐੑͷରԠ͕ෆे෼ͳͨΊɺ
BSJBSFRVJSFEଐੑΛ࢖͏͜ͱΛਪ঑͍ͯͨ͠Α͏Ͱ͢ɻ 

ύεϫʔυ͸දࣔͰ͖ΔΑ͏ʹ͢Δ දࣔΛͰ͖ΔΑ͏ʹ্ͨ͠Ͱɺύεϫʔυͷ֬ೝ༻ʹ΋͏Ұ౓
ೖྗͤ͞ΔΠϯλʔϑΣΠεΛ΍Ίͤ͞Δɺͱ͍͏͜ͱ΋ɻ +BWB4DSJQUͰUZQFଐੑΛॻ͖׵͑Δ͜ͱͰදࣔͤ͞Δ͜ͱ͕
Ͱ͖ΔͨΊɺ͜ΕΛ࣮૷͢Δɻ ͳ͓ɺ*OUFSOFU
&YQMPSFSͱ.JDSPTPGU
&EHFʹ͸
ඪ४ػೳͱ࣮ͯ͠૷͞Ε͍ͯΔͨΊɺ཈੍͓ͯ͘͠ඞཁ͕͋Δɻ 

ύϑΥʔϚϯεΛҡ࣋͢Δ 

ίϯςϯπΛૣ͘දࣔ͢Δ͜ͱ΋ΠϯΫϧʔγϒ w ը૾ͷ࠷దԽ
w $44ɺ+BWB4DSJQUͷ࠷దԽɾϛχϑΝΠԽ
w ϑΥϯτͷαϒηοτԽ (PPHMF
'POUTͷαϒηοτ UFYUύϥϝʔλΛ෇༩͢Δ͜ͱͰඞཁͳจࣈͷϦετΛઃఆͰ͖Δ 

͜ͷຊΛಡΜͰࢥͬͨ͜ͱ 

w )5.-͸ηϚϯςΟοΫ͕௒ॏཁʂʂ
w $44ʢσβΠϯʣ΋σβΠϯੑ͚ͩͰݟͣɺՄಡੑͳͲ΋ҙ ࣝ͢Δ͜ͱ͕େࣄ
w ͱʹ͔͋͘ΒΏΔϢʔβʔΛड͚ೖΕΒΕΔίʔσΟϯάΛ
 ҙࣝ͢Δʂ
w ϑϩϯτΤϯυ΍ΔͳΒ΍ͬͺΓΠϯΫϧʔγϒ΍
 ΞΫηγϏϦςΟͳͲΛҙ͍͖͍ࣝͯͨ͠ʜʂ 

͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠