+ All Categories
Home > Documents > ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... ·...

ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... ·...

Date post: 03-Apr-2020
Category:
Upload: others
View: 2 times
Download: 0 times
Share this document with a friend
22
Web Accessibility Web Accessibility , (APCD)
Transcript
Page 1: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

Web Accessibility Web Accessibility � ������������������ �����������������

����� �����, � ���!��"�#$%�&�!���!�!'���()

�(!&*+�,!�-)�$./����0!+1/��-������2�&-)�-34156/ (APCD)

Page 2: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

Web Accessibility Web Accessibility 0<���=�0<���=�??0������&"�#�=3

������� ��������� ����������������� ����� � ������������������������ �������� �!����!�����������"�� #"�!$�!�%�

Page 3: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

Web Accessibility Web Accessibility 0<���=�0<���=�?? -- @��@��0������&�21�)A/

0��������BC!/���'��BA���D�'��0!+1/�� E�&"�#0!+1/�������B����(� �'��C "���=3@�����!@��� F -)�E@�@��/���!<G���H�&C!��D�=�� !�/ �/!�G Web Accessibility &�����&���BA�0��������BC!/���'��BA���D�'��/)���I(�C2��<#! F ���& �2�! I(��(���&� I(�C2�H�J��<#!�3K!H�J��)�/ I(�"�#��0�����D�C!/���2<#��@��@# � L)L

Page 4: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

3M �&�!���!�!@��3M �&�!���!�!@�� Web AccessibilityWeb Accessibility3M �&"�����0�

@Web Accessibility ���"��"� �0�O���!0�������H�0"��E�/��'��0!+1/��@ 2��&)�2�������"���1 1@�) (Digital Divide) C��/��o0!+1/��o0!�(���&�o0!"�#=��B!��H�J��)�/"�#C2�C!��D�!�G! FoI(�C2�"�#C2��"0E!E)&��/��/C���oI(�C2�"�#��0�����D�C!/���2<#��@��@# �

Page 5: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

3M �&�!���!�!@��3M �&�!���!�!@�� Web AccessibilityWeb Accessibility -- @��@��3M �&"���"0!10

@ 0��������BC!/��" ���!C!����"�#@���/�! (Interoperability) @ )�H���/��+�,!�-)��(-)��/J���D�=4@*@ )�H���'���0�<#��-��'��& (Server)@ 0��������BC!/��-���I)C!��3/�[*@��� F /�!@ �@��&�/��� ������"0E!E)&�C!�!�0@

Page 6: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

3M �&�!���!�!@��3M �&�!���!�!@�� Web AccessibilityWeb Accessibility -- @��@��3M �&"��/����1!

@ I)/ �=�"�# �=�� �//������D�=4@*@ 3���&��0��C2� ��&C!/���(-)��D�=4@*@ �+1#�\�!)(/0��

Page 7: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

3M �&�!���!�!@��3M �&�!���!�!@�� Web AccessibilityWeb Accessibility -- @��@��3M �&"��/]���&

@ '�����0��//]���&'����\C!/���������D�"�#"�/0!�'��BA�@ !E&��&'����0*/�

Page 8: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

3MO��/���'��BA�3MO��/���'��BA� (Accessibility Problems)(Accessibility Problems) -- @��@��0������&'��-!�01��21�/��-+"&* (Medical Model of Disability)

@ �/1� �/��������� ����������������@ �3K!3MO������������@ @���/���������� !�� �"���#$��������� �/0!"�#�=3

Page 9: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

3MO��/���'��BA�3MO��/���'��BA� (Accessibility Problems)(Accessibility Problems) -- @��@��0������&'��-!�01��21����0� (Social Model of Disability)

@ ���%�����&�% ������� �"�����'�C!/���'��BA�'���()'������@ ��()� !��'*���"�#��I)/��"�@��0�[H�+2��1@0!+1/��E�&���@ �3K!������������+),�) =��C2�0���@���/��+1��J@ �-��������� !��.%�o C2�-!�01���������'/��*� ���) (Design for All) -)�/��<�o �� ��������)���&��=>� �"����������������'�/��0����/+����-@�)�3���H"

Page 10: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

3MO��/���'��BA�3MO��/���'��BA� (Accessibility Problems)(Accessibility Problems) -- @��@�����3 (E�&����&-!�01��21����0�)

@ 3MO��/���'��BA�'���()'������@��� F C!��D�=4@*� �����0!+1/��0<�3MO�� ??��&�% ������� �"�����'���&�% ������� �"�����'�@@ C!/���'��BA�@ 3MO��/���'��BA�'��0!+1/��!�G! A�=�������"��&����*��������� 4A#��3K!0����)�/�)�&'��0! (=�������B��/J���<��3)�#&!-3)�=��) �����"��&����*��������*% /��)�+���&��BC��*D)�"�#'��0����'��C @��0����)�/�)�&!�G

Page 11: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

3MO��/���'��BA�'��0!+1/��"��/���0)<#�!=��3MO��/���'��BA�'��0!+1/��"��/���0)<#�!=��H�+���

