The Wayback Machine - https://web.archive.org/web/20190428142918/https://www.qq.com/demo/accessibility.htm
��Ѷ�����ϰ�˵����׼�汾 ��Ѷ�����й���Ϣ���ϰ���Ʒ������Ա

��Ѷ�����ϰ�˵��

12-27-2012 ����

Ƶ����ר��ҳ��ݼ��б�(����Ӧ��ʾ���ʾ��ҳ���Ѳ���)

12-27-2012 ����

���ŵײ�ҳ��ݼ��б�(�Ѳ���Ƶ�������š��ƾ������֡����������桢���롢�Ƽ���Ů�ԡ�ʱ�С�����)

10-29-2012 ����, 12-27-2012 ����

��Ļ�Ķ������Ի���

  1. NVDA
  2. ���ɶ������������
  3. ���¶�������6.3

�ɷ����Դ���У���ο�

10-29-2012 ����, 11-09-2012 ����

����Federal Acquisition Regulation�е�508&Illinois Center for Information Technology and Web Accessibility�����ҽ��qq.com��ʵ�ʻ���

W3CҪ��

  1. ������DOCTYPE
  2. ����ָ���ַ�����

����

  1. ÿ��ҳ���html��ǩҪָ��lang���ԣ�<html xml:lang="zh" lang="zh">

�����Ķ�

  1. ���Ա�����Ϊ����ʹ��
  2. ���ö�λ��ʱ�򣬽�cssȥ�����鿴���ݵ��Ķ�˳���Ƿ����������

���������

  1. ��ֹ�Ƴ�����
  2. ���ɽ��ü��̲���

����

  1. ҳ���б������һ��titleԪ�أ����Ҳ�ӦΪ��
  2. title�е�����Ӧ������60����
  3. titleӦ�ð�����վ���ֺ�ҳ�������
  4. ҳ���б����������һ��h1�����Ҳ���Ϊ��
  5. h1��title��Ӧ�ð�������ͬ��ijЩ�ʻ�
  6. h1��titleӦ��ʹ����ͬ�Ĵ���������
  7. h1�����ݲ�Ӧ�ý���������ͼƬ��alt����ֵ

hn

  1. ���е�hnӦ����h1�����ʵ���Ƕ��
  2. ��h2��ʼ��ÿһ��hnǰ��������һ��h(n-1)�����磺h3ǰ��������һ��h2��h5ǰ��������һ��h4
  3. ҳ�������ٲ�ֻ�ܰ���һ��h1����html5���Ѿ��ᳫ����ʹ�ö��hn��
  4. h1..h6Ԫ��Ӧ����ҳ�������ڹ�����Ϣ
  5. h1..h6 ���� ���õ��� ��heading|region|main|secondary|navigation|banner|contentinfo|definition|note|seealso|search����Ԫ��Ӧ����ҳ�������ڹ�����Ϣ
  6. ÿһ��h1...h6��������������
  7. hn�е�����ͨ������65����
  8. h2...h6�г���img��alt�����⣬��Ӧ�ð�����������
  9. ��ͬ����ı�������Ӧ����Ψһ�ġ������磺����������h1�����ݶ��ǡ���Ѷ������

