25
!"#$! : #% &’ ()* +, *- ./0/.01/0. #23 # ./0/.01/4. #23 # ./0/.01/4. #5)6 76 , *6 - ./0/.01/.8

Web accessibility

Embed Size (px)

Citation preview

Page 1: Web accessibility

������������������������������������������������������������������������������������������“� ��������������������� !��"#�$!”� ��������������������� !��"#�$!

������������ �:��������������������

�������������

������������ ���������������������

���������������#�� %�&���' ��()*�� �+,*-� ./0/.01/0.��#�� �2�3 �#�� ./0/.01/4.��#�� �2�3 �#�� ./0/.01/4.��#�� 5�)6� 7�6�� ,*6- ./0/.01/.8

Page 2: Web accessibility

9:;�;�:<����������������9:;�;�:<����������������

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

�� +�,�-./0*����

�� !"��� �#$%&"�"0�- 1��234�56637784898:;

*����*$��������0-��$�234�<�=

�����>�*���� 56637784898:; $�234�<�=

)���!���

Page 3: Web accessibility

9:;�;�:<����������������9:;�;�:<����������������

��?�)����>� �#��

234�56637784898:;�

@2A5B�<==C����D�

)����>� �#��EFG66377�AH8:3H8IJ�"��

56637784898:;���$���"�������$"0�K

!������,�-234�

<==C����D�!������

AH8:3H8IJ�"����"�L���2A5B�

�����$"0�K,�-FMN

O����������������������� ,0�P�- �#$

234�56637784898:; 2A5B� O������

����� ,0�P�- �#$

Page 4: Web accessibility

�����������������=7>?

� ���������������@A!��,��� !7�B3 C� �������D$ ��6���������� !���@*!� ���������������@A!��,��� !7�B3 C� �������D$ ��6���������� !���@*!��,�����C� !�E�!E�C�������� ����5�C7#��#�C�#��-�

Page 5: Web accessibility

F;G:�:����������������F;G:�:����������������

1��������>� �#$%&"��>�!��$�����)�����)���!���!��������)�����)���!���!���

)�*���������P ,0�P�-O����0 *Q��>����)������������� )�*���������P ,0�P�-O����0��R������� �#$%&"��O����S����*��T���$ �#$%&"�%�0�

*Q��>����)������������� ,0�P�-,0��/�,��������!0)�*���������P��0$�����%�0�0�� S����*��T���$ �#$%&"�%�0�

��0�-��R����"��)�������Q�K�

*���������P��0$�����%�0�0��

��0�-��R����"��)�������Q�K����P�-�./0�/-������)��������P%�0 ����O�-%"�����%�0 ����O�-%"�����

Page 6: Web accessibility

���A���H��6I 7#������%6$�H�� ������@A!� !��"#�$!#C�-

��7�J�������@*!#��A3�-7-C�#���

���@*!���(�(3-�

#��A3�-7-C�#�����,$�6���5,��������7-BCA3�-J�D�)� K�LG�M�N;O�;��

������� !��J

���������������

���@*!���(�(3-���� ��������,��E����"�� !��J@����5=P���� 7#�6#��

7-BCA3�-J�D�)�������� !��J�!�A�E3D� !��"# !7�B3�C�#Q�$!$�

���������������E����"�� !��J@����5=P���� 7#�6#��

!7�B3�C�#Q�$!$�-,�# "P�#C�-

���RA��-�6#�6�@A!� ��������#

����5,���A3�-3!��������$!�6� @A!� ��������#

J�D�)��JS�� ����������� !��"#�$!

3!��������$!�6�T3��D��%������ !��"#� ��

Page 7: Web accessibility

JUIA������5,���5�%�����@*!#����� ��

@�� ���VW/@�� ���VW/

����-�#�������"0�-����!0�����!��.����� 1�

R�O���O�0%,2UFV2UB�E2WI:�UXG��!0�����!��.����� 1�

+�*�EAIY:6WIJ�R����%����,0��/����/O$$�Q�

�!0 �Q��

2UFV2UB�E2WI:�UXG�F33�V7�2WI:�UXG�B3:Z%�0.���*T�"����-�� !#�J���%����-��$����>�-��,�-

��,0��/����/O$$�Q��!0 �Q�� ��-��$����>�-��,�-

�)R�R�����-�>����)���������E57787:8[3�������E57787:8[3�@36W\X9X];J�

Page 8: Web accessibility

J�D�)� 7#TB!5,���J�D�)� 7#TB!5,���

