- From: David MacDonald <befree@magma.ca>
- Date: Tue, 12 Apr 2005 22:33:20 -0400
- To: <w3c-wai-gl@w3.org>
- Message-Id: <200504130233.j3D2XL3Q026685@mail2.magma.ca>
16.1 Text alternatives for scripts This technique relates to the following sections of the guidelines: * <http://www.w3.org/TR/2004/WD-WCAG20-20041119/#text-equiv> Guideline 1.1 * 1.1 <http://www.w3.org/TR/2004/WD-WCAG20-20041119/#text-equiv-functional> L1 SC1 Task: Use noscript when using script. For Baseline that requires text only (lynx) There needs to be a purely text alternative. (Not NoScript) For a baseline that requires HTML, CSS (not JavaScript) there should a noScript For a Baseline that supports Javascript, There should still be redundant links (for menus) and text alternatives. 10.6 Long descriptions of images This is unaffected by baseline This technique relates to the following sections of the guidelines: * <http://www.w3.org/TR/2004/WD-WCAG20-20041119/#text-equiv> Guideline 1.1 * 1.1 <http://www.w3.org/TR/2004/WD-WCAG20-20041119/#text-equiv-informative> L1 SC2 * 1.1 <http://www.w3.org/TR/2004/WD-WCAG20-20041119/#text-equiv-sensory> L1 SC3 * 1.1 <http://www.w3.org/TR/2004/WD-WCAG20-20041119/#text-equiv-explicit-assoc> L1 SC5 Task: For images using the img element, describe detailed information in a separate file, and use the longdesc attribute to direct users to that file. When a short text alternative does not suffice to adequately convey the function or role of an image, provide additional information in a file designated by the longdesc attribute. Editorial Note: Link to information that describes how to write descriptions, e.g., Excerpts from the NBA <http://www.w3.org/2000/08/nba-manual/Overview.html> Tape Recording Manual, Third Edition. Example: This example directs users to a file called "2001sales.html" to describe the sales data for 2001. Here are the contents of 2001sales.html: In sales97.html: A chart showing how sales in 1997 progressed. The chart is a bar-chart showing percentage increases in sales by month. Sales in January were up 10% from December 1996, sales in February dropped 3%, .. <img src="97sales.gif" alt="Sales for 1997" longdesc="sales97.html"> Here are some HTML techniques that won't be affected by baseline * 1. <http://www.w3.org/TR/WCAG20-HTML-TECHS/#metadata#metadata> Metadata * 1.1 The <http://www.w3.org/TR/WCAG20-HTML-TECHS/#doctype#doctype> !doctype statement * 1.2 The title <http://www.w3.org/TR/WCAG20-HTML-TECHS/#title#title> element * 1.3 The <http://www.w3.org/TR/WCAG20-HTML-TECHS/#address#address> address element * 1.4 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#link-glossary#link-glossary> Glossary * 2. <http://www.w3.org/TR/WCAG20-HTML-TECHS/#navigation#navigation> Navigational Supports * 2.1 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#meta_redirect#meta_redirect> Meta redirect * 2.2 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#meta_refresh#meta_refresh> Meta refresh * 2.3 Site <http://www.w3.org/TR/WCAG20-HTML-TECHS/#sitemap#sitemap> map * 2.4 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#link-nav#link-nav> Collection information * 3. <http://www.w3.org/TR/WCAG20-HTML-TECHS/#headings#headings> Headings * 3.1 Section headings <http://www.w3.org/TR/WCAG20-HTML-TECHS/#hx#hx> * 3.2 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#hx-misuse#hx-misuse> Header misuse * 4. <http://www.w3.org/TR/WCAG20-HTML-TECHS/#language#language> Language * 4.1 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#lang-att_primary#lang-att_primary> Identifying the primary language * 4.2 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#lang-att_change#lang-att_change> Identifying changes in language * 5. Text <http://www.w3.org/TR/WCAG20-HTML-TECHS/#inline#inline> Markup * 5.1 Emphasis <http://www.w3.org/TR/WCAG20-HTML-TECHS/#em#em> * 5.2 Abbreviations <http://www.w3.org/TR/WCAG20-HTML-TECHS/#abbr#abbr> * 5.3 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#acronym#acronym> Acronym * 5.4 Blink <http://www.w3.org/TR/WCAG20-HTML-TECHS/#blink#blink> * 5.5 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#marquee#marquee> Marquee * 5.6 Short Quotations <http://www.w3.org/TR/WCAG20-HTML-TECHS/#q#q> (future) * 5.7 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#blockquote#blockquote> Long quotations * 5.8 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#blockquote_misuse#blockquote_misuse > Misuse of blockquote * 5.9 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#title-att#title-att> Use of the title attribute * 5.10 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#title-att-meaning#title-att-meaning > Supplemental meaning cues * 5.11 CSS <http://www.w3.org/TR/WCAG20-HTML-TECHS/#use-css#use-css> instead of presentational markup * 5.12 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#html-non-deprecated#html-non-deprec ated> Use non-deprecated presentational markup * 5.13 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#semanticmarkup#semanticmarkup> Inline structural elements to identify citations, code fragments, deleted text, etc. * 5.14 Color <http://www.w3.org/TR/WCAG20-HTML-TECHS/#color#color> * 5.15 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#relative-size#relative-size> Relative size * 6. Lists <http://www.w3.org/TR/WCAG20-HTML-TECHS/#lists#lists> * 6.1 Ordered lists <http://www.w3.org/TR/WCAG20-HTML-TECHS/#ol#ol> * 6.2 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#list-misuse#list-misuse> Abuse of list markup * 7. <http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables#datatables> Data Tables * 7.1 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables_caption#datatables_capti on> The caption element (optional) * 7.2 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables_summary#datatables_summa ry> Summarizing data tables (optional) * 7.3 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables_abbr#datatables_abbr> Terse substitutes for header labels (optional) * 7.4 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables_rowgroup#datatables_rowg roup> Identifying groups of rows (optional) * 7.5 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables_colgroup#datatables_colg roup> Identifying groups of columns (optional) * 7.6 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables_scope#datatables_scope> Specifying the set of data cells for which each header cell provides header information * 7.7 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables_headers#datatables_heade rs> Associating header cells with data cells * 7.8 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables_axis#datatables_axis> Categorizing data cells * 7.9 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables_premisuse#datatables_pre misuse> Misuse of the pre element * 7.10 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables_th#datatables_th> Row and column headings * 8. <http://www.w3.org/TR/WCAG20-HTML-TECHS/#layouttables#layouttables> Tables for layout * 8.1 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#layouttables-avoid#layouttables-avo id> Layout tables (deprecated) * 8.2 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#layouttables_td#layouttables_td> Table structure in layout tables * 8.3 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#layouttables_summary#layouttables_s ummary> Summaries of layout tables * 8.4 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#layouttables_linearize#layouttables _linearize> Linear reading order of tables * 9. Links <http://www.w3.org/TR/WCAG20-HTML-TECHS/#links#links> * 9.1 Link <http://www.w3.org/TR/WCAG20-HTML-TECHS/#linktext#linktext> Text * 9.2 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#a-title#a-title> Supplement link text with the title attribute * 9.3 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#imagelink#imagelink> Text for images used as links * 9.4 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#imagetextlinks#imagetextlinks> Image and text links side by side * 9.5 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#linkgroups#linkgroups> Link groups * 9.6 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#linkgroups_tabindex#linkgroups_tabi ndex> tabindex to skip link groups (future) * 9.7 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#linkgroups_skip#linkgroups_skip> Skipping link groups * 9.8 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#linkgroups_hide#linkgroups_hide> Hide link groups * 9.9 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#a-accesskey#a-accesskey> Keyboard access * 9.10 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#links_popup#links_popup> Anchors and targets * 9.11 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#frame_popup#frame_popup> Using frame targets (deprecated) * 9.12 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#target-not-js-windows#target-not-js -windows> Opening new windows * 9.13 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#link_structure#link_structure> The link element and navigation tools * 9.14 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#link_alternative#link_alternative> The link element and alternative documents * 10. Images <http://www.w3.org/TR/WCAG20-HTML-TECHS/#images#images> * 10.1 Short <http://www.w3.org/TR/WCAG20-HTML-TECHS/#img-alt#img-alt> text alternatives for img elements ("alt-text") * 10.2 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#images-as-spacers#images-as-spacers > Spacer images * 10.3 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#alt-text-misuse#alt-text-misuse> Misuse of alternative text * 10.4 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#object_shortdescription#object_shor tdescription> Short text alternatives for object elements (future) * 10.5 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#obj-inline-alt#obj-inline-alt> Non-explicit text alternatives for object * 10.6 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#img-longdesc#img-longdesc> Long descriptions of images * 10.7 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#object_description#object_descripti on> Long description of objects * 10.8 D links <http://www.w3.org/TR/WCAG20-HTML-TECHS/#dlink#dlink> (deprecated) * 10.9 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#descriptionindocument#descriptionin document> Describe images without longdesc * 10.10 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#asciiart#asciiart> ASCII art * 10.11 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#emoticon#emoticon> Emoticons * 10.12 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#no-text-in-images#no-text-in-images > Text in images * 10.13 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#background-image#background-image> Background images * 11. <http://www.w3.org/TR/WCAG20-HTML-TECHS/#imagemaps#imagemaps> Image Maps * 11.1 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#csimnotssim#csimnotssim> Use client side image map * 11.2 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#ssim_textlinks#ssim_textlinks> Text links for server side image maps. * 11.3 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#csim_textlinks#csim_textlinks> Redundant text links for client side image maps (deprecated) * 11.4 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#area-alt#area-alt> Text alternatives for client-side image maps * 12. <http://www.w3.org/TR/WCAG20-HTML-TECHS/#programmaticobjects#programmaticobj ects> Programmatic objects and applets * 12.1 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#markupnotimage#markupnotimage> Markup and style sheets rather than images: the example of math * 12.2 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#progobj-fallback#progobj-fallback> Programmatic object fallbacks * 12.3 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#progobj-altcontent#progobj-altconte nt> Alternative content for programmatic objects * 12.4 Text <http://www.w3.org/TR/WCAG20-HTML-TECHS/#object#object> and non-text alternatives for object * 12.5 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#applet-content#applet-content> Alternative content for applet * 12.6 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#applet-alt#applet-alt> Alt text for applet * 12.7 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#noembed#noembed> Alternative content for embed * 12.8 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#embed-alt#embed-alt> Alt text for embed * 12.9 Embedding <http://www.w3.org/TR/WCAG20-HTML-TECHS/#embed#embed> multimedia objects * 12.10 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#download-viewer#download-viewer> Plugin viewers * 13. CSS Techniques <http://www.w3.org/TR/WCAG20-HTML-TECHS/#css#css> * 13.1 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#css-style#css-style> CSS styling * 14. Frames <http://www.w3.org/TR/WCAG20-HTML-TECHS/#frames#frames> * 14.1 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#frame-title#frame-title> Frame titles * 14.2 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#frame-name#frame-name> Frame name * 14.3 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#frame-longdesc#frame-longdesc> Describing frame relationships (deprecated) * 14.4 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#noframes#noframes> Writing for browsers that do not support FRAME * 14.5 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#frames_html#frames_html> Frame sources * 14.6 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#frame_link#frame_link> Descriptive links for inaccessible frame source * 14.7 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#iframe_content#iframe_content> Alternative content for iframe * 14.8 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#iframe-longdesc#iframe-longdesc> Longdesc for iframe * 15. Forms <http://www.w3.org/TR/WCAG20-HTML-TECHS/#forms#forms> * 15.1 Explicit <http://www.w3.org/TR/WCAG20-HTML-TECHS/#label#label> form labels * 15.2 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#label-implicit#label-implicit> Implicit labels for form controls (deprecated) * 15.3 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#label-title#label-title> Label form controls with the title attribute * 15.4 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#fieldset#fieldset> Grouping form controls * 15.5 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#optgroup#optgroup> Grouping options of select elements * 15.6 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#form_tabindex#form_tabindex> Tab order in forms * 15.7 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#imagesubmit-alt#imagesubmit-alt> Text alternatives for submit buttons * 15.8 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#forms-layouttable#forms-layouttable > Tabular forms * 16. Script <http://www.w3.org/TR/WCAG20-HTML-TECHS/#scripts#scripts> techniques * 16.1 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#noscript#noscript> Text alternatives for scripts * 16.2 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#js-url#js-url> JavaScript URLs * 16.3 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#script-submit#script-submit> Scripted form submission * 16.4 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#script-da#script-da> Keyboard shortcuts for directly accessible scripts * 16.5 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#eventhandlers#eventhandlers> Device dependent event handlers * 16.6 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#event-handlers-abstract#event-handl ers-abstract> Abstract event handlers * 16.7 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#autosubmit#autosubmit> Auto submit combo boxes
Received on Wednesday, 13 April 2005 02:33:39 UTC