@ I(�C2�=�������BC2�0�&*���*���<�����*"�#� F =3=���!<#�� �/��0����/+����C!/��0��0��/)����!<G�"�#�/�#&�/��/���0)<#�!=��@ I(�C2���3MO��/���!<G���"�#@�������&/��" ���!'����@�/��[*����*��<�0�&*���*� (Mouse/Keyboard Events)@ I(�C2���3MO��/���!<G���"�#" ���!��@E!��@1@ I(�C2���3MO�����!/�� ��" ��!<G����&����2�! ���!<G�����/�/1!=3 '!��'��@����/J���<�H�+����&�����'!���)D/�/1!=3 �3K!@�!

Page 12: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

3MO��/���'��BA�'��0!+1/��"��/���0)<#�!=��3MO��/���'��BA�'��0!+1/��"��/���0)<#�!=�� -- @��@��@���&�����3/�[*�0�<#��2��& (Assistive Devices)

Trackball Sip and Puff Switch/Headset

Joystick

Page 13: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

3MO��/���'��BA�'��0!+1/��"��/���0)<#�!=��3MO��/���'��BA�'��0!+1/��"��/���0)<#�!=�� -- @��@��@���&�����3/�[*�0�<#��2��& (Assistive Devices)

Onscreen Keyboard

Speech Recognition

Page 14: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

3MO��/���'��BA�'��0!+1/��"��/���0)<#�!=��3MO��/���'��BA�'��0!+1/��"��/���0)<#�!=�� -- @��@��@���&���3MO�� - 1

@ /��" ���!"�#@���C2���@�/��[*����*-)�/��<�0�&*���*�����/�! " �C��I(�"�#C2���3/�[* �+�/����*��<�0�&*���*��&���C��&����!A#�3����3MO�� �2�!- /��C��I(�C2�/�3�%� CTRL + ALT + Delete - /��C��I(�C2�/�3�%� CTRL +����/��0)1/'�� L)L

Page 15: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

3MO��/���'��BA�'��0!+1/��"��/���0)<#�!=��3MO��/���'��BA�'��0!+1/��"��/���0)<#�!=�� -- @��@��@���&���3MO�� - 2

@ /��" ���!"�#@���C2���@�/��[*����*��<�0�&*���*��+�&��&������&� �2�!- /��C2���@�/��[*����*@�� ���/��C2�����*'��I(�C2� -)��" ���!

�&���C��&����!A#� �2�! ��!(-�� MouseOver- /��C2���@�/��*0�&*���*�@�� ���/��C2�0�&*���*�'��I(�C2� -)��

" ���!�&���C��&����!A#�

Page 16: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

3MO��/���'��BA�'��0!+1/��"��/���0)<#�!=��3MO��/���'��BA�'��0!+1/��"��/���0)<#�!=�� -- @��@��@���&���3MO�� - 3

@ /��" ���!��@E!��@1 �2�!- /���3)�#&!�!<G���"�!"�"�#I(�C2��)<�/��!(����&��� ���0��G�I(�C2���

�)<�/��!(I1� " �C�����&��)�@���/)�����)<�/C���

Page 17: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

3MO��/���'��BA�'��0!+1/��"��/���0)<#�!=��3MO��/���'��BA�'��0!+1/��"��/���0)<#�!=�� -- @��@��@���&���3MO�� - 4

@ 3MO�����!/�� ��" ��!<G��� �2�!- ���!<G�����/�/1!=3 " �C��I(�C2�) ���/C!/���)<#�!���!��<�0�!��

'���()- '!��'��)1�0*��<�H�+"�#" ��3K!)1�0*��'!���)D/��/�/1!=3 " �C��

I(�C2�/���&�/��0)1/=��=��B(/@���

Page 18: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

-!�"��/��-/�3MO��-!�"��/��-/�3MO��

@ ��<#��������D�=4@* @���0 �!A�BA�/��C2���!'��0!+1/�����&"�/0��G�@ "������� �����BC2�0�&*���*��+�&��&������&�C!/��"���=3C!���!@��� F =����<�=��E�&/��C2�3�%�-"D�@ �+1#� Skip Navigation � �����'���/)�����!(@ '!��'��)1�0*@�����'!��C�O�+�"�# �0)1/=�����&@ =��0��C2�0 ��&����2�! o0)1/"�#!�#p ��<� oClick herep ��<� o"�#!�#p L)L �+���I(�C2����/)���=��=��C2�����*@ �)�/�)�#&���!("�#" ����& JavaScript ��<�C2� Layer �!<#�� �/��!(��<��!<G����2�!!�G��/�'��BA�=��E�&����* (���!��/) ��<�0�&*���*��+�&��&������&�

Page 19: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

-!�"��-/�3MO��/���'��BA�"��/�&H�+-!�"��-/�3MO��/���'��BA�"��/�&H�+

@ ��"���)<�/C!/���'��BA� �2�! "��)����<�)15@* C!��1��["���'�� ����/@���D!=�����&

Page 20: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

-!�"��-/�3MO��/���'��BA�"��/�&H�+-!�"��-/�3MO��/���'��BA�"��/�&H�+ -- @��@��

@ �1#�� �!�&0�������/�<#! F �2�! ����!G � ��� �� L)L

Page 21: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

-!�"��-/�3MO��/���'��BA�"��/�&H�+-!�"��-/�3MO��/���'��BA�"��/�&H�+ -- @��@��

@ @�����'!��+<G!"�# 0����(�-)���&�����'����3/�[*"�#������� �'��BA�=�����&

Page 22: ˆ˙ ˝ ˛ , ˜ ! ˛#$% & ! !˘!' () ˝(!&*+ ,! -) $./ 0!+1/ - ˙ ˜ ˜2˛&-) -34156 ... · 2007-06-20 · 3M & ! !˘!@˙ Web Accessibility 3M &" 0 @Web Accessibility ˛ " " 0 Oˇ

'��0�[


Recommended