The Wayback Machine - https://web.archive.org/web/20200407221704/https://www.qq.com/demo/accessibility.htm
��Ѷ�����ϰ�˵�����汾
��Ѷ�����й���Ϣ���ϰ���Ʒ������Ա
��Ѷ�����ϰ�˵��
12-27-2012 ����
Ƶ����ר��ҳ��ݼ��б�(����Ӧ��ʾ���ʾ��ҳ���Ѳ���)
12-27-2012 ����
- ��alt+Q ������ҳ��٣�ͨ����ҳ��٣��������ڸ��������������п����л���
���ŵײ�ҳ��ݼ��б�(�Ѳ���Ƶ�������š��ƾ������֡����������桢���롢�Ƽ���Ů�ԡ�ʱ�С�����)
10-29-2012 ����, 12-27-2012 ����
- ��alt+0 �������ϰ�˵������
- ��alt+1 ������ҳ����
- ��alt+2 ���ʵ���
- ��alt+3 ��������
- ��alt+4 ��������
- ��alt+5 ����������������
- ����������Ƶ�����س����ţ���Ƶ���������Ҫ���룩���ڲ��Ź����У����ո����ͣ����������Ҳ����Esc��������Ƶ������ʱ�ɸ��������ʾ���в�����
- ֧��WAI-ARIA landmark
��Ļ�Ķ������Ի���
- NVDA
- ���ɶ������������
- ���¶�������6.3
�ɷ����Դ���У���ο�
10-29-2012 ����, 11-09-2012 ����
����Federal Acquisition Regulation�е�508&Illinois Center for Information Technology and Web Accessibility�����ҽ��qq.com��ʵ�ʻ���
W3CҪ��
- ������DOCTYPE
- ����ָ���ַ�����
����
- ÿ��ҳ���html��ǩҪָ��lang���ԣ�<html xml:lang="zh" lang="zh">
�����Ķ�
- ���Ա�����Ϊ����ʹ��
- ���ö�λ��ʱ��cssȥ�����鿴���ݵ��Ķ�˳���Ƿ����������
���������
- ��ֹ�Ƴ�����
- ���ɽ��ü��̲���
����
- ҳ���б������һ��titleԪ�أ����Ҳ�ӦΪ��
- title�е�����Ӧ������60����
- titleӦ�ð�����վ���ֺ�ҳ�������
- ҳ���б����������һ��h1�����Ҳ���Ϊ��
- h1��title��Ӧ�ð�������ͬ��ijЩ�ʻ�
- h1��titleӦ��ʹ����ͬ�Ĵ���������
- h1�����ݲ�Ӧ�ý���������ͼƬ��alt����ֵ
hn
- ���е�hnӦ����h1�����ʵ���Ƕ��
- ��h2��ʼ��ÿһ��hnǰ��������һ��h(n-1)�����磺h3ǰ��������һ��h2��h5ǰ��������һ��h4
- ҳ�������ٲ�ֻ�ܰ���һ��h1����html5���Ѿ��ᳫ����ʹ�ö��hn��
- h1..h6Ԫ��Ӧ����ҳ�������ڹ�����Ϣ
- h1..h6 ���� ���õ��� ��heading|region|main|secondary|navigation|banner|contentinfo|definition|note|seealso|search����Ԫ��Ӧ����ҳ�������ڹ�����Ϣ
- ÿһ��h1...h6��������������
- hn�е�����ͨ������65����
- h2...h6�г���img��alt�����⣬��Ӧ�ð�����������
- ��ͬ����ı�������Ӧ����Ψһ�ġ������磺����������h1�����ݶ��ǡ���Ѷ������
�˵��͵���
- ul��������Ϊ����������ʵ�Ԫ�أ������ol
-
�Ƽ��ĵ����ṹ��
<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;
}
- �����������ҳӦ�����ٺ���һ��������
- ÿ��map��ul��olԪ�ز�Ҫ�����һ��h1֮ǰ����������и������ڱ���֮ǰ�������������h2��(�μ��Ƽ��ĵ����ṹ)
- ÿһ��Ƕ��table���ȵ�����ol��ul��Ϊ�����Ļ������ǵ�ͷ��Ҫ��һ��h2(������h2~h6���μ��Ƽ��ĵ����ṹ)
�ı���ʽ
- ����ʹ��blink(��������)��marquee(�ƶ��ƶ���)�����������������Ӿ�����
- ��ֹʹ��font��centerԪ�أ�����cssʵ��
- б����ʽ����iԪ�أ�������h1...h6��Ҫǿ���Ĵʡ�����;��ӣ�����emʵ��
- �Ӵ�������ʽ����bԪ�أ�������h1...h6��Ҫǿ���Ĵʡ�����;��ӣ�����emʵ��
- �»�����ʽ����uԪ�أ�������h1...h6��Ҫǿ���Ĵʡ�����;��ӣ�����strongʵ��
�б�
- �����pһ���е���˳������У��ÿ����Dz���Ӧ���������б��ˣ�ol��
- �����pһ���е����У��ÿ����Dz���Ӧ���������б��ˣ�ul��
- ����б�Ƕ����ȴ���5��Ļ���Ӧ�ÿ�����h1...h6������Ԫ��������ת������������Ļ�Ķ������û�
- �б�Ƕ�ױ�5��
����
- ����ʹ������������������������������ӣ�������õġ���ϸ�������֣�
- ���һ�����Ӱ���һ��ͼƬ�����֣�����alt�е����ݺ�����ƥ�䣨��ͬ������ôalt������Ӧ������
- ����ʹ��С��16*16��ͼƬ��Ϊ����
- �����������������ķ���һ��ָ������������...�������ְɣ�
- ȷ����ͬ�����ӵ�ַ�ò�ͬ���������֣�Ҳ����˵��ñ����ظ���ê�����ӣ����֣�
- ȷ����ͬ�����ӵ�ַ����ͬ���������֣����������Ӷ�ָ��http://www.qq.com����ô��Щ���Ӷ�Ӧ��ʹ����ͬ��ê�����ӣ����֡�����е��ǡ���Ѷ�����е��ǡ���Ѷ�������е��ǡ���Ѷ����ҳ���������Ͳ������ˣ����Ҷ�SEOҲ�����ʣ�
- �����������������ĸ��֣���������վ����һ����ѱ��⣩
- �ڲ���ê��Ŀ��Ҫ��tabindex="-1"���������ڵ��ڲ����ӱ�����ʱ��IE�����ƶ�����
- ���ê��Ŀ����a���߱����ȿ��Ի�ý����Ԫ�أ����ʹ��tabindex="1"����ʹ��tab���л���ʱ��ͻᱻ����
- �ȫ��tabindex������0�����Ƿǽ���Ԫ���ڻ�ý����ʱ��ἤ��outline��ie�л���ʾ���ߣ�����ʹ����ʽȥ����
ͼƬ
- ����߲���8px����û��alt��ͼƬ���ر���װ���Ե�ͼƬ��Ӧ�ñ��Ƴ���css������������������ʽ
- alt����������ͼƬ�ģ����ǵ��������ű����������
- alt���Բ�Ӧ����ͼƬ���ļ���
- altֵ��Ӧ�����߳�����Ϣ������ܳ�����ʹ��<img longdesc="�ܳ��ܳ������ݺܳ��ܳ�������" />��
- ÿ��imgҪ��alt
- ����ֻ����ͼƬ�ϵ�������Ϣ
- banner��ͷͼ�ϵ�������Ϣ�����ڴ�������������
Objects
- ÿ��appletԪ��Ӧ��altֵ
- ÿ��embedԪ��Ӧ��altֵ
- ÿ��objectӦ������������
����
- ID����Ψһ���ر��DZ���
- ÿһ��fieldsetӦ����һ��legendԪ��
- ÿ��label��������������
- ÿ��legend��������������
- ÿһ����Ч��label (legend + label)������Ψһ�ģ�Ҳ����˵<label for="Ψһ"></label��
- label��Ӧ�ð���select��textareaԪ�أ�ƽʱ���ǿ��ܻ�������д<label><select /></label>��
- ��input = images�DZ�����alt����titile���ԣ��Ҳ�Ϊ��
- ÿһ��button���������������
- ��ʵ�ı������롢������textarea�Ͱ�ť��ʱ���������Ϊ�������
- ��ֹ�ñ���Ԫ�ز��ܻ�ý���
- ���input��select��textarea��button��title�������ˣ�һ������Ϊ��
- type����button��reset��submit��input����Ҫ��value����title
- ���Ϊÿһ������Ԫ�ض���һ��label����ָ������id����ӵ��title
- ������д���ֶΣ��ڴ������һ��Ҫ�������֣��Ƽ���<abbr title="required">*</abbr>
���
- ��Ӧʹ�����ػ�������յ�frame
- ÿ��frame������һ��title���������������frame�����ã����ص�frame���Խ�title����Ϊ"hidden 1", "hidden 2", "hidden 3," �ȵ�
- frameset�е�ÿһ��frame��titleҪ������
�¼�
- ��onmouseover��Ϊ�Ľ����Ԫ��Ӧ������onfocus����ͬЧ���������
- ��onmouseout��Ϊ�Ľ����Ԫ��Ӧ������onblur����ͬЧ���������
- ����onmousedown, onmouseup ��onmousemove���ܣ�Ҫ����Ӧ�ļ��̽��������������keydown��keyup��onblur��
- û�н����Ԫ�ص�onmouseover �� onmouseout Ӧ����css�е�:hover��ʵ�֣���ϧie6��������
- onClick�¼�Ӧ�ð��������н����Ԫ����
- onChange�¼���Ӧʹ����selectԪ���ϣ��ᵼ���Զ��ı佹��������뵽һ��ҳ����
accesskey����
- ����ֵ������Ψһ��
- ��Ҫ������������Ŀ�ݼ��ظ������磺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������Լ���װ�ڲ˵�������Ұ�һ����ĸ��Ϊ��ݼ�
- ��ò�Ҫʹ����ĸ
����
- ��ֹʹ��-webkit-text-size-adjust:none���Ƽ�ʹ��-webkit-text-size-adjust:100%����֤��С�ߴ�IOS�豸�ϵ��������
- ��chrome��ʹ��-webkit-text-size-adjust:noneʵ��С��12px�����ֵ���Ϣһ����������Ҫ��Ϣ
��ɫ
- ��ֹ��html��ǩ��ʹ��color���ԣ���css��ʵ��
- ��ɫ�Աȶ�����Ӧ��3��1
- ��ɫ�Աȶ����ֵ��7��1
- ����ֻ����ɫ��ΪΨһ����Ϣ��ʶ�������Ʊ�еĺ����̵���
- ����ֻ��ͼ����ΪΨһ����Ϣ��ʶ������������������״ͼ�ȣ�
����
- Firefox Accessibility Extension
- Functional Accessibility Evaluator 1.1
�ڴ���������ͽ��飬�����Թ�ע���ǵ��Ź��ں�:FERD��������ѯ��
Copyright © 1998 - 2020 Tencent. All Rights Reserved