1 2 3 41

5,�����#���

2

5,�����#����$!-,�

3

5,�����#����=�7���A�=7�����3=�7��A

4

5,�����#������-��B!��#���

�7#�A���$!-,� �=�7���A�=7���

��3=�7��A ���-��B!

Page 9: Web accessibility

7�J��+����@*!@����� !��"# !7�B3 C� ��� 7#��5,�����#�C�#��-�D$6��C�#�Q

5,����!7- 5,���J���3�# 5,������E�#5,����!7- 5,���J���3�# 5,������E�#

7�J��+�7=���Q7�J��+�7=���Q

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

Page 10: Web accessibility

7�J��+����@*!@����� !��"# !7�B3 C� ��� 7#��5,�����#�C�#��-�D$6��C�#�Q

5,����!7- 5,���J���3�# 5,������E�#5,����!7- 5,���J���3�# 5,������E�#

7�J��+�7=���Q7�J��+�7=���Q

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

Page 11: Web accessibility

7�J��+����@*!@����� !��"# !7�B3 C� ��� 7#��5,�����#�C�#��-�D$6��C�#�Q

5,����!7- 5,���J���3�# 5,������E�#5,����!7- 5,���J���3�# 5,������E�#

7�J��+�7=���Q7�J��+�7=���Q

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

Page 12: Web accessibility

A36���� 7#���������������A36���� 7#���������������

X�9�Y�V/0/�ZXML������9:;�;�������������Y[�\��;���V/0/]��JS�E� ��#���56̂��� ��������������Y[�\��;���V/0/]��JS�E� ��#���56̂��� ��������������� !��"#�������@*!#��E3D� !�@%��=P7A��($-��-3D�7�-$)�-@�����_��̀�6���P��JS��C ������� ���H��6I�H�A�6�)�-@�����_��̀�6���P��JS��C ������� ���H��6I�H�A�6��6����77�E��E3D56̂��� ��������"�#7!�#7,#%��

������������ ����J�D�7��J$! - !7E�D�H��������������������� ����J�D�7��J$! - !7E�D�H������������56̂��E3D�#=�7�� ����������D���$! C�A�!�� �������6P�

�$!�H���� !7E�D�H�7-C�#�B��!7#A�=7��C�$!�H���� !7E�D�H�7-C�#�B��!7#A�=7��C

Page 13: Web accessibility

A36���� 7#���������������A36���� 7#���������������

!7E�D�H���4��A36�����

��+&�� ���H����%�ZK[�������D$6�� ���H��6I ��+&�� ���H����%�ZK[������9G��G�L]�������_����9�Y�

�D$6�� ���H��6I

�Z�aG�:G���]����_����9�Y�

Page 14: Web accessibility

X�9�Y�V//8�J�D�7�$! - !7E�D�H���4��A36�����

������� !�@% �#���C7� ���������6��B!�$!�Za�G���bL��]

������@*!#���$!�Zcd�GL��]

������� !�@%�$!�

Ze;\�G�L;\L��]

�#���C7� ���J3��-�EJ3#��Zf:�[�]��] Zf:�[�]

Page 15: Web accessibility

0W�������6��B!�$!�Za�G���bL��]

%6$@A!�� !7� ���$E���H�A�6���=P7A������C@*C !7� ��%6$@A!�� !7� ���$E���H�A�6���=P7A������C@*C !7� ��

%6$@A!�� !7� ���$E���H�A�6��=�7����H�A�$$! -� 3��ZX�g�hiL��\�j�\�L]

��!�#��=P7A�����������H����7�$!A3�-�BJE����!�#��=P7A�����������H����7�$!A3�-�BJE��

%6$�H���=P7A��5=�7@A!TB!@*!�������A��A�=7�$!-,���=P7A��$!*6$�%�

Page 16: Web accessibility

VW������@*!#���$!�Zcd�GL��]

./0��0�����P �>�!�� �������- ./0��0�����P���-./0��0�����P ,0�P�-�������O����0-����

�>�!�� �������- *��-*� *Q��!0./0��0�����P����

%����0�- �Q̂�!�������!0 ������������EF38_GH3J

./0��0�����P���-!�0� �#$�)0�!� �Q̂�!�O�����$O����0-����

!�0� �#$%�0O)�O�̀*��*� *��-����- ����

./0��0�����P����O����0-�� �Q̂�!�

%�0

����EF38_GH3J �Q̂�!�O�����$���"� �-��/�">�O!��-���� �#$%&"�%�0����- ���� �#$%&"�%�0

Page 17: Web accessibility

1W������� !�@%�$!�Ze;\�G�L;\L��]

./0��0�����P!�0� �#$���SO��

�����!0./0��0./0��0�����P����O�� ,0��� �Q̂�!��� 1�

���SO���>�-������� ����./0��0

�����!0./0��0!��� ���-)���.��*���O��

�Q̂�!��� 1�,0�)���%�0

��� ����./0��0�����P)��

.��*���O��O���>���T�O�0'(!�

,0�)���%�0 �����P)�� ��%�0

O�0'(!�

Page 18: Web accessibility

4W�#���C7� ���J3��-�EJ3#��Zf:�[�]

�5,��� ��������@�����7#�6����(�(3-�� ���C�#Q����A3��A3�-�6P#@�JU%%��6�E3D7�����$!�"# �$��$A3��A3�-�6P#@�JU%%��6�E3D7�����$!�"# �$��$

Page 19: Web accessibility

��+&�� ���H����%�ZK[������9G��G�L]�������_����9�Y�

E� ��# 6P���H���$����!7#�H��E� ��# 6P���H���$����!7#�H����C�*C��6P�E3! ����� !��"#%D�JS��J�$!-��A�=7��C�$!�3-

E� ��# 6P��3�#���� �%D�H���5=�77H�� -� ��E� ��# 6P��3�#���� �%D�H���5=�77H�� -� ���D$ �@����� !��"#

�5,�� "P��5,�� "P�

E� ��# 6P��B#��$���7�%%DE� ��# 6P��B#��$���7�%%D�H���5=�7@A!TB!@*!� !��"#E3D@*!#����=P7A�� ���$!�B#��$

Page 20: Web accessibility

�D$6�� ���H��6I�Z�aG�:G���]