�˵��͵���

  1. ul��������Ϊ����������ʵ�Ԫ�أ������ol
  2. �Ƽ��ĵ����ṹ��

    <h2 class="offscreen" ></h2><!--h2~h6���������ul����ol�������Żᱻ��Ϊ��navigation bar�����������hn������h1ǰ�汻��Ϊ����Ҫ���-->

    <ul>

    <li><a href="#">��Ŀ1</a></li>

    <li><a href="#">��Ŀ2</a></li>

    </ul>

    /*css style*/

    .offscreen { 
    position: absolute; 
    top: -30em; 
    left: -300em; 

  3. �����������ҳӦ�����ٺ���һ��������
  4. ÿ��map��ul��olԪ�ز�Ҫ�����һ��h1֮ǰ����������и������ڱ���֮ǰ�������������h2��(�μ��Ƽ��ĵ����ṹ)
  5. ÿһ��Ƕ�׵�table���ȵ�����ol��ul��Ϊ�����Ļ������ǵ�ͷ��Ҫ��һ��h2(������h2~h6���μ��Ƽ��ĵ����ṹ)

�ı���ʽ

  1. ����ʹ��blink(��������)��marquee(�ƶ��ƶ���)�����������������Ӿ�����
  2. ��ֹʹ��font��centerԪ�أ�����cssʵ��
  3. б����ʽ����iԪ�أ�������h1...h6��Ҫǿ���Ĵʡ�����;��ӣ�����emʵ��
  4. �Ӵ�������ʽ����bԪ�أ�������h1...h6��Ҫǿ���Ĵʡ�����;��ӣ�����emʵ��
  5. �»�����ʽ����uԪ�أ�������h1...h6��Ҫǿ���Ĵʡ�����;��ӣ�����strongʵ��

�б�

  1. �����pһ���е���˳������У��͸ÿ����Dz���Ӧ���������б��ˣ�ol��
  2. �����pһ���е����У��͸ÿ����Dz���Ӧ���������б��ˣ�ul��
  3. ����б�Ƕ����ȴ���5��Ļ���Ӧ�ÿ�����h1...h6������Ԫ��������ת������������Ļ�Ķ������û�
  4. �б�Ƕ�ױ𳬹�5��

����

  1. ����ʹ�����������������޷�������������ӣ�������õġ���ϸ�������֣�
  2. ���һ�����Ӱ���һ��ͼƬ�����֣�����alt�е����ݺ�����ƥ�䣨��ͬ������ôalt������Ӧ��Ϊ��
  3. ����ʹ��С��16*16��ͼƬ��Ϊ����
  4. �����������������ķ���һ��ָ������������...�������ְɣ�
  5. ȷ����ͬ�����ӵ�ַ�ò�ͬ���������֣�Ҳ����˵��ñ����ظ���ê�����ӣ����֣�
  6. ȷ����ͬ�����ӵ�ַ����ͬ���������֣����������Ӷ�ָ��http://www.qq.com����ô��Щ���Ӷ�Ӧ��ʹ����ͬ��ê�����ӣ����֡�����е��ǡ���Ѷ�����е��ǡ���Ѷ�������е��ǡ���Ѷ����ҳ���������Ͳ������ˣ����Ҷ�SEOҲ�����ʣ�
  7. �����������������ĸ��֣���������վ����һ����ѱ��⣩
  8. �ڲ���ê��Ŀ��Ҫ��tabindex="-1"���������ڵ��ڲ����ӱ�����ʱ��IE�����ƶ�����
  9. ���ê��Ŀ����a���߱����ȿ��Ի�ý����Ԫ�أ����ʹ��tabindex="1"����ʹ��tab���л���ʱ��ͻᱻ����
  10. �ȫ��tabindex������0�����Ƿǽ���Ԫ���ڻ�ý����ʱ��ἤ��outline��ie�л���ʾ���ߣ����޷�ʹ����ʽȥ����

ͼƬ

  1. ����߲���8px����û��alt��ͼƬ���ر���װ���Ե�ͼƬ��Ӧ�ñ��Ƴ���css������������������ʽ
  2. alt����������ͼƬ�ģ����ǵ��������ű����������
  3. alt���Բ�Ӧ����ͼƬ���ļ���
  4. altֵ��Ӧ�����߳�����Ϣ������ܳ�����ʹ��<img longdesc="�ܳ��ܳ������ݺܳ��ܳ�������" />��
  5. ÿ��imgҪ��alt
  6. ����ֻ����ͼƬ�ϵ�������Ϣ
  7. banner��ͷͼ�ϵ�������Ϣ�����ڴ�������������

Objects

  1. ÿ��appletԪ��Ӧ��altֵ
  2. ÿ��embedԪ��Ӧ��altֵ
  3. ÿ��objectӦ������������

����

  1. ID����Ψһ���ر��DZ���
  2. ÿһ��fieldsetӦ����һ��legendԪ��
  3. ÿ��label��������������
  4. ÿ��legend��������������
  5. ÿһ����Ч��label (legend + label)������Ψһ�ģ�Ҳ����˵<label for="Ψһ"></label��
  6. label��Ӧ�ð���select��textareaԪ�أ�ƽʱ���ǿ��ܻ�������д<label><select /></label>��
  7. ��input = images�DZ�����alt����titile���ԣ��Ҳ�Ϊ��
  8. ÿһ��button���������������
  9. ��ʵ�ı������롢������textarea�Ͱ�ť��ʱ���������Ϊ�������
  10. ��ֹ�ñ���Ԫ�ز��ܻ�ý���
  11. ���input��select��textarea��button��title�������ˣ�һ������Ϊ��
  12. type����button��reset��submit��input����Ҫ��value����title
  13. ���Ϊÿһ������Ԫ�ض���һ��label����ָ������id����ӵ��title
  14. ������д���ֶΣ��ڴ������һ��Ҫ�������֣��Ƽ���<abbr title="required">*</abbr>

���

  1. ��Ӧʹ�����ػ�������յ�frame
  2. ÿ��frame������һ��title���������������frame�����ã����ص�frame���Խ�title����Ϊ"hidden 1", "hidden 2", "hidden 3," �ȵ�
  3. frameset�е�ÿһ��frame��titleҪ������

�¼�

  1. ��onmouseover��Ϊ�Ľ����Ԫ��Ӧ������onfocus����ͬЧ���������
  2. ��onmouseout��Ϊ�Ľ����Ԫ��Ӧ������onblur����ͬЧ���������
  3. ����onmousedown, onmouseup ��onmousemove���ܣ�Ҫ����Ӧ�ļ��̽��������������keydown��keyup��onblur��
  4. û�н����Ԫ�ص�onmouseover �� onmouseout Ӧ����css�е�:hover��ʵ�֣���ϧie6��������
  5. onClick�¼�Ӧ�ð��������н����Ԫ����
  6. onChange�¼���Ӧʹ����selectԪ���ϣ��ᵼ���Զ��ı佹��������뵽һ��ҳ����

accesskey����

  1. ����ֵ������Ψһ��
  2. ��Ҫ������������Ŀ�ݼ��ظ������磺IE�е�A C E F H J M P R T V X Home��chrome�е�E F D��firefox��B E F H S T V �����еIJ������Լ���װ�ڲ˵�������Ұ�һ����ĸ��Ϊ��ݼ�
  3. ��ò�Ҫʹ����ĸ

����

  1. ��ֹʹ��-webkit-text-size-adjust:none���Ƽ�ʹ��-webkit-text-size-adjust:100%����֤��С�ߴ�IOS�豸�ϵ��������
  2. ��chrome��ʹ��-webkit-text-size-adjust:noneʵ��С��12px�����ֵ���Ϣһ����������Ҫ��Ϣ

��ɫ

  1. ��ֹ��html��ǩ��ʹ��color���ԣ���css��ʵ��
  2. ��ɫ�Աȶ�����Ӧ��3��1
  3. ��ɫ�Աȶ����ֵ��7��1
  4. ����ֻ����ɫ��ΪΨһ����Ϣ��ʶ�������Ʊ�еĺ����̵���
  5. ����ֻ��ͼ����ΪΨһ����Ϣ��ʶ������������������״ͼ�ȣ�

��⹤��

  1. Firefox Accessibility Extension
  2. Functional Accessibility Evaluator 1.1

�ڴ���������ͽ��飬�����Թ�ע���ǵ�΢�Ź��ں�:FERD��������ѯ��