�9�Y0W/�A�=7�����9:;�;��������������9�Y0W/�A�=7�����9:;�;�������������Y[�\��;���0W/��=7��H�E�D�H�@����56̂��

� ������@A!������ !��"#�� ������@A!������ !��"#�

($-��19��JS�TB!�H�A�$�($-%DE�C#�D$6� 7#($-��19��JS�TB!�H�A�$�($-%DE�C#�D$6� 7#� ���H��6I� !1��D$6��$6#��P

Page 21: Web accessibility

�D$6�� ���H��6I�Z�aG�:G���] �C7

dG�:G���0 �JS� !7����H��6I�����$��=7�TB!56̂��� ������%D�!7#dG�:G���0 �JS� !7����H��6I�����$��=7�TB!56̂��� ������%D�!7#�H�����H�E�D�H��6P�Q��5��D�!���C�H��A��-�"#�TB!5,�����C������� !��"# !7�B3�6P��$!������� !��"# !7�B3�6P��$!

dG�:G���V��JS� !7����H��6I�7#3#����=7�TB!56̂��� ������� �%D�H�����H�E�D�H���5��D�!���C�H����%D�H�@A!TB!5,���� !��"#%D�H�����H�E�D�H���5��D�!���C�H����%D�H�@A!TB!5,���� !��"# !7�B3�$!-��

dG�:G���1��JS� !7����H��6I�!7-�����$��=7�TB!56̂��� ������7�%%D�H�����H�E�D�H�A�=7��C���$!�E�C�!��H������%D7H�� -� ���D$ �@����� !��"# !7�B3 7#��5,����$!#C�- "P�7�%%D�H�����H�E�D�H�A�=7��C���$!�E�C�!��H������%D7H�� -� ���D$ �@����� !��"# !7�B3 7#��5,����$!#C�- "P�

Page 22: Web accessibility

�����������������6�����,$76�$6��!��Q� 7#�K�LG�M�N;O�;��ZKNc]�����������������6�����,$76�$6��!��Q� 7#�K�LG�M�N;O�;��ZKNc]

0W�H�7k,��-)�5����JS��C �A�"�#

VW��6 A�6#�=7�!7#�JS��6 A�6#�=7�

1W� !7� ��3,#������=�7� ��A��-

4W���� ��7�������C��6������

.W� �����=P7A��$E����=P7A��������JS��C �A�"�#

7#��=P7A�@��7����TC���L�E7���,�, ��

�JS��6 A�6#�=7���C@*C)�5

����=�7� ��A��- ��C��6������lLbLK�G�d�A�=7�D#6�����H�#��lLbLK�G�d

�$E����=P7A�����JS��mL�M��;�gL�:;

E7���,�, �� lLbLK�G�d

Page 23: Web accessibility

�����������������6�����,$76�$6��!��Q� 7#�K�LG�M�N;O�;��ZKNc]�����������������6�����,$76�$6��!��Q� 7#�K�LG�M�N;O�;��ZKNc]

nW����=P7A� oWET�T6#� ������� pW�*=�7�7������� 8W�A6 ��=�7#A36� 0/W�@*!�9KK�@�nW����=P7A��$E�� !7�B3����JS����-#A�=7)�5 �$�(7

oWET�T6#� �������ZK���jLd]

pW�*=�7�7��������=�7� ��A��-

8W�A6 ��=�7#A36�E3DA6 ��=�7#-C7-

0/W�@*!�9KK�@������E�C#E3D�H��3-��7���

)�5 �$�(7

Page 24: Web accessibility

9:;�[��:;����������������9:;�[��:;����������������9:;�[��:;����������������9:;�[��:;����������������

�3�C���5,�������!7#���

a ./0��"�$����#����0-��R�O���������+�*�EF6H33\�b3Ic3HJdR�O������� �#$�E234�b3Ic3HJ�3�C���5,�������!7#���

!7�B3��� ������

b3Ic3HJ

a ./0�����"� �Q����-��#����0-��R�O���,���!�0����EeI]\8f83HJ� !7�B3��� ������ !�0����EeI]\8f83HJ�

a �>�!��$./0��*������-�0�����-�����#�>� 1���"0�-��0��������Q�K�����������0-��)��*�� "���

TB!56̂��� ���������

)��*�� "���

�"0�-g�� � *�� "��P�-��T������TB!56̂��� ����������!7#���56̂��� ��@A!TB!

�"0�-g�� � *�� "��P�-��T�����������0�- �#$�>�!��$./0*����

�*������P�-!������O���!7#���56̂��� ��@A!TB!5,���������@*!#���$!�

�*������P�-!������O���-)�����$"��-K������O���>�,�-������O���>�,�-��

Page 25: Web accessibility

7���+�CD 7���+�CD 7���+�CD 7���+